码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 【大数据开发】FineReport报表基础入门


    博主:👍不许代码码上红
    欢迎:🐋点赞、收藏、关注、评论。
    格言: 大鹏一日同风起,扶摇直上九万里。

    文章目录

    • 一 登录账号
    • 二 创建一个新的表格
    • 三 单元格扩展
      • 3.1 无扩展
      • 3.2 纵向扩展
      • 3.3 横向扩展
    • 四 父子格设置
      • 4.1 上父格
      • 4.2 左父格
    • 五 创建一张普通报表
      • 5.1 报表设计流程
      • 5.2 新建数据库连接
      • 5.3 选择数据集
      • 5.4 报表设计
        • 5.4.1 标题设计
        • 5.4.2 表格数据设计
        • 5.4.3 设计父子格关系以及主题
    • 六 参数查询
      • 6.1 模板设计
      • 6.2 控件设置
      • 6.3 添加过滤条件
      • 6.4 效果预览
    • 七 图表设计
    • 八 填报功能
      • 1 数据准备
      • 2 报表设计
      • 3 添加填报控件
      • 4 设置填报属性
      • 5 设置模板Web属性
      • 6 效果预览
    • 九 决策系统挂载报表
      • 9.1 步骤
    • 十 移动端预览

    目录

    一 登录账号

    第一次打开预览效果页面,会提示登录账号。首先创建一个随意地账号与密码用于登录即可。如图1-1。
    在这里插入图片描述
    图1-1

    二 创建一个新的表格

    存放路径默认即可。如图2-1。
    在这里插入图片描述

    图2-1

    三 单元格扩展

    单元格只有2个方向,横向和纵向,而FineReport恰恰是一款类Excel的报表工具,其单元格也一样,因此,FineReport报表中单元格的扩展是有方向的,可纵向扩展,也可横向扩展,当然也可以不扩展。

    3.1 无扩展

    在单元格中放入数据后,选择无扩展然后进行预览。如图3-1
    在这里插入图片描述

    图3-1
    预览效果。如图3-2。
    在这里插入图片描述

    图3-2

    3.2 纵向扩展

    单元格中的数据依次从上至下的显示,即纵向扩展(行方向的扩展,一行变多行),如下图,在单元格中输入公式 =range(1,5),在右侧的单元格属性表-扩展属性中选择扩展方向为纵向。如图3-3。
    在这里插入图片描述

    图3-3

    3.3 横向扩展

    单元格中的数据依次从左至右的显示,即横向扩展(列方向的扩展,一列变多列),如下图,在单元格中输入公式 =range(1,5),在右侧的单元格属性表-扩展属性中选择扩展方向为横向。如图3-4。
    在这里插入图片描述

    图3-4

    四 父子格设置

    父子格从字面上讲,就是父格汇总,子格详细,我们可以近似的理解成两个单元格之间的一种group展示效果。有两种情况,一种叫左父格,一种叫上父格。

    4.1 上父格

    上边的单元格做一个分组的组名,下边的单元格是组内的详细数据(上边的单元格必须是横向扩展)。如图4-1(未设置上父格)和图4-2(设置了上父格)。
    在这里插入图片描述

    图4-1
    在这里插入图片描述

    图4-2

    4.2 左父格

    左边的单元格做一个分组的组名,右边的单元格是组内的详细数据。如图4-3(未设置)和图4-4(设置左父格)。
    在这里插入图片描述

    图4-3
    在这里插入图片描述

    图4-4

    五 创建一张普通报表

    5.1 报表设计流程

    在这里插入图片描述

    1 新建数据库连接:在设计器中建立一个新的数据库连接,建立设计器与数据库的关联桥梁。
    2 新建模板与数据集:数据库连接好以后并没有具体数据集。选择模板之后,再从数据库中取出相对应的数据集。
    3 模板设计:数据准备好以后,进行模板设计。模板设计主要分为四大类:报表设计、参数设计、图表设计、填报设计。
    4 模板预览:模板设计完成后,保存在工程目录下。可以在Web端进行预览。预览包括:分页预览、填报预览、数据分析预览、移动端预览、决策报表预览。

    5.2 新建数据库连接

    使用设计器内置的数据库。如图5-1。

    图5-1

    5.3 选择数据集

    首先选择设计器左下方的模板数据集,点击+号。选择销量这张表。
    SQL语句:
    select * from 销量
    如图5-2所示。
    在这里插入图片描述

    图5-2

    5.4 报表设计

    5.4.1 标题设计

    如图5-3所示。
    在这里插入图片描述

    图5-3

    5.4.2 表格数据设计

    如图5-4所示。
    在这里插入图片描述

    图5-4

    提示,这里用到一个求和函数SUM。如图5-5。
    在这里插入图片描述

    图5-5
    也可是直接数据公式,与Excel操作基本上一样。设计完成后的表格如图5-6所示。
    在这里插入图片描述

    图5-6

    5.4.3 设计父子格关系以及主题

    将图5-6的D4单元格的左父单元格设置为B4;
    设置主题风格,如图5-7所示。
    在这里插入图片描述

    图5-7

    六 参数查询

    6.1 模板设计

    添加模板参数,如图6-1。
    在这里插入图片描述

    图6-1

    6.2 控件设置

    主要设置查询的范围和控件的样式。如图6-2。
    在这里插入图片描述

    图6-2

    6.3 添加过滤条件

    如图6-3所示。
    在这里插入图片描述

    图6-3

    6.4 效果预览

    在这里插入图片描述

    图6-4

    七 图表设计

    设计一张柱状图。如图7-1。
    在这里插入图片描述

    图7-1

    八 填报功能

    1 数据准备

    在这里插入图片描述

    图8-1

    2 报表设计

    在这里插入图片描述

    图8-2

    3 添加填报控件

    将A2-I2设置为文本控件。如图8-3。
    在这里插入图片描述

    图8-3

    4 设置填报属性

    在这里插入图片描述

    图8-4

    5 设置模板Web属性

    在这里插入图片描述

    图8-5

    6 效果预览

    在这里插入图片描述

    图8-6

    九 决策系统挂载报表

    9.1 步骤

    1 完成决策系统初始化配置
    2 模板上传系统,并使用管理员账户登录系统
    3 将制作好的报表挂载到系统目录下
    4 管理用户信息 5 给用户授权

    在这里插入图片描述

    图9-1

    在这里插入图片描述

    图9-2

    十 移动端预览

    条件:将pc端与移动端处于同一个网络环境中
    在这里插入图片描述

    图10-1

    移动端。如图10-2。
    在这里插入图片描述

    图10-2

  • 相关阅读:
    golang的interface转float
    DOX-TF/Ce6/IgG 转铁蛋白/光敏剂/单抗IgG修饰阿霉素/阿霉素白蛋白纳米粒的制备
    Elasticsearch/Kibana安装
    联表查询JoinON详解(自连接)
    【python小技能】使用Python发送电子邮件的完整指南(适合零基础)
    024el-tree中的DataTransfer.setDragImage()方法实现拖拽节点的Dom自定义展示
    记一次曲折的拿靶标记录
    【python基础】——Anaconda下包更新的坑及安装与卸载、及安装后Jupyter Notebook没反应的解决方法
    JAVA的异常
    实践总结:一篇搞懂链表——单链表和双指针技巧
  • 原文地址:https://blog.csdn.net/qq_45801904/article/details/134505348
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号