FineReport怎么进行表单设计 FineReport的表单设计简单示例

2015-05-17 17:07 108 1 收藏

FineReport是一款报表软件,它的报表操作功能是报表软件中的佼佼者。

【 tulaoshi.com - 软件教程 】

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

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

拖入组件

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

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

参数组件

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ruanjianjc/)

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

报表块组件

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

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

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

控件绑定数据

定义数据集

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

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

订单ID下拉框

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ruanjianjc/)

客户ID文本框

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

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

报表块

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

新建数据集

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

表样设计

如下图所示,设计表样:

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

保存表单并预览

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

来源:http://www.tulaoshi.com/n/20150517/187729.html

延伸阅读
把表单设计得易于输入 你无法确知用户使用的是手机还是电脑在浏览你的网页,输入你的表单,但是它应该对于各种输入设备都足够友好才行。考虑到你的表单可能会是不同类型的键盘输入的,所以你应该根据表单字段属性和检测到的键盘类型,进行适配。 在桌面端,用户应该可以只借助键盘完成整个输入过程,而无需动用鼠标与触控板。完成一...
标签: Web开发
1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 textarea 中,一切就会变得简单多了,如:  以下为引用的内容: textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focu...
标签: Web开发
输入框( Input )应当符合逻辑地划分为小组,这样大脑就可以很好的处理大堆区域间的关系。– 《HTML权威指南》 Web 应用程序总是利用表单来处理数据录入和配置,但并不是所有的表单都保持一致。输入区域的对齐方式,各自的标签(label),操作方式,以及周围的视觉元素都会或多或少影响用户的行为。 表单布局 考虑到用户...
此前,我们曾为大家带来一篇表单设计的文章《 关于表单设计,每个设计师都应该知道的10件事 》。但随着移动互联网的蓬勃发展,移动表单设计也渐渐被开发者所重视,并且与PC端的设计有一些不同之处。本文正是从用户体验出发,为我们讲述在移动表单设计中的注意事项。 以下为文章原文: 一直想写一篇文章,关于移动应用表单设计的,可惜最近项...
每当页面中出现洋洋洒洒的表单,用户就会开始感到头疼,有些用户就会直接选择放弃,而我想讨论的是,如何面对表单时让用户直接注意他们需要填写的必填项,减少不需要的信息的干扰。 必选项是以什么形式出现在现如今的表单中的呢? 1、 表单信息的表现类别 下面是一个关于web表单设计的调查报告,这个结果来源于100个令人瞩目的网站。 ...

经验教程

387

收藏

91