帆软，让数据成为生产力！

帆软，让数据成为生产力！

前言

设计器下载：https://help.fanruan.com/finereport/doc-view-4556.html

设计器安装：https://help.fanruan.com/finereport/doc-view-69.html

在开始本章学习前，各位可以参考如下两篇帮助文档，在自己的电脑上安装并激活 FineReport11.0 版本的设计器©FanRuan Software CO.,Ltd.

帆软，让数据成为生产力！

目录

快速入门指南：https://help.fanruan.com/finereport/doc-view-1335.html

本章主要通过几个简单的示例带领大家快速的了解一下FineReport基础功能。主要以下几个小节：

1. FineReport 界面介绍

2. 单元格扩展

3. 父子格关系

4. 普通报表入门示例

5. 参数查询入门示例

6. 图表设计入门示例

7. 填报功能入门示例

8. 决策系统挂载报表

9. App 快速预览单张模板

10. HTML5 端快速访问单张模板FineReport界面介绍 力！

FineReport界面介绍

FineReport界面介绍：https://help.fanruan.com/finereport/doc-view-70.html

FineReport 产品主要包括报表设计器和数据决策系统两

个部分。

1）报表设计器可以进行表格、图形、参数、控件、填

报、打印、导出等报表中各种功能的设计。

FineReport界面介绍

2）数据决策系统可对报表、用户、系统配置

进行统一管理。拥有「用户管理」、「目录

管理」、「权限管理」、「系统管理」、

「智能运维」、「安全管理」几大主要功能。

管理人员使用决策系统管理报表，包含权限

分配、用户配置、系统管理等功能。普通用

户登录决策系统查看自己权限内的报表。

FineReport界面介绍单元格扩展

单元格扩展

FineReport提供了三种单元格扩展方向。

纵向扩展：单元格中字段的数据纵向扩展，在不同单元格中展示。

横向扩展：单元格中字段的数据横向扩展，在不同单元格中展示。

不扩展：单元格中字段的数据不扩展，所有数据在一个单元格中展示。

单元格扩展：https://help.fanruan.com/finereport/doc-view-140.html父子格设置

父子格设置

单元格中的数据列在进行扩展的过程中存在相互关联的关系。单元格进行扩展的过程中，在无父格的情况下，相对于其右（下）边的单元格而言，

扩展格是主动复制的，被称为其它格（其右/下的格）的父格，而其右（下）的单元格是被动跟随复制的，被称为扩展格的子格。父格和子格是

相对的概念，即某格是另一格的父格或子格，不存在单独的父格或子格。 从父格的定义中看，显然只有扩展格才能是其它格的父格。详细介绍请

参见：父子格设置 。

1）左父格：单元格进行纵向扩展时，我们称其为其右边格子的左主格。

2）上父格：单元格进行横向扩展时，我们又称其为其下边格子的上主格。报表设计流程

！

报表设计流程

新建数据连接

新建模板与数据集

模板设计

模板预览

Ø 报表主体设计

Ø 参数设计

Ø 图表设计

Ø 填报设计

Ø 选择模板类型：普通报表、

聚合报表、决策报表

Ø 选择数据集：服务器数据集、

模板数据集

Ø 分页预览

Ø 填报预览

Ø 数据分析预览

Ø 移动端预览

Ø 决策报表预览

1）新建数据连接：在制作模板之前首先要确保设计者知道存储数据的数据库类型、数据库地址、访问数据库的用户名密码，然后在 FineReport

设计器中新建一个数据连接，建立数据库与设计器的交互桥梁。

2）新建模板与数据集：数据连接创建好之后，就需要进行模板的添加了，数据连接是用于整个工程的，并没有实质的将数据从数据库中取出来，

故还需要在特定模板中新建数据集，通过数据连接从数据库中取数。

3）模板设计：数据准备完成之后，就是进行模板的设计，模板设计分为报表设计、参数设计、图表设计和填报设计四个部分，这四个部分是

FineReport 模板的几大使用方式，报表设计是纯粹的数据展示，参数设计是动态查询数据，图表设计是使用图表来展示数据，填报设计是录入数

据，将数据写入数据库中，根据实际情况确定使用哪一种使用方式，或者联合使用哪几种使用方式。

4）模板预览：模板设计完成之后，保存模板至工程目录下面，即可预览，在 Web 端查看模板效果。普

普通报表入门示例

普通报表入门示例：https://help.fanruan.com/finereport/doc-view-4568.html

主要步骤如下：

1.

新建数据连接

2.

新建报表

3.

准备数据

4.

标题设计

5.

表格数据

6.

计算总销量

7.

设置父子格

8.

设置单元格样式

9.

！

参数查询入门示例

主要步骤如下：

1.

模板设计

2.

控件设置

3.

添加过滤条件

4.

效果预览

参数查询入门示例：https://help.fanruan.com/finereport/doc-view-166.html图表设计入门示例

图表设计入门示例

主要步骤如下：

1.

模板设计

2.

插入图表

3.

设计柱形图

4.

效果预览

图表设计入门示例：https://help.fanruan.com/finereport/doc-view-4572.html填报功能入门示例

填报功能入门示例

主要步骤如下：

1.

数据准备

2.

报表设计

3.

添加填报控件

4.

设置填报属性

5.

设置模板Web属性

6.

效果预览

填报功能入门示例：https://help.fanruan.com/finereport/doc-view-184.html决策系统挂载报表

决策系统挂载报表

决策系统挂载报表：https://help.fanruan.com/finereport/doc-view-2893.html

通过前面的示例快速的了解了 FineReport 的基础功能以及如何制作一张报表，在报表制作完成后，需要挂载到决策系统供普通用户查看和操作。

本节主要讲述如何将模板挂载到数据决策系统目录中，让用户可以查看该模板。

基本思路：

1）完成数据决策系统的初始化配置

2）模板上传系统并使用管理员账户登录数据决策系统

3）在决策系统中使用「目录管理」将制作好的报表挂载到

数据决策系统的目录下

4）使用「用户管理」管理用户的信息

5）最后通过「权限管理」赋予普通用户该模板的控制权限。移动端预览报表

移动端预览报表

用户需要查看 FineReport 制作的模板在移动端的效果时，可通过移动端（

App、微信、浏览器等）预览查看。FineReport 提供 HTML5 端、

FineMoblie App 两种移动端预览方法。

1）App 下载地址：

2）HTML5 端预览：如需在 HTML5 端预览报表工程，必须安装 「HTML5 解

析」插件。FineReport 设计器默认安装「HTML5 解析」插件，在设计器中点

击「服务器>插件管理」，在插件管理的弹窗右侧「我的插件」中即可查看，

移动端预览报表

环境准备：将 PC 端与移动端设备切换至同一网络环境，有两种办法：

1）手机给电脑开热点

2）手机与电脑连接同一热点

注意事项

原因分析：

1）未配置移动设备与电脑处于同一网络环境下。

2）该报错可能是由 Windows 防火墙引起，用户可直接关闭 Windows

防火墙，再进行移动端预览操作即可。或设置 Windows 防火墙打开未

允许端口。

3）由于电脑短期内连接了多个网络，二维码链接中 IP 地址对应的网

络与移动设备所连接的网络并不相同的。可查看本机实际 IP 地址与报

表所生成二维码下方链接中的 IP 地址是否相同课后练习

课后练习一

新建一张普通报表，这张报表由三部分构成：

1）参数面板：通过下拉框控件选择地区，查询出对应地区

的数据。

2）表格：表格统计该地区下各销售员每个产品的销量。

3）柱形图：柱形图将表格中的数据以图表的形式进行展示。

预览效果如右图所示：©FanRuan Software CO.,Ltd.

帆软，让数据成为生产力！

课后练习二

新建一张决策报表，这张报表由三部分构成：

1）参数界面：通过下拉框控件选择地区，查询出对应地区的数据。

2）报表块：展示参数查询的地区下，各销售员对应的产品类型的销量。

3）图表块：展示所有地区对应的产品类型的总销量，无关参数查询。

预览效果如下图所示：让数据成为生产力！

THANK YOU