FineReport怎么进行表单设计

FineReport是一款报表软件,它的报表操作功能是报表软件中的佼佼者。下面小编就为大家进行介绍一下FineReport简单的一些表单设计功能,希望能帮到大家



新建表单点击文件>新建表单,如下图:



拖入组件

如上图所示的效果图,我们可以看到该表单需要有1个下拉框控件,一个文本控件,以及对应的2个标签控件,还需要一个以表格形式显示数据的报表块,此时,我们确定了需要在表单中添加一个报表块,4个控件。

在组件介绍中,我们知道控件即可依附于参数面板组件存在,也可以单独以组件的形式存在,在这里可随意使用哪种形式,效果都一样,那么使用依附于参数面板组件存在的形式。

参数组件

从工具栏中将参数组件拖拽至表单主体中,并将相应的四个控件:下拉框、文本、2个标签控件拖拽至参数组件中,并设置标签控件的控件值分别为:订单ID和客户ID,如下图:



报表块组件

从工具栏中将报表组件也拖拽至表单主体中,如下图:



如果组件数量过多,在web端展示的时候自适应在一页内显示会比较拥挤,那么此时可以可以再右侧下方选中整体框架body,在右侧上方的属性表中将组件缩放修改为自适应原样缩放,如下图:



充满展现区域:是指在web端展示的时候,所有组件自适应充满整个浏览器页面显示,不出现滚动条;自适应原样缩放:是指在web端展示的时候根据制作表单时候组件大小比例显示,并不缩放充满整个web页面,如果超过页面大小,会出现滚动条。

控件绑定数据

定义数据集

效果图中,新建数据集ds1:SELECT * FROM 订单 where 订单ID=${orderid},参数orderid的默认值为10001,。

注:参数名字必须与订单ID下拉框控件名称保持一致。

订单ID下拉框

选中下拉框控件拖拽到适当位置,下拉框控件名设为“orderid”,数据字典来自FRDemo数据库的订单表(数据类型选择数据库表,数据库选择FRDemo),实际值和显示值均为订单ID,控件值为空。

客户ID文本框

选中文本框控件拖拽到适当位置,文本框控件名为customerid,控件值选择为绑定字段,数据来源于ds1数据集中的客户ID字段,如下图:



注:此处选择ds1数据集是为了实现下拉框与文本框的联动,下拉框控件名称为orderid,ds1数据集根据orderid参数对数据进行了过滤,也就是ds1数据集根据下拉框控件的值对数据进行了过滤。

报表块

参数面板与控件都已经设置好之后,点开报表块里面的触笔按钮,进行报表块编辑界面。

新建数据集

效果图中,报表块里面要显示订单明细数据,根据订单ID进行过滤,新建数据集ds2:select * from 订单明细 where 订单ID=${orderid},orderid默认值为10001.

表样设计

如下图所示,设计表样:



到此为止,表单就已经制作好了。

保存表单并预览

保存表单,表单模板后缀名为.frm,点击预览按钮进行预览,即可看到效果。

(0)

相关推荐

  • 9个新人容易中枪的表单设计问题

    在网站中,表单是用户跟我们沟通的主要桥梁.透过表单,用户可以买东西.订阅新文章.更新资料--可以说网站最重要的功能,都是靠表单来完成.然而这个跟顾客打交道的重要环节,我们真的有做好了吗?以下分享的是一 ...

  • 44个漂亮的注册表单设计

    小编:注册表单在网页应用中十分重要,好的注册表单是可以让用户喜欢使用,大大的提升用户体验的.所以把注册表单设计好也是非常重要的一件事.今天就为大家带来44个漂亮的注册表单设计,看上去真的是有种赏心悦目 ...

  • 优秀表单设计应遵循的原则

    小编:表单是网站的重要组成部分.表单的目标是引导用户沿着一条路径,提高用户填写表单的效率,防止他们出错或中途流失,提升愉悦度及转化率.最好的表单用最少的文本来引导用户. 设计师常犯的错误,以及正确做法 ...

  • 【干货】5大移动端表单设计原则及案例赏析

    当我们在享受手机App为生活带来的巨大便利时,无形中已经经历了多种多样的移动表单设计形式.而表单设计又是移动应用设计中与用户产生最多交互的步骤,包括用户注册.订阅服务.用户反馈.问卷表单.买卖交易等等 ...

  • 进行表单设计需要注意这十点

    表单设计是互联网产品设计中(尤其是移动设备)重要的组成部分之一,无论是注册流程或是登录流程,运用的地方十分广泛.本次分享的就是关于表单设计的文章,作者总结了十点和大家分享,下面就跟小编一起来学习一下设 ...

  • 4步教你提升表单设计的用户体验

    前言 在日常 APP 的操作使用中,用户在使用 APP的场景是碎片化的,环境可能非常嘈杂,各种因素导致用户中止或放弃操作,所以表单设计的用户体验显得尤为重要!接下来我们看看通过什么样的方法能快速提高表 ...

  • 表单设计总结

    表单是我们比较常见的一个信息录入工具.糟糕的表单设计会带来令用户抓狂的交互体验,极大的影响用户信息录入的效率.这篇文章我就来大家梳理一下关于表单设计的一些知识点. 表单的构成 常见表单是由多个列表项构 ...

  • UX设计秘诀之注册表单设计,细节决定成败

    说实话,现实生活中,又有多少人会真正喜欢填写表格?显然,并不多.因为填写表单这样的网页或App服务,并非用户所需.他们需要的仅仅只是能够尽快买票.聊天等服务而已.如此,注册表单的填写,似乎就成为他们不 ...

  • 表单设计的常见错误与解法

    无论是连贯试.分布式,亦或是单调的数据输入界面,表单都是数码产品的重要组成部分.这篇文章聚焦在表单设计中常见的该做和不再做的点上.这些都是通用的设计指南,但每条规则都肯定是有不适用的特殊情况的. 最好 ...