1. 概述
1.1 版本
报表服务器版本 | HTML5移动端展现插件版本 | 应用封装插件版本 | 功能更新 |
---|---|---|---|
11.0 | V11.0.85 | V1.0 | - |
11.0 | V11.0.87 | V1.3 | 1)「应用封装」支持 PC 端 2)图标支持自定义选中态和默认态 |
1.2 应用场景
在日常系统的管理中,经常需要将同一个业务或同一个场景的模板进行分类组合。
传统的列表式目录占用较多的目录空间,模板内容层级较多时需要做分页/分层设计来实现,经常需要上下滚动翻找才能找到自己需要的看板。
因此为了便于用户日常查看看板,帆软推出「应用封装」功能,用户可以自定义组合,通过不同结构的将看板与导航模式结合起来。让应用拥有产品形态,方便后续进行应用复用、落地、推广、评价,实现应用市场生态。
应用封装支持 PC端 和 移动端 ,其中移动端仅支持 HTML5 端。
PC 端共支持三种导航模式,分别为「顶部导航」、「侧边导航」、「混合式导航」,如下图所示:
顶部导航模式:
侧边导航模式:
混合式导航:
移动端分为「一级导航」和「二级导航」,一级导航拥有两种模式,分别为「底部标签式」和「顶部标签式」。二级导航拥有两种模式,分别为「弹出式」和「顶部标签式」,如下图所示:
顶部导航如下图所示:
底部导航如下图所示:
2. 插件介绍
2.1 插件安装
在市场下载插件:应用封装插件
设计器插件安装方法参照:设计器插件管理
服务器安装插件方法参照:服务器插件管理
注:「HTML5移动端展现」插件版本要在V11.0.85及之后。
2.2 插件介绍
2.2.1 入口
安装插件后,点击「管理系统>应用封装」,进入页面。如下图所示:
序号 | 说明 |
---|---|
A | 点击新建应用,进入新建应用界面 |
B | 根据应用的分类可以选择在界面展示桌面端、移动端或不限分类的应用 |
C | 管理已有的应用。支持查看应用信息,对应用进行编辑、预览、复制链接、重命名、删除 |
2.2.2 新建应用
点击「新建应用」即可进入新建应用界面,在弹窗中需要输入「应用名称」和「使用终端」,如下图所示:
2.2.3 内容配置
进入「编辑应用」界面,分为「内容配置」和「应用配置」。
内容配置:主要设置应用展示的模板内容,用户可以根据需求新建组合,并在组合中添加模板或超级链接,可以自定义模板或超级链接的名称和图标,设置完成后即可在右侧的预览界面查看效果,如下图所示:
设置项 | 说明 |
---|---|
添加页面 | 可添加模板资源、超级链接。 模板资源:可添加平台目录、模板认证列表(支持多选)
超级链接:添加页面名称、超级链接即可添加。 |
添加组合 | 相当于文件夹,支持在组合内添加多个页面 |
全部页面 | 展示已添加的页面和组合,并支持在指定层级添加页面/组合、拖拽移动内容位置、删除内容 |
内容设置 | 点击添加的组合、超级链接、模板。可以对名称、图标、模板资源/超级链接进行内容配置。 1)组合:
2)超级链接:
3)模板:
|
预览 | 查看应用效果。支持点击切换导航页面 1)空组合不会被展示;且底部标签栏仅支持显示5个一级目录 2)页面内容为示例数据,仅作展示用途 |
2.2.4 应用配置
完成内容配置后,进行应用配置。
PC 端应用配置:
支持设置应用名称、导航样式、主题色。右侧可预览应用效果。如下图所示:
移动端应用配置:
支持对一级、二级导航栏分别配置。还支持配置导航栏的主题色若选择底部标签式。最多只展示5个一级目录,且需配置导航图标。
查看应用预览效果,选择弹出式,可点击导航栏,弹出对应页面。如下图所示:
完成后点击保存。完成应用配置。
2.2.5 管理应用
返回「应用封装」界面,可对应用进行管理。如下图所示:
2.2.6 查看应用
已创建好的应用需要修改链接后,支持将链接挂载到平台目录、移动端集成、轻应用、数据门户等地点使用。
点击「复制链接」按钮复制出来的应用链接。链接格式:http://域名:端口/webroot/decision/url/mobile/packagedApp/?appId=xxx,将链接挂载到需要使用的地方即可。
2.3 权限配置
超管需要为用户开通挂载的应用封装的查看权限,以及封装中使用到的模板的查看权限,用户才能预览封装中的模板。
超管需要为用户开通「应用封装」的使用权限后,其他用户才能使用「应用封装」。
超管需要为用户开通目录的编辑权限,用户才能在应用中添加对应的模板。
应用内不同资源来源的权限说明:
平台目录:拥有平台目录查看权限才可以在应用中预览该节点
模板认证报表:此入口仅对超管开放,若超管开启模板认证,并在应用中添加了需要认证的模板,用户需要完成认证才能在应用中预览该模板。
超级链接:可以添加任意超级链接,添加后能否预览,循序用户添加的链接的权限。
3. 配置记录
应用封装插件,相关配置,记录在finedb的fine_encapsulation_app表中。
具体如下表所示:
字段 | 含义 | 示例 | 类型 |
---|---|---|---|
id | 唯一主键UUID | 6cf4db94-8fdb-ec53-02dd-f4172af87141 | VARCHAR |
applicationName | 应用的名称 | ceshi | |
terminal | 应用的使用终端 0:桌面端 1:移动端 | 0 | INT |
userId | 创建应用的用户ID | 530a7191-c431-48de-9d28-83c68dee47d2 | VARCHAR |
lastUpdateTime | 应用最后一次修改时间 | 1720169189032 | LONG |
navigation | 导航配置 1)levelOne:一级导航样式 2)levelTwo:二级导航样式 3)navigationBackground:导航栏背景 4)menuSelectStyle:目录选中时颜色 5)menuDefaultStyle:目录默认颜色 | { "levelOne": 3, "levelTwo": 1, "navigationBackground": { "color": "#FFFFFF" }, "menuSelectStyle": { "color": "#2C60DB" }, "menuDefaultStyle": { "color": "#5D6B81" } } | VARCHAR |
pageList | 节点列表 nodeType:节点类型 -1:未知类型 0:组合 1:模板 2:仪表板 3:超链 | [{ "id": "demo/fvs/直播运营数据大屏.fvs", "pId": "dec-plugin-page-tree", "nodeName": "首页-直播运营数据大屏", "nodeType": 1, "nodeIcon": "flat-icon-2", "nodeSelectedIcon": "", "nodeContent": "demo/fvs/直播运营数据大屏.fvs", "layer": 1, "nodeOrigin": 2, "showIcon": true, "templateId": null }, { "id": "6cf4db94-8fdb-ec53-02dd-f4172af87141-combination8c7ef7769d706e9a", "pId": "dec-plugin-page-tree", "nodeName": "业务分析", "nodeType": 0, "nodeIcon": "page-combination", "nodeSelectedIcon": null, "nodeContent": null, "layer": 1, "nodeOrigin": null, "showIcon": false, "templateId": null }, { "id": "demo/fvs/零售行业销售看板.fvs", "pId": "6cf4db94-8fdb-ec53-02dd-f4172af87141-combination8c7ef7769d706e9a", "nodeName": "零售行业销售看板.fvs", "nodeType": 1, "nodeIcon": "flat-icon-2", "nodeSelectedIcon": "", "nodeContent": "demo/fvs/零售行业销售看板.fvs", "layer": 2, "nodeOrigin": 2, "showIcon": false, "templateId": null }] | VARCHAR |