设计器支持移动端预览效果

编辑
文档创建者:小帆_智能客服 (106526 )     浏览次数:779次     编辑次数:4次     最近更新:jiangsr 于 2018-07-04     

目录:

1. 版本编辑

  报表服务器版本jar包版本    APP版本
  9.0  2018.7.3  v9.3

2. 描述编辑

用户在制作模板时,想要预览模板在移动端的实际呈现效果比较繁琐:APP模式下需要经过模板挂载平台,移动端访问服务器等操作;H5的预览也需要手动发送url地址并且加上op=h5的参数,才能看到实际的预览效果

现报表新增一个“移动端预览”模式,可以通过扫码直接在手机上展现报表,让用户直观地看到当前设计模板的实际效果,提升了移动端模板制作的易用性有助于模板分享,如下图所示:

1)普通报表

222

2)决策报表

222

3. 示例编辑

3.1 模板设置

打开一个移动端报表,如:%FR_HOME%\WebReport\WEB-INF\reportlets\demo\phone\basic\产品明细-phone.cpt,选择“移动端预览”方式,如下所示:

222

3.2 浏览器效果

浏览器显示页面如下:

222


1)报表名称

2)报表预览方式:普通预览或填报预览,普通预览的后缀为:“&op=h5”,填报预览的后缀为:“&op=write

注:决策报表不支持填报预览。

3)报表访问链接二维码,可直接被APP和第三方浏览器等识别访问

4)如当前url中的IP地址为localhost,自动识别为当前设备网络环境的IP地址,并提示:确保移动设备与当前PC处于同一网络环境

4. 效果预览编辑

4.1 app新建服务器扫描二维码

1)使用APP进入服务器,点击新建服务器,直接扫描PC模板中的二维码,识别当前模板链接地址,判定链接中的地址是否存在于服务器列表中,如下图:

222

2)如服务器列表中无当前模板链接的服务器地址,新建服务器信息,服务器名称为:测试服务器{随机uuid},并且跳转至登录界面

222

3)如服务器列表中有当前模板链接的服务器地址,跳转至已有服务器登录界面

注:如存在多个不同名称的相同服务器则选择第一个。

222

4)以管理员身份登录成功后,跳转至报表界面(若有主页,在主页基础上弹出报表界面

注:若开启了模板权限,则判断登录用户是否有权限访问,若没有则弹出“没有权限”的提示。

222

5)具体实现流程,如下图所示:

4.2 app设置界面扫描二维码

1)在APP设置界面新增扫一扫功能,如下图所示:

222

2)以管理员身份登录,进入到设置界面点击“扫一扫”,即可调用摄像头识别二维码,并跳转至对应的报表界面,如下图:

注:若开启了模板权限,则判断当前登录的服务器是否为二维码报表链接的服务器,若不是则弹出“目标服务器开启权限认证,请登录目标服务器后再尝试”的提示,若是则判断用户是否有权限访问,没有则弹出“没有权限”的提示。

222

4)具体实现流程,如下图所示:

附件列表


主题: 移动端
标签: 暂无标签 编辑/添加标签
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?