【大数据开发】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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/167509.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

代码随想录算法训练营第四十一天【动态规划part03】 | 343. 整数拆分、96.不同的二叉搜索树

343. 整数拆分 题目链接: 力扣(LeetCode)官网 - 全球极客挚爱的技术成长平台 求解思路: 动规五部曲 确定dp数组及其下标含义:dp[i] 拆分i,可以得到的最大乘积为dp[i]确定递推公式:从1开始遍…

一周互联网简讯 | 本周互联网发生了啥?(第3期)

1.百度T7跳槽字节3-1,总包145万,压力太大想降级 硕士毕业工作10年,一百度T7大头兵发文称,自己最近拿到字节3-1的offer,年包从现有的110万涨30%到145万。但是担心去字节后因为定的职级高需要带人,压力会很大…

nginx代理本地服务请求,避免跨域;前端图片压缩并上传

痛点 有时用vscode进行一些测试 请求不同端口服务、或者其他服务接口时时,老是会报跨域,非常的烦 所有就想用 nginx 进行请求代理,来解决这个痛点 nginx 下载地址:nginx: download 下载到某一目录: window下nginx相关…

10个值得关注的即时通讯软件开发趋势

作为即时通讯软件开发领域的专家,以下是我对即时通讯软件开发的十个值得关注的趋势的分享。 1. 云通信技术的进步 随着云计算和网络技术的不断发展,云通信技术在即时通讯软件开发中扮演着越来越重要的角色。通过使用云通信技术,开发者可以实…

文具办公产品展示预约小程序的作用如何

从整体来看,文具办公品牌/门店的生意来源于线下自然流量或线上自营商城/入驻第三方商城的的流量,线上多数情况都是以直接销售配送为主,但其实对文具品牌/门店而言还有信息展示、服务预约、在线咨询、产品介绍等需求。 虽然小区周边的消费者需…

vue安装three.js并创建第一个入门场景

vue安装three.js,并创建第一个入门场景 安装three.js npm install --save three引入three.js import * as THREE from threethree.js结构 three.js坐标 创建一个场景 scene场景,camera相机,renderer渲染器 创建一个场景 this.scene new T…

从矿源到指尖——周大福天然钻石的非凡实力

(2023年11月20日,北京)在近百年历程中,周大福珠宝集团一直致力珠宝工艺传承与创新设计的孕育,于1929年创立周大福品牌,凭借对中国传统黄金工艺的传承与创新、对中国传统文化的融合与发扬,将黄金…

阿里云oss使用签名url上传时的一些配置注意事项

我来讲一下测试下来遇到的问题点和解决方案: 一、配置相关问题 你可以先按照阿里云的文档把一些oss的基本配置弄好,再看下面的内容; 配置跨域访问规则; 这是非常重要的一步。默认情况下,oss不允许上传文件时携带Cont…

分享购的实战攻略:让您轻松掌握流量密码

​小编介绍:10年专注商业模式设计及软件开发,擅长企业生态商业模式,商业零售会员增长裂变模式策划、商业闭环模式设计及方案落地;扶持10余个电商平台做到营收过千万,数百个平台达到百万会员,欢迎咨询。 分…

从0开始学习JavaScript--JavaScript中的对象

JavaScript中的对象是一种重要的数据结构,它不仅是语言的基石,还提供了丰富的功能和灵活性。本文将深入研究JavaScript对象的创建、属性访问、方法定义,以及实际应用中的技巧,通过丰富的示例代码,帮助读者更全面地了解…

Blender洪水淹没毁墙效果

本文中用到了两个Blender插件:FLIP Fluid(流体模拟相关插件) 和 RBDLab(碎裂插件): 1.用FLIP Fluid制作流体、域、障碍,确定好流体的冲刷方向(后期好摆放被摧毁的墙体),利用插件做出水流动画&a…

HarmonyOS开发(四):应用程序入口UIAbility

1、UIAbility概述 UIAbility 一种包含用户界面的应用组件用于与用户进行交互系统调度的单元为应用提供窗口在其中绘制界同 注:每一个UIAbility实例,都对应一个最近任务列表中的任务。 一个应用可以有一个UIAbility也可以有多个UIAbility。 如一般的…

.NET8.0 AOT 经验分享 - 专项测试各大 ORM 是否支持

AOT 特点 发布和部署本机 AOT 应用具有以下优势: 最大程度减少磁盘占用空间:使用本机 AOT 发布时,将生成一个可执行文件,其中仅包含支持程序所需的外部依赖项的代码。减小的可执行文件大小可能会导致:较小的容器映像&a…

求二叉树的宽度(可执行)

输入:abd##e##cf### 输出结果:3 运行环境.cpp 注意:若无运行结果,则一定是建树错误 #include "bits/stdc.h" using namespace std; typedef struct BiTNode{char data;struct BiTNode *lchild,*rchild; }BiTNode,*Bi…

Python编程基础(华为在线课程)

一、免费课程链接 https://e.huawei.com/cn/talent/outPage/#/sxz-course/home?courseId3mCm7X8-UyWyS6pioCSJeUI0yFo 二、学习环境搭建 0、参考文章 搭建 Python 高效开发环境: Pycharm Anaconda - 知乎 1、下载anaconda 官网地址: https://ww…

手机数码类展示预约小程序效果如何

对于一家手机数码/电脑品牌来说,研发产品或衍生产品不少,通常会通过线上商城进行售卖。十年以来,流量成本逐渐增加,获客不易也难以寻找到合适的渠道,即使通过广告形式也因缺乏创意而耗时耗力,效果不佳。 同…

YB506AB是一款理电池充、放电管理专用芯片,集成锂电池充电管理和降压DC-DC电路。

YB506AB 锂电转可充电AA/AAA电池专用SOC芯片 概述: YB506AB是一款理电池充、放电管理专用芯片,集成锂电池充电管理和降压DC-DC电路。充电过程满足锂电池三段式滑流/恒流/恒压充电规范,B506内部的线性充电电路采用了恒流可配置模式,可以通过…

JavaScript 判断变量/对象类型是否为Object

前言 本文示例运行环境:JavaScript V8 8.6.395.25(注:使用命令 chrome://version/ 查看 JavaScript 版本)javascript 查看变量类型 JavaScript 判断变量/对象类型的方法 typeof 判断数据类型Object.prototype.toString方法检测…

二、什么是寄存器

目录 一、STM32芯片架构简图及系统框图 1.1 STM32芯片架构简图 1.1.1 FLASH是什么,用来做什么 1.1.2 SRAM是什么,用来做什么 1.1.3 片上外设是什么,用来做什么 1.2 系统框图 1.2.1 驱动单元 1.2.2 被动单元 二、什么是寄存器 2.1 存…

Sam Altman重回OpenAI,工牌成亮点

11月20日凌晨,Sam Altman在社交平台发布了一条内容“我第一次,也是最后一次穿这些。”他胸前挂着OpenAI的工牌,写的却是“客人04”。目前,Sam在OpenAI总部。 Sam在19日发了一条内容“我非常喜欢OpenAI团队”。结合微软等主要投资…