FineReport中如何安装移动端H5插件

1. HTML5报表插件安装及使用编辑

• 插件安装

插件网址以及设计器插件安装方法和服务器安装插件的方法能够官网上面搜索，这里就不作详细介绍了。

 

• 移动端HTML5报表使用方法

安装好插件后，在浏览器中调用时，须要在报表路径后面加上参数op=h5。可是PC端不彻底支持H5效果。

移动端添加参数先后效果：

fs上挂报表的时候不用带参数，会自动识别是否是在手机上访问的。另外移动端的H5插件，图表是只支持显示新图表。

2. Html5报表制做及手机效果编辑

• 手机页面大小

制做手机上的报表与PC端报表制做过程是同样的，为了让用户制做出适合手机尺寸的报表，在模板>页面设置>纸张大小的地方，能够选择手机纸张大小，以下图：

 

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

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

 

效果以下图：

 

 

• H5报表自适应

h5模板自适应的时候，点击模板>移动端属性，设置【竖屏】-【横向自适应】，效果会比较好看，若是有超出部分则分页显示，能够经过下方工具栏的翻页按钮进行翻页。

3. Html5报表支持功能点列表编辑

注意：使用新版本要求服务器jar包时间为6月8日或更新，新特性图表插件版本为V7.2版本以上的
目前Html5报表支持以下功能：

一、Html5报表暂时支持普通分页预览，填报预览、数据分析还不支持
二、报表参数界面与正文分离，提供良好的用户体验
三、报表正文在不一样的设备上会进行自适应
四、报表工具栏上提供左右箭头能够进行翻页、点击页码能够进行快速翻页
五、支持全部类型图表的基本展示，能够在图表上进行穿透钻取，有数据点提示
六、报表正文单元格支持钻取
七、支持基础控件：文本、下拉框、单选按钮组、复选框组、日期、按钮
八、支持表单模板的展示，而且能够有保留布局与自动重布局两种选择，能够快速制做精美的报表页面
九、支持pc、phone、pad上显示的目录结构不一样，用户在pc上看到的报表目录结构和手机上看到的目录结构能够设置成不一样
十、支持表单实现数据采集并提交入库
十一、参数界面优化，增长参数过滤快捷按钮并支持直接返回目录，及查询前不显示报表内容属性
十二、js缓存优化，提高展现性能
1三、图表性能优化

1四、cpt报表缩放调整并支持是否启用cpt报表的缩放

 

四、移动端手机报表制做时的属性使用指南编辑

随着表单保留布局及自适应布局功能的发布，在设计手机报表的时候，会用到的属性也增长了好几个，虽然属性的控制可让设计的时候更灵活，可是确无疑会增长设计的难度。咱们也在千方百计的让设计的时候更简单，与此同时，也将相关的属性以及用法在此作一个说明，让你们的用的时候可以更加清晰。

（1）表单body属性中新增“手机重布局”属性

  手机重布局这个属性只针对手机，pc和pad上面始终是原始布局。这个就是是否要在手机显示的时候保留布局的开关，默认状况下是重布局的唷，即组件是依次往下显示，一行只会有一个组件唷，若是想手机上显示的时候就按照设计的布局来的话，记得勾选。

（2）表单中报表块属性中新增“手机显示限制高度”属性及高度的设置

  这个一般使用默认的就能够了，有了这个属性，你的报表块设计的时候能够不须要去考虑最终的高度，在手机上面，报表块的高度会根据报表最终扩展出来的内容高度自动变化。
固然这个属性有必定的局限性，就是若是你设置保留设计时候的布局，报表块旁边又有其余控件好比右边有个图表，那报表块高度就不会自动改变，设计时的比例是什么样的就是什么样的。
最后报表块若是设置了限制高度的话，高度的设置为屏幕高度的比例值，咱们这边考虑到报表的滑动，因此报表块限制高度时最大占屏幕高度的0.8，若是你们在实际使用时，以为比例不合适也能够及时反馈给咱们。

（3）表单body属性中的“组件缩放”

  表单body中自适应布局方式还有一个属性“组件缩放”，你们也要关注一下，这个默认是“双向自适应”，若是你的报表只在pc上看，设置为“双向自适应”是很是合适的，可是若是是手机上看，就不太合适，因此若是是要兼顾手机端显示的话，“组件缩放”属性最好设置为“横向自适应”会比较好。

设置为自适应布局而且“双向自适应”的话，你的报表在手机上也会压缩到一个手机屏幕，每一个组件都会按照设计的比例挤压显示，这个时候报表块的显示高度限制也就没啥用了。