HTML5移动端展现

编辑
  • 文档创建者:印然
  • 浏览次数:39690次
  • 编辑次数:37次
  • 最近更新:Kevin-s 于 2019-11-26
  • 1. 版本

    报表服务器版本

    JAR 包版本

    插件版本

    10.02018-11-06V10.2.39
    9.02018-04-27V9.5.39
    8.02018-04-27V9.5.39

    2. 插件安装

    可在插件商城下载 HTML5 移动端展现

    设计器插件安装方法参照 设计器插件管理

    服务器安装插件方法参照 服务器插件管理

    3. 插件介绍

    1)安装好插件后,设计器中使用移动端预览,如下图所示:

    image.png

    2)然后用移动端扫码即可预览报表效果,详细操作步骤点击 报表通过 H5 解析的预览方式,如下图所示:

    222


    注 1:如果直接在浏览器中调用时,需要在报表路径后面加上参数 &op=h5,例如:http://192.168.1.156:8075/webroot/decision/view/report?viewlet=1.cpt&op=h5

    注 2:如果模板挂载在 fs 中则不需要带参数,会自动识别是在手机上访问进行 HTML5 预览;微信中调用请参考 企业微信集成,钉钉中调用请参考 钉钉管理插件

    4. HTML5 报表制作及手机效果

    4.1 手机页面大小

    制作手机上的报表与 PC 端报表制作过程是一样的,为了让用户制作出适合手机尺寸的报表,在模板>移动端属性地方,勾选设置为手机模板画布大小,如下图所示:

    image.png

    注:若模板中有内容,在设置为手机端专属模板时,会触发另存为以“_mobile”为后缀的模板,详情参考:设置手机端模板 

    4.2 报表参数界面的显示效果

    HTML5 报表在手机上显示时,参数界面和 PC 端不一样,而是一个新的页面,页面的控件会自动布局,从上到下依次显示,根据参数界面>移动端中的顺序来显示,如下图所示:

    image.png

    效果如下图所示:

    4.3 H5 报表自适应

    H5 模板自适应的时候,点击模板>移动端属性,横屏和竖屏默认都为横向自适应,可以根据效果自主选择自适应方式,如果有超出部分则分页显示,可以通过下方工具栏的翻页按钮进行翻页。
    image.png

    效果如下图所示:


    附件列表


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

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

    此页面有帮助吗?只是浏览 [ 去社区提问 ]