描述 普通报表设计可以分为报表设计、参数设计、图表设计和填报设计四个部分，这四个部分是 FineReport 普通模板的几大使用方式。...普通报表的特点有：类 Excel 设计界面、无限行列扩展和多 sheet 功能，能轻松实现数据间的各种运算，实现复杂表样、分组交叉、卡片分栏、同比环比等功能。...同时普通报表还存在一些不足：局限于规整的格子式报表和不支持局部刷新等。 1.1 报表设计 报表设计是纯粹的数据展示，如下图： ?...详细使用方法请参照 报表设计； 1.2 参数设计 参数设计是动态查询数据，如下图所示： ? 详细使用方式请参照 参数入门； 1.3 图表设计 图表设计是使用图表来展示数据，如下图所示： ?...详细使用方式请参照 图表入门； 1.4 填报设计 填报设计是录入数据，将数据写入数据库中，如下图： ? 详细使用方式请参照 填报入门。 根据实际情况确定使用哪一张使用方式，或者联合使用哪几种使用方式。
[财务][数据化分析][帆软]报表设计-聚合报表设计 1. 聚合报表设计界面 聚合报表指一个报表中包含多个模块，每一块都类似一张单独的报表或者一张图表，块与块之间相对独立，互不影响。...聚合报表特点：空白画布式设计界面，每个模块相互独立，专门解决大报表难题，单元格扩展分离，互不影响。...同时聚合报表还存在一些不足：不支持自适应，单元格扩展分离但组件依旧相互推开 注：需要使用多个聚合块时，再拖动报表类型聚合块到模板设计界面就可以了。操作同上，多聚合块之间是没有影响的。 2....新建聚合报表 1)点击菜单文件>新建聚合报表，可以直接新建聚合报表，如下图： ? 2)新建普通报表的时候，添加 sheet 的时候可以添加普通报表及聚合报表 ?...注2：10.0设计器和部署包使用的都是 openjdk，而使用 openjdk 无法启动 flash 打印，但使用 Oracle/sun jdk 可以。
就我而言，不建议使用这个FineReport里面的决策报表，还是用FineBI里面的决策报表好用，阔以在web端进行设计，其实都一样。...[财务][数据化分析][帆软]报表设计-决策报表设计模式 1....描述 为了弥补 普通 cpt 模板设计 关于自适应布局、局部刷新等等方面的不足，FineReport 推出了决策报表设计模式的概念，可以通过决策报表来实现 移动端 的自适应，组件间的联动。...决策报表整体介绍 点击菜单文件>新建决策报表，即可新建一张决策报表，可为决策报表添加不同的组件，其中这些组件包括空白块（Tab 布局、绝对画布块、报表块）、参数面板、图表块、控件等类型，如下图所示：...决策报表设计的详细介绍及示例请查看 决策报表设计。
image.png 报表就是报告状况的表，是通过表格、图表来展示指标，从而方便业务部门掌握业务的情况。 每天汇总更新的报表叫做日报，每周汇总更新的报表叫做周报。...image.png 在《如何构建指标体系》里找到了一级指标、二级指标和三级指标，到这一步可以把这些指标制作到报表中，通过报表监控指标，不断更新指标体系。 如何制作报表呢？通过下面5步来制作报表。...2.建立指标体系 在《如何构建指标体系》里建立的指标体系如下图： image.png 3.设计展现形式 报表默认设置是显示全部订单类型、全部会员等级的数据。...需要看更详细的数据时候，再点击报表上的小三角形展开查看详细数据。 报表的筛选器方面，提供时间、订单类型、会员等级的筛选功能。...5.报表开发 报表开发出来之后，如果验证过数据没有问题，就可以告知业务部门。
[财务][数据化分析][帆软]报表设计-设计思路 1....，就是进行模板的设计了，模板设计是 FineReport 学习过程中的重中之重，我们将模板设计分为报表设计、参数设计、图表设计和填报设计四个部分，这四个部分是 FineReport 模板的几大使用方式，...FineReport 模板设计主要包括普通模板设计、决策报表设计和聚合报表设计三种模板设计类型 模板设计类型 3.1 普通报表设计 普通报表设计分为报表设计、参数设计、图表设计和填报设计四个部分...普通报表设计 3.2 决策报表设计模式 通过决策报表来实现移动端的自适应，组件间的联动 决策报表设计模式 3.3 聚合报表设计 聚合报表指一个报表中包含多个模块，每一块都类似一张单独的报表或者一张图表...决策报表预览 决策报表预览是针对于决策报表设计模式而言的 决策报表预览
描述 模板设计是 FineReport 学习过程中的主要难题所在，FineReport 模板设计主要包括普通模板设计、决策报表设计和聚合报表设计三种模板设计类型。 ?...决策报表 决策报表是用来展示控件的，保存的文件类型为 frm，FineReport 中的决策报表设计就是为了实现普通模板设计无法满足直接展示控件的需求，通过决策报表设计模式，可以在决策报表上直接添加控件...详细请参照决策报表 决策报表设计模式； 5....索引 序号 内容 简介 文档教程 1 普通报表设计 普通报表设计分为报表设计、参数设计、图表设计和填报设计四个部分 普通报表设计 2 决策报表设计模式 通过决策报表来实现移动端的自适应，组件间的联动 决策报表设计模式...3 聚合报表设计 聚合报表指一个报表中包含多个模块，每一块都类似一张单独的报表或者一张图表，块与块之间相对独立，互不影响 聚合报表设计
报表就是报告状况的表，是通过表格、图表来展示指标，从而方便业务部门掌握业务的情况。 每天汇总更新的报表叫做日报，每周汇总更新的报表叫做周报。...在《如何构建指标体系》里找到了一级指标、二级指标和三级指标，到这一步可以把这些指标制作到报表中，通过报表监控指标，不断更新指标体系。 如何制作报表呢？通过下面5步来制作报表。...2.建立指标体系 在《如何构建指标体系》里建立的指标体系如下图： 3.设计展现形式 报表默认设置是显示全部订单类型、全部会员等级的数据。...需要看更详细的数据时候，再点击报表上的小三角形展开查看详细数据。 报表的筛选器方面，提供时间、订单类型、会员等级的筛选功能。...经过和业务部门确认，报表的样式如下： 4.编写需求文档 把上述指标体系和报表需求整理成一份文档，给到开发部门。 5.报表开发 报表开发出来之后，如果验证过数据没有问题，就可以告知业务部门。
背景 最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表，一般包含了筛选操作区、表格、Chart、展板等多种元素，而其中的数据表格是最常用的控件。...function (g, data, selected, column, x, y, w, h, view)，其中 g 是 Canvas 的环境信息，data 是该行的数据体，我们根据这些信息，再利用 HTML5...懒得亲自直接用 HTML5 的原生接口？ HT 提供了对 Canvas API 的封装接口，包括各种矢量类型以及一些简单的 Chart。...Web Worker 是 HTML5 的多线程 API，和我们原来传统概念中的多线程开发有所不同。Web Worker 的线程之间，没有内存共享的概念，所有信息交互都采用 Message 的异步传递。
[财务][数据化分析][帆软]报表设计-分页预览 1. 概述 分页预览即普通预览模式，FineReport 的默认预览方式，一般在只需要查看报表数据用于分析的时候使用。...分页预览示例 1）打开设计器，双击打开 GettingStarted.cpt 模板，点击设计器界面上的预览按钮访问报表，如下图所示： ?...2）点击分页预览之后，在浏览器端就会打开一张报表，如下图所示： ? 3. 分页预览设置 分页预览设置页面，仅对分页预览模板有效。...在设计器中点击模板>模板web属性>分页预览设置，可对分页预览界面进行设置。...- 报表显示位置 设置内容在报表当中显示的位置。 默认为左展示，如果希望报表显示的内容是居中的，可以选择居中展示。 1）移动端不生效 2）分页预览居中展示时，默认无边框线。
链接大部分都是官方文档的链接，现在搬运过来只是为了添加自己的心得体会 [财务][数据化分析][帆软]报表设计-模板预览 1. ...决策报表下为 决策报表预览、移动端预览，如下图： ? 2. 模式比较 那 FineReport 为什么要分为不同的六种预览模式呢？那么这六种模式都有什么样的区别呢？又有什么相同之处呢？ 3....填报预览(op=write) 3 数据分析 数据分析模式也可以查看报表，但是其可以对报表结果进行不分页预览及在线分析：排序、二次过滤等 数据分析(op=view) 4 新填报预览 新填报预览，采用了新样式的控件...，加载速度快，采用了分页加载 新填报预览(op=write_plus) 5 移动端预览 通过扫码直接在手机上展现报表，让用户直观地看到当前设计模板的实际效果 移动端预览(op=mobile) 6 决策报表预览...决策报表预览是针对于决策报表设计模式而言的 决策报表预览
[财务][数据化分析][帆软]报表设计-填报预览 1. 概述 填报预览，顾名思义，就是指在 Web 端预览用来填报数据的模板，一般在只需要录入修改数据的时候使用，当然也可用来查看数据。...1）打开设计器，在模板面板中打开doc/Form/FreeForm/自由填报模板.cpt这张模板，点击预览按钮下方的倒三角，选择填报预览，如下图所示： ?...在设计器中点击模板>模板web属性>填报页面设置，就可以对填报页面进行设置，如下图所示： 设置面板主要分为三大块：上面部分是对模板预览效果的一些效果设置，中间部分是模板预览之后的工具栏设置，下方是 Web...- sheet 标签页显示位置 当报表中存在多个sheet时，sheet标签页位置默认处于报表底端，可设置在报表上部 移动端无意义 报表显示位置 设置内容在报表当中显示的位置。...默认为左展示，如果希望报表显示的内容是居中的，可以选择居中展示。
1.1 报表设计流程图 ? 1.2 第一张报表效果 在制作这张简单普通报表之前，我们先来看一下报表最终呈现出来的效果，然后我们再根据这个效果来设计报表的样式。...介绍完报表的实现效果，下面我们根据报表制作流程图来设计这张简单普通报表。 ? 2....接下来就可以从这个数据库中取数用于报表的设计。 ? 2.2 新建报表类型 菜单栏选择文件>新建普通报表或者点击新建普通报表按钮 ? ，新建一张空白的普通报表。 ?...至此报表的数据准备工作已经完成，下面对报表的样式进行设计。...2.4 报表设计 2.4.1 表格设计 1）样式设计 标题：合并 A1~D2 单元格，写入报表标题「地区销售概况」，设置标题为15号字体，字体加粗并居中。 ?
TQ报表设计器，也就是我说的 VFP OOP 报表设计器。 加菲猫注：作者xinjie 一 开发这个工具的诱因： 2018年，我在某软件公司任职时，负责搭建一个新的开发框架。...由于 OOPReports 的设计初衷并不是要作为一个报表设计器的报表引擎，所以，为了实现可视化的报表设计器，需要对其中很多地方进行修改；由于 VFP 报表自身的复杂性，这些修改也许无法完全覆盖在需求层面的各种报表要求...回到报表设计器本身，由于是完全的面向对象，所以不可能像 VFP 固有报表设计器一样及时的将所更改的信息回写到 FRX 文件中。...四 TQ报表设计器的特性： 1. 一个相对现代的设计UI 2....3 在单纯的设计报表时，设计器借鉴了 Office 的缩放概念，并在缩放后的状态下进行报表设计，这样，在设计很小的报表或者很大的报表时，可以将“纸张”在屏幕的可视设计区域中予以完整呈现。
因此通常情况下，我们会在预先设计好格式的报表的打印版中，手动填写数据信息，如常见的各类账本，报销单等填写数据。...在票据成为常规办公操作时，手动填写不仅无法满足而且非常低效，又因为票据的格式是无法修改的，传统的报表工具通常是用测量的方法确定数据区域的位置,来设计报表。...在报表设计过程中只需要将比如：名称、抬头、地址电话等信息，而整个背景不会输出到打印机中。...实现方法 本文以葡萄城报表为例，在设计报表阶段加载套打纸作为报表背景图片，实际打印时仅将数据打印到套打纸的相应位置，以便更方便的实现报表套打。 1....使用报表分层进行套打 葡萄城报表控件首创提出报表层的设计理念，报表分层设计是对报表中控件分组管理和设计，可对同组内的全部控件进行锁定/解锁，添加/删除，显示/隐藏，调整透明度等操作，分解报表设计，降低复杂报表模板的设计难度
更新记录 2021-09-27 Ureport报表设计器基础 Ureport报表设计器 1.组件介绍 Ureport2 报表设计器是一个基于 WEB 的在线报表设计器，其具有良好的界面设计和强大的报表设计功能...，支持报表多种格式导出（分页）、报表通用性设计等，Ureport2 支持简单、复杂报表的设计，能够很好地嵌合实际业务需求，其报表设计可通过纯 sql 或者是配置的方式实现，以此可针对不同的人员进行管理。...在应用上将UReport报表设计器整合到已有项目并非一件难事，只需要通过简单的配置便可完成，主要的工作量在于后期报表的设计、维护，以及UReport2报表设计器的学习需要耗费一定的时间和精力，需要开发人员了解报表设计的流程...、原理，掌握排查报表设计错误的方法，熟练应用 与实际业务整合 针对多租户、复杂报表设计场景：Ureport2 可在工程中自定义报表存储器和数据源，在代码逻辑层模拟实现多租户概念（不同的租户访问不同的报表存储器...dada-report子模块用于开发报表设计相关的内容，但在整合的ssm中配置ureport出错，通过链接访问数据的时候无法找到指定的页面。
[财务][数据化分析][帆软]报表设计-数据分析(op=view) 1. 概述 数据分析模式也可以查看报表，但是其可以对报表结果进行不分页预览及在线分析：排序、二次过滤等。...下面我们以内置的行式报表—数据纵向扩展 .cpt 模板为例，来看看数据分析的使用方式以及其一些属性的设置。 2....数据分析(op=view) 1）打开设计器，在模板面板中找到doc/Primary/DetailReport/行式报表—数据纵向扩展.cpt。...在设计器中点击模板>模板 Web 属性>数据分析设置，就可以对数据分析页面进行设置。
首先，他们所说的HTML5对Flash，并不是指的HTML5，也不是指的Flash。而是指HTML5的一个子集和Flash的一个子集。具体来说，他们指的是视频。...HTML5规范的设计能够让你做到鱼和熊掌兼得。 好，下面就来看看这个新的video元素；真是非常贴心的一个元素，而且设计又简单，又实用。...因此，我认为无论你做什么，不管是构建像HTML5这样的格式，还是构建一个网站，亦或一个内容管理系统，明确你的设计原理都至关重要。 软件，就像所有技术一样，具有天然的政治性。...我觉得像这样的设计原理都非常好。而有了设计原理，我认为才更有希望设计出真正有价值的产品。设计原理是Web发展背后的驱动力，也是通过HTML5反映出来的某种思维方式。...这句话经常在我脑际回响，它囊括了Web的真谛，触及了HTML5的灵魂。 也许我该把这条原理打印出来贴到办公室的墙上，让它时刻提醒我，这就是Web的设计原理：大多数人的意见和运行的代码。
避免不必要的复杂性 下面我就给大家介绍一些这份文档中记载的设计原理。第一个，非常简单：避免不必要的复杂性。好像很简单吧。我用一个例子来说明。...而按照HTML5的另一个设计原理，它必须向前向后兼容，兼容未来的HTML版本——不管是HTML6、HTML7，还是其他什么——都要与当前的HTML版本，HTML5，兼容。...我说过，因为浏览器必须支持已有的内容，HTML5自然也不能例外。归根结底还是伯斯塔尔法则。我们始终离不开伯斯塔尔法则。 解决现实的问题 HTML5的另一个设计原理是解决现实的问题。...这条设计原理是要从理论上承认人们普遍存在的问题，消除敏感问题。 下面我来举个例子。相信这个例子有不少人都遇到过。...所以，说HTML5解决现实的问题，其本质还是“你都这样写了很多年了吧？现在我们把标准改了，允许你这样写了。” 求真务实 在所有设计原理中，这一条恐怕是最响亮的了——求真务实。
今天我想跟大家谈一谈HTML5的设计。主要分两个方面：一方面，当然了，就是HTML5。...我说的仅仅是规范本身：HTML5。 刚才已经说了，我今天想要讲的内容不多，也没有打算介绍HTML5都包含什么。今天我要讲的是它的另一方面，即HTML5的设计。...HTML5 之后，就到了HTML5，但HTML5并不是由W3C直接制定的。...两个工作组之所以能够同心同德，主要原因是HTML5的设计思想。因为他们从一开始就确定了设计HTML5所要坚持的原则。...结果，我们不仅看到了一份规范，也就是W3C站点上公布的那份文档，即HTML5语言规范，还在W3C站点上看到了另一份文档，也就是HTML设计原理。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
