非常好用的报表工具——HighReport报表工具之基础表单填报

HighReport报表工具介绍

        今天给大家介绍一款国产报表工具(highreport)，采用类Excel设计，零代码实现复杂报表展示、复杂表单填报、图表展示、参数面板、系统管理、大屏可视化、导出、打印等。

        其中内置功能十分强大，通过简单的拖拽操作就可以制作出各种复杂的中式报表。

        HighReport官网：专业的Web报表软件 | 报表工具 | 表单工具 HighReport报表http://www.highreport.net/        HigReport下载地址：
专业的Web报表软件 | 报表工具 | 表单工具 HighReport报表http://www.highreport.net/down.htm接下来我将为大家带来HighReport报表工具的基础使用以及实现基础表单填报功能。

1、表单填报简介

本例表单填报是一个列表，批量录入数据并保存。

2、数据库连接

第一次使用需要先配置一下数据源来连接数据库。

打开HigReport软件——>点击项目——>点击数据源

选择数据库类型后维护连接字符串，测试连接成功后点击确定即可。

3、实现 

1、新建报表文件

选择报表创建的地址：右键——>点击新建普通报表——>维护报表的名称——>点击确定。

2、创建数据集

第一步：点击模板——>点击数据集

第二步：点击右上角的添加——>选择数据集类型——>点击确定

第三步：点击刷新按钮会根据选择的数据源展示该数据库下面的所有数据表——>双击需要查询的数据表或者直接在第一行数据sql语句——>点击sql语句上面的运行按钮执行sql语句并输出结果。

最后点击确定。

3、设计报表展示模板

第一项选择列表直接拖动到单元格中

剩余的字段则可以选择数值直接拖动到列表的右边

3、预览

数据集拖动完成后就可以进行预览数据了——>点击工具——>点击本地web服务

点击启动服务

最后点击预览按钮既可以在浏览器展示数据列表

接下来可以调整宽高以及表头最后展示列表如下：

4、配置填报

1、设置填报报表：点击模板——>点击报表属性——>把报表属性更改为填报报表即可。

2、设置控件类型：控件类型对应着数据库字段的设计类型。

3、设置填报属性

打开模版列表点击填报属性

①点击左上角的加号新增一个填报配置；

②配置左拓展格：左拓展格对应着模板的select单元格，如果没有则可以不配置；

③配置填报接口；输入表名后点击名称右边的第二个按钮即可以直接自动带出表的字段；

④表的字段配置完成后点击智能匹配即可以智能匹配到该字段对应的单元格；

⑤选择好主键之后直接点击确定即可。

5、配置按钮

打开模版列表点击参数面板功能

点击工具栏按钮中的加号后在弹出的按钮选择列表中勾选需要的按钮，本例做的基础填报 包含增删改则必须需要添加行、删除行、保存按钮。

运行

配置完成之后点击预览看一下效果。

1、修改

修改可以直接在列表中修改，修改后点击保存即可。

2、新增

新增操作点击页面中的添加行按钮，会直接在表格最下方新增一行记录，新增的数据默认取值为上一行的数据如下：

如果想更改添加行的默认值：修改过程如下：

打开模版列表点击填报属性

选择添加行设置：设置格式

A2["inputControl"].setValue("");
B2["inputControl"].setValue("");
C2["inputControl"].setValue("");
D2["inputControl"].setValue("");
E2["inputControl"].setValue("");

通过设置单元格的默认值为空来实现。

最后预览点击添加行效果如下：

最后维护一下需要添加的数据点击保存提示保存成功即新增成功。

3、删除

选择需要删除的行数据——>点击删除行——>点击确定删除后提示删除成功即完成删除数据操作。