历史版本4 :移动端轻应用 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本轻应用插件版本
11.0.3V11.0.62

1.2 应用场景

该插件改善了用户用手机浏览器浏览报表工程的一些使用它体验。

以 HTML5 浏览器打开工程查看模板返回目录时,经常会点到关闭页面的按钮,大大降低了移动端的用户体验。使用「轻应用」访问工程能够解决这个问题。切换模板时需要返回目录,通过「轻应用」设置「底部标签目录」还可以直接在模板界面切换目录/模板。如下图所示:

2022-04-07_14-10-01.gif


1.3 功能简介

安装钉钉管理插件,就可以实现钉钉集成。

2. 插件介绍编辑

2.1 插件安装

点击下载插件:轻应用管理

设计器插件安装方法请参见:设计器插件管理

服务器安装插件方法请参见:服务器插件管理

2.2 功能介绍

2.2.1 入口

安装插件后,点击「管理系统>轻应用管理」。即可配置移动端 H5 的样式。如下图所示:

2022-03-24_16-33-54.jpg

2.2.2 服务器

填写服务器地址后要注意「保存」。如下图所示:

  • 该地址需要外网可访问,地址格式为http://域名:端口/decisionhttps://域名:端口/decision,配置后请保存;

  • 如需在微信、钉钉中使用,应该与微信、钉钉管理插件的服务器地址保持一致。

2022-03-24_16-33-54.jpg

2.2.3 轻应用管理

可以新建,查看,配置轻应用。如下图所示:

2022-03-25_15-35-14.jpg

序号
功能
详情
1新建轻应用

点击进入「应用编辑」界面填写应用信息,「保存」后成功创建。如下图所示:

注 1:配置好服务器地址后,才可在「轻应用管理」新建轻应用。

注 2:应用编辑界面功能介绍查看 2.2.4 节

2022-03-25_15-48-19.jpg

2已成功新建的轻应用信息

展示已创建的轻应用名称、最后修改时间

注:一个服务器地址,可以配置多个轻应用

3编辑

点击进入「应用编辑」界面,可修改应用信息,完成点击「保存」。如下图所示:

2022-03-25_15-48-37.jpg

4预览

点击在 PC 端直接预览轻应用的移动端效果。如下图所示:

2022-03-25_15-49-33.jpg

5访问链接

点击生成轻应用的访问链接,可「复制链接」发送给移动端查看用户。如下图所示:

2022-03-25_15-49-43.jpg

6删除

点击删除应用。如下图所示:

2022-03-25_15-49-50.jpg

2.2.4 应用编辑界面

对轻应用的名称、展示内容、展示样式进行编辑。完成后点击「保存」。如下图所示:

完成后,可在「轻应用管理」选择应用,进行移动端效果预览。

2022-03-25_15-48-37.jpg

序号功能名称详情选项详情
1轻应用名称必填项-
2根目录

仅支持选择目录节点

注:若目录结构设置的「底部标签式目录」,在移动端预览仅支持显示前 6 个

-
  • 选择根目录:目录结构非「底部标签式目录」,显示移动端的目录主页。

  • 选择子目录:直接在底部即可切换模板、下级目录。

3目录结构目录结构,支持设置不同的移动端目录展示形式。底部标签式目录

可实现在移动端模板界面直接点击底部按钮,查看其他模板。

点击右下角「编辑」可自定义轻应用的目录样式,如下图所示:

2022-03-25_16-55-30.jpg

九宫格
  • 不需要轻应用显示默认目录样式

只在「轻应用」设置「目录结构」即可

  • 实现轻应用自定义目录样式

1)需要保证「移动平台」和「轻应用」的「目录结构」一致。

2)并在「移动平台>目录」设置该目录结构的目录样式。可参考文档:[通用]目录

注:除「九宫格」外的其他目录需安装插件才可使用:[通用]目录结构插件
分类导航目录树
Tab标签目录
卡片式目录


3. 示例编辑

3.1 设置服务器

1)安装插件。详情查看本文 2.1 节。

2)进入「管理系统>轻应用管理」,填写服务器地址后「保存」。如下图所示:

  • 该地址需要外网可访问,地址格式为http://域名:端口/decisionhttps://域名:端口/decision,配置后请保存;

  • 如需在微信、钉钉中使用,应该与微信、钉钉管理插件的服务器地址保持一致。

2022-03-24_16-33-54.jpg

3.2 新建轻应用

点击「新建轻应用」进入轻应用编辑界面。如下图所示:

2022-04-07_11-13-11.jpg

3.3 应用编辑

输入应用的名称「轻应用」,选择目录节点为「根目录」,并选择目录结构为「底部标签式目录」,如下图所示:

注:若选择其他目录可以在「移动平台>目录」设置该目录结构的目录样式。可参考文档:[通用]目录

2022-04-07_11-13-40.jpg

3.4 底部标签式目录样式设置

1)点击「编辑」,即可自定义底部标签式目录样式。如下图所示:

2022-04-07_11-25-32.jpg

2)样式设置界面中,设置底部标签的背景、默认态、选中态。如下图所示:

2022-04-07_11-34-50.jpg

3)设置目录图标样式。默认为扁平样式。选择「自定义」可以设置底部图标的「默认态」、「选中态」。点击「+」上传图片。如下图所示:

注:如何设置目录图标样式详情可参考:[通用]目录 2.6 节。

2022-04-07_11-37-07.jpg

4)上传好后,点击前 6 个目录,设置默认态和选择态样式。比如,选中「管理驾驶舱」选择「默认态」、「选中态」图标。如下图所示:

2022-04-07_11-44-53.gif

完成后点击两次「保存」。回到轻应用管理界面。如下图所示:

2022-04-07_11-47-07.gif


3.5 效果预览

点击预览,效果如下图所示:

s.jpg

3.6 分享应用

点击分享,即可复制链接。分享给其他用户。

2022-04-07_11-53-14.jpg

登录工程后查看应用效果,可见文档 1.2 节。