FineReport制作Web表格-中关村在线

借助FineReport这一Web表格工具，简要说明其基本功能与应用特点。

1、通过一个简单例子，感受一下表单的使用。

2、效果所示

3、创建新表单

4、点击文件，选择新建表单，所示

5、放入组件

6、所示，该表单需包含一个下拉框控件、一个标签控件和一个查询按钮，共三个控件。同时，还需添加用于以表格形式展示数据的报表块，以及用于呈现图表信息的图表块。因此，最终确定在页面中布置两个功能模块与三个交互控件，满足数据查询与可视化展示需求。

7、在组件介绍中已说明，控件既可作为独立组件存在，也可依附于参数面板组件。此处采用依附于参数面板的形式，两种方式效果一致，可根据需要灵活选择，不影响最终呈现结果。

8、参数化模块

9、将参数组件从工具栏拖入表单主体，再将下拉框、文本控件和查询按钮三个控件放入该组件内，并将标签控件的值设为客户，所示。

10、报表组件块

11、将报表组件从工具栏拖到表单主体区域，所示。

12、当组件数量较多时，页面显示可能过于密集。此时可点击右侧下方的整体框架body，在右侧上方属性表中将组件缩放设置为自适应原样缩放，以优化显示效果，提升页面布局的清晰度与可读性。

13、充满展现区域指网页中所有组件自动调整大小，完整填充浏览器窗口，确保页面内容铺满整个视口，无滚动条出现。

14、自适应原样缩放指在网页端按表单设计时的组件比例展示，不强制拉伸填满页面，超出部分通过滚动条查看。

15、具体样式请参见表单样式说明。

16、图表控件

17、将图表组件从工具栏拖到报表块下方，所示。

18、数据绑定控件

19、设定数据集合

20、在效果图中创建新数据集 ds1，其查询语句为：从订单、订单明细和产品三张表中提取数据，筛选条件为客户 ID 等于参数 company 的值，且订单编号与订单明细中的订单编号匹配，订单明细中的产品编号与产品表中的产品编号一致。返回字段包括产品名称、库存量、成本价和单价。参数 company 的默认取值设定为 VINET。

21、参数名称需与客户ID下拉框控件名称完全相同。

22、客户选择下拉框

23、将下拉框控件拖动至合适位置，命名为company，数据源设置为FRDemo数据库中的客户表（选择数据库表类型，指定FRDemo数据库），实际值字段为客户ID，显示值字段为客户名称，并将控件的默认值设定为VINET。

24、报表块

25、参数面板与控件配置完成后，点击报表块中的触笔图标，进入编辑界面，所示。

26、创建新数据集

27、在效果图中，报表区域需展示订单明细信息，并按客户ID进行筛选。创建数据集ds2，语句为：select * from 订单 where 客户ID=$${company}，其中参数company默认值设为VINET，实现动态数据查询与呈现，确保结果随客户ID变化而更新。

28、表格样式设计

29、设计表格样式。

30、点击左下角表单按钮返回设计界面，选中报表块后，在右侧属性表中可设置其工具栏的显示与否，所示。

31、图表块

32、选中图表区域，绑定数据源，数据来自数据集，分类系列按以下方式设定。