App Encapsulation

Version

Application Scenario

In the daily system management, managers often need to categorize and combine templates of the same business or the same scenario.

However, traditional list-style directories take up a lot of directory space. In addition, pagination/hierarchical designs are needed if template content has multiple levels. Users need to scroll the mouse middle wheel up and down to find needed dashboards.

In this case, in order to facilitate users' daily dashboard view, FanRuan launched the App Encapsulation function, which allows users to customize combinations and integrate dashboards with navigation modes through different structures. In this way, apps can have product forms, facilitating subsequent app reuse, implementation, promotion, and evaluation for app market ecology construction.

Both the PC end and the mobile terminal (only HTML5) are supported in App Encapsulation.

Three navigation styles are supported on the PC end: Top Navigation, Side Navigation, and Hybrid Navigation. The following figures show the corresponding effects respectively.

• Top Navigation

• Side Navigation

• Hybrid Navigation

Four navigation styles are supported on the mobile terminal: Bottom Tab Style & Top Tab Style (Level-1 Navigation) and Popup Style & Top Tab Style (Level-2 Navigation). The following figures show the Top Tab Style effect and the Popup Style effect.

• Top Tab Style

• Popup Style

Plugin Installation

You can contact our technical support to obtain the plugin.

For details about how to install plugins, see Plugin Management.

Plugin Introduction

Entry

After installing the plugin, choose System Management > App Encapsulation to go to the app editing page, as shown in the following figure.

Adding an App

Click Add App to go to the app edit page. You need to enter an App Name and select Terminal Used.

Content Configuration

The Edit App page is divided into Content Configuration and App Configuration.

Content Configuration: allows you to set the template display content in the app. You can add combinations as needed, add templates/hyperlinks in the combinations, and customize the names and icons of the templates/hyperlinks. After completion, you can view the effect in the right preview area, as shown in the following figure.

Add pages and combinations on the left of Content Configuration. Click the page/combination setting icon and modify the name. You can preview the effect on the right, as shown in the following figure.

Setting Item	Description
Add Page	Allows you to add templates and hyperlinks. Template Resource: allows you to add platform directories and template authentication reports (multiple selections supported). Platform Directory: is applicable to users with platform directory permissions. My Analysis: displays dashboard resources in My Analysis. Template Authentication Report: is applicable to users who have passed the template authentication. Hyperlink: allows you to add link resources by entering a page name and a hyperlink.
Add Combination	Represents a folder and allows you to add multiple pages in a combination.  Note: You can add at most third-level combinations in a combination. For example, add the first-level combination Product, under which you can add second-level combinations (like Sales), where you can continue to add third-level combinations (like Fruit). But you cannot add more subordinate combinations under third-level combinations, as shown in the following figure.
All Pages	Allows you to display the added pages and combinations, add pages/combinations at specified levels, drag and move content to required locations, and delete content.
Content Configuration	Allows you to configure content by clicking an added combination/page. Template: allows you to modify the name, icon, and template/template link (only single selection supported). Hyperlink: allows you to modify the name, icon, and hyperlink. Combination: allows you to modify the name and icon.
Preview	Allows you to view app effects and switch navigation pages with one click. 1. Empty combinations are not displayed. Only a maximum of five level-1 directories can be displayed on the bottom tab bar. 2. Sample data is displayed on the preview page for demonstration only.

App Configuration

After content configuration, you can perform the app configuration.

Desktop

You can set App Name, Navigation Style, and Theme Color and preview the effect on the right.

Mobile Terminal

You can separately configure level-1 and level-2 navigation bars and configure their theme colors. If you select the bottom tab style, a maximum of five first-level directories can be displayed, in which case navigation icons need to be configured.

You can preview the app effect on the right. If you choose Popup Style, the corresponding page pops up when you click the navigation bar.

Click Save after completion.

Managing Apps

Return to the app encapsulation page to manage apps.

Viewing Apps

After modifying the link of the created app, you can mount the link to platform directories, mobile integrations, lightweight apps, data portals, and so on.

1. Click the link copy icon to copy a link (format: http://Domain name:Port number/webroot/decision/url/mobile/packagedApp/?appId=xxx).

Permission Configuration

The super admin needs to assign the app encapsulation plugin permission to users for them to edit apps.

At the same time, the super admin needs to assign the directory edit permission to users for them to add corresponding templates in apps.

Descriptions for permissions of different resources in apps:

• Platform Directory: Only users with platform directory permissions can preview this node in apps.

• My Analysis: Only users with collaboration permissions can preview this node in apps when they preview the link. Only users with directory permissions can preview this node when they publish templates to directories.

• Template Authentication Report (only applicable to the super admin): Only users who have passed the template authentication can preview this node in apps (if the super admin enables Template Authentication and adds templates that require authentications in apps).

• Hyperlink: Users who have the added hyperlink (any) permissions can preview content in apps.

Only users with the directory permission of the platform where the app is located can publish templates to the outermost layer of directories. The permissions on each node in the app are subject to resources themselves.

When you preview mounted links, the permissions on each node in the app are subject to resources themselves.

Data permissions take effect based on the data permissions and data connection permissions used in templates.