App Encapsulation Example

  • Last update:January 17, 2025
  • Overview

    This document introduces how to use the App Encapsulation function through a simple example. Since the operations on PC and mobile terminals are the same, this document only takes the operation on PC as an example.

    Current Template:

    Dashboards under Platform Directory > Industry Application > Retail Industry are used.

    Example:

    The super admin creates an app and allows the user eoco to view the encapsulated app on PC.

    Prerequisite:

    You have installed the App Encapsulation plugin before performing the operations in this document.

    For details about the function introduction and plugin installation, see App Encapsulation.

    App Creation

    Choose System Management > App Encapsulation as the super admin, click Add App, set App Name to PC Test and Terminal Used to Desktop, and click Confirm, as shown in the following figure.

    1.png

    Content Configuration

    1. Click Content Configuration on the app edit page, click the + icon next to All Pages, select Template Resource from the drop-down list, select Multi Angle Sales Analysis under Platform Directory > Industry Application > Retail Industry, and click OK, as shown in the following figure.

    2.png

    3.png

    2. Add a combination named Management and add template resources to the combination, as shown in the following figure.

    4.png

    5.png

    3. Select Operation Conditions of a Retail Company under Platform Directory > Industry Application > Retail Industry, as shown in the following figure.

    6.png

    4. Set icons for the template and combination respectively and select Display, as shown in the following figure.

    7.png


    App Configuration

    Click App Configuration, set Navigation Style to Side Navigation, set Navigation Bar Background, Selected Style for Directory, and Default Style for Directory respectively, and click Save, as shown in the following figure.

    9.png

    App Mounting

    Copy the app link as the super admin, choose System Management > Directory Management > Retail Industry, click Add Link, set Name to PC Test, Link Path to the copied app link, and Terminal to PC, and click OK, as shown in the following figure.

    10.png

    11.png

    Permission Assignment

    1. Choose Permission Management > Common Permission Configuration > User's Final Permission, select eoco in User List, click Directory Permission, and assign the viewing permission of PC Test to the user eoco, as shown in the following figure.

    12.png

    3. Select eoco in User List, click Directory Permission, and assign the viewing permissions of the dashboards used in the app encapsulation to the user eoco, as shown in the following figure.

    13.png

    3. Select eoco in User List, click Data Permission, and assign the viewing and component data permissions of the dashboards used in the app encapsulation to the user eoco, as shown in the following figure.

    14.png

    Effect Preview

    15.png

    附件列表


    主题: Creating a Dashboard
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy