HTML5移动端展现

编辑
  • 文档创建者:印然
  • 浏览次数:37159次
  • 编辑次数:35次
  • 最近更新:susie 于 2019-06-29
  • 1. HTML5 报表插件安装及使用

    1.1 插件安装

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

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

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

    1.2 HTML5 移动端展现使用方法

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



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




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

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


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

    2.1 手机页面大小

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


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

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

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



    效果如下图:


    2.3 H5 报表自适应

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



    附件列表


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

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

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