../mxr

智能报表

User Manual

用户手册

上海电气

文档说明

智能报表文档在不断向大众传递及时和深入的产品信息,其中不仅包含产品特性方面的准确数据,而且包含提示、示例和疑难解答指导。

设计文档时,我们首先考虑的是速度和易于导航。轻轻单击几下鼠标,您就可以获得所需要的任何信息

目 录

文档说明 1

第 1 章 内容简介 - 1 -

1.1 概述 - 1 -

1.2 设计思想 - 1 -

第 2 章 快速创建 - 2 -

2.1 打开业务视图 - 2 -

2.2 新建普通报表 - 3 -

2.3 新建交叉表 - 7 -

第 3 章 智能报表 10

3.1 主界面 - 10 -

3.2 信息栏 - 11 -

3.3 工具条 - 13 -

3.3.1 打开业务视图 - 17 -

3.3.2 关闭业务视图 - 19 -

3.3.3 新建普通报表 - 20 -

3.3.4 编辑模板 - 21 -

3.3.4.1 新建模板 - 23 -

3.3.4.2 打开模板 - 24 -

3.3.4.3 保存模板 - 25 -

3.3.5 快速查询 - 26 -

3.3.5.1 新建快速查询 - 27 -

3.3.5.2 打开新建查询 - 30 -

3.3.6 打开报表 - 32 -

3.3.7 保存 - 33 -

3.3.8 另存为 - 35 -

3.3.9 保存数据快照 - 38 -

3.3.10 参数 - 39 -

3.3.11 直接预览 - 40 -

3.3.12 参数预览 - 42 -

3.3.13 锁定 - 44 -

3.3.14 筛选 - 46 -

3.3.15 高级 - 47 -

3.3.15.1 脚本 - 47 -

3.3.15.2 样式 - 51 -

3.3.16 撤销 - 56 -

3.3.17 重做 - 56 -

3.4 业务视图 - 57 -

3.5 数据库 - 59 -

3.5.1 数据源 - 59 -

3.5.2 关系图 - 64 -

3.5.2.1 新建关系 - 64 -

3.5.2.2 表连接 - 65 -

3.5.2.3 隐藏、展开字段 - 67 -

3.5.2.4 保存 - 68 -

3.5.2.5 打开 - 68 -

3.6 工作区 - 69 -

3.6.1 属性 - 70 -

3.6.2 查询 - 71 -

3.6.3 删除 - 72 -

3.7 自定义代码区 - 73 -

3.7.1 JavaScript - 73 -

3.7.2 CSS样式 - 74 -

3.8 工具箱 - 75 -

3.8.1 元件 - 75 -

3.8.1.1 普通列表 - 75 -

3.8.1.2 交叉表 - 110 -

3.8.1.3 自由表格 - 124 -

3.8.1.4 按钮 - 131 -

3.8.1.5 分页工具条 - 148 -

3.8.1.6 创建组 - 151 -

3.8.1.7 标签 - 153 -

3.8.1.8 文本框 - 155 -

3.8.1.9 多行文本框 - 156 -

3.8.1.10 下拉框 - 157 -

3.8.1.11 列表框 - 158 -

3.8.1.12 单选框 - 159 -

3.8.1.13 复选框 - 159 -

3.8.1.14 日历 - 160 -

3.8.1.15 业务视图 - 162 -

3.8.1.16 动态筛选区 - 163 -

3.8.1.17 图片 - 166 -

3.8.1.18 iframe框架 - 167 -

3.8.1.19 标签页面板 - 169 -

3.8.1.20 矩形 - 170 -

3.8.1.21 横线 - 171 -

3.8.1.22 竖线 - 173 -

3.8.1.23 组合 - 174 -

3.8.1.24 树 - 175 -

3.8.2 图表 - 176 -

3.8.2.1 柱状图 - 176 -

3.8.2.2 折线图 - 179 -

3.8.2.3 饼状图 - 180 -

3.8.2.4 漏斗图 - 180 -

3.8.2.5 仪表盘 - 181 -

3.8.2.6 散点图 - 181 -

3.8.2.7 雷达图 - 182 -

3.8.2.8 类雷达图 - 182 -

3.8.2.9 水球图 - 183 -

3.8.2.10 桑基图 - 183 -

3.8.2.11 字浮云 - 184 -

3.8.2.12 地图 - 184 -

3.8.3 文件 - 184 -

3.9 元素 - 188 -

3.10 查询 - 191 -

3.11 样式/属性 - 191 -

第 4 章 功能示例 - 192 -

4.1 下拉筛选 - 192 -

4.2 模糊查询 - 194 -

4.3 级联查询 - 202 -

4.4 预警示例 - 207 -

4.5 钻取示例 - 211 -

4.6 图表示例 - 219 -

4.7 交叉表示例 - 227 -

第 5 章 函数列表 - 233 -

5.1 数值函数 - 233 -

5.2 文本函数 - 234 -

5.3 时间函数 - 237 -

5.4 统计函数 - 238 -

5.5 运算函数 - 239 -

5.6 分析函数 - 241 -

内容简介

概述

智能报表( ../mxr)是一个自定义查询SQL的平台,可进行数据的拖拽,自由查询字段,添加筛选条件,可自动生成SQL语句,不用编写代码,简单方便。

智能报表( ../mxr)产生报表(普通报表和交叉表),用来保存对数据操作, ../mxr可自动生成SQL语句、可查询数据结果。

设计思想

智能报表( ../mxr)是用户根据自己的需求,灵活的选择查询条件后,系统根据用户的需求生成相应的统计报表。 ../mxr与普通应用查询最大的不同是普通的应用查询是定制开发的,而MAR是由用户自定义查询条件的。

智能报表是开发平台业务一线应用的另一种重要模式。在数据仓库建立起来后,建立业务智能单元(Business Intelligent Unit),简称BIU。利用Web业务视图设计器(WebBVD)直接访问数据仓库进行各种随机查询分析,及时深入地掌握业务发展动向。客户可以通过对以往的产品销售状况和客户的行为偏好的分析,针对自身产品进行目标客户群的分析,估算目标客户数量和活动成本、营销渠道容量,设计市场营销活动;对异常的管理指标进行深入的分析,挖掘问题所在,提出解决问题的方法等。

本系统是为用户设计一个灵活操作的工具,用户利用本工具可以对日益增加的业务进行查询分析。用户可以更加深入掌握业务的发展方向。对整个企业的发展起到决策作用。

快速创建

本章节介绍一个简单示例的创建过程,用户通过该章节示例的创建过程,初步了解产品的功能作用。作为用户对产品认识的入门。

打开业务视图

单击工具条中的‘业务视图’,再单击‘打开’,如下图所示: 图2.1-1 点击打开

可弹出“选择业务视图”对话框,如下图所示: 图2.1-2 选择业务视图

选中需要打开的业务视图,单击确定,该业务视图被打开,如下图所示: 图2.1-3 业务视图打开成功

新建普通报表

单击工具条中的‘新建’上的下拉箭头,出现新建的二级菜单,单击‘普通报表’,如下图所示: 图2.2-1 新建普通报表

单击工具条的‘新建’,同样可弹出“选择报表模板“对话框,如下图所示: 图2.2-2 选择报表模板

选中空模板,单击确定,报表则被新建成功,如下图所示: 图2.2-3新建报表成功

从元件中拖普通列表到工作区后,如下图所示: 图2.2-4 普通列表

选中业务视图产品表中的字段:产品名称、类别ID、单位数量、单价、库存量、订购量,拖入普通列表中,如下图所示: 图2.2-5 报表添加数据

单击工具条的‘保存’,如下图所示: 图2.2-6报表保存

弹出报表保存对话框,如下图所示: 图2.2-7 报表保存对话框

选择存储路径和填写报表名称,如下图所示: 图2.2-8 选择保存路径

单击确定,报表保存成功,提示保存成功,如下图所示: 图2.2-9 成功保存报表

新建交叉表

新建报表,打开业务视图,拖拽交叉表至工作区,如下图所示: 图2.3-1添加交叉表

从左边的数据目录中拖拽‘公司名称’到行上面,如下图所示: 图2.3-2添加行字段

从左边的数据索引中拖一个‘产品名称’到列上面,如下图所示: 图2.3-3添加列字段1

从左边的业务视图拖一个‘类别名称’到列上面,如下图所示: 图2.3-4添加列字段2

单元格中添加订单明细中的‘单价’字段,报表会根据字段类型自动进行求和,一个简单的交叉表就建立成功了。如下图所示: 图2.3-5 新建交叉表

智能报表

主界面

先登录“上海电气工业App快速开发平台”,在浏览器地址栏中输入网站地址并回车。进入登录界面,如下图所示: 图3.1-1 登录界面

输入账号、密码和验证码,点击“登录”,进入上海电气工业App快速开发平台主页。如下图所示: 图3.1-2 登录cpp

在“工业APP快速开发平台”菜单栏,单击“智能报表”,

弹出主界面,主界面是报表的设计界面。

主界面分为六部分,顶部为“功能按钮”(提供功能操作按钮);中间分左、中、右三部分:“业务视图”(新建或打开业务视图后,此区域展示业务视图的主题内容)、“工作区”(用于编辑报表);“操作”(可添加到工作区的控件和插件,以及控件和插件的样式属性)底部为“自定义代码”(可自定义样式、引用外部样式,以及可自定义脚本、引用外部脚本),如下图所示: 图3.1-5 主界面

信息栏

信息栏:显示当前登录信息,,由应用名称、当前业务视图名称信息、消息、关于、当前用户信息五部分组成。

1.信息栏左侧显示当前组件名称: ../mxr智能报表

2.信息栏右侧显示为当前打开的业务视图名称+版本查看+当前登录用户,如下图所示: 图3.2-2登录信息显示

版本号查看:鼠标点击状态栏,如下图所示: 图3.2-3智能报表版本查看

点击关于可查看智能报表版本号,如下图所示: 图3.2-4智能报表版本查看

版本号展示为后端版本号+前端版本号,如下图所示: 图3.2-5 智能报表版本

工具条

系统当前没有打开或新建报表时,工具条中有部分功能是置灰的,如下图所示: 图3.3-1 未打开或未新建报表时

从左至右依次介绍按钮的功能:

综合按钮 “业务视图”包括『打开』和『关闭』两个按钮,如下图所示: 图3.3-2 业务视图按钮组成

  1. 打开:打开业务视图。

  2. 关闭:关闭当前业务视图。

综合按钮 “新建”包括『普通报表』、『快速查询』、『报表模块』三个按钮,如下图所示: 图3.3-3 新建按钮组成

1.普通报表:新建报表的模板。

2.快速查询:新建快速查询。

3.报表模板:进入编辑报表模板页面

综合按钮打开:用于打开已有报表。

综合按钮保存:用于保存此报表。

综合按钮另存为:包括『另存为报表』、『另存为模板』,如下图所示: 图3.3-4 新建按钮组成

  1. 另存为报表:用于另存为此报表。

  2. 另存为模板:用于另存为此模板。

  3. 综合按钮锁定:用于锁定页面组件位置,使组件不可拖拽。

  4. 综合按钮参数:用于设置参数。

  5. 综合按钮预览:用于预览该报表的效果,包括直接预览和参数预览,如下图所示: 图3.3-5 预览

综合按钮筛选:用于快速设置筛选条件。

综合按钮高级:用于设置引用的脚本和样式,如下图所示: 图3.3-6高级

综合按钮撤销:用于返回上一步的操作。

综合按钮重做:结合撤销功能用,用于返回撤销之前的操作。

下面详细介绍各功能按钮的使用。

注:功能按钮中部分按钮是在报表打开状态时才能启用,如打开或新建报表,如下图所示: 图3.3.-7打开或新建报表后

打开业务视图

单击工具条的‘业务视图’,再单击打开,如下图所示:

图3.3.1-1 点击打开

可弹出“选择业务视图”对话框,如下图所示:

图3.3.1-2 选择业务视图

选中需要打开的业务视图,单击确定,该业务视图被打开,如下图所示:

图3.3.1-3 业务视图打开成功

当打开已有业务视图时,会提示“该业务视图已打开”,如下图所示:

图3.3.1-4 打开已有业务视图

关闭业务视图

在业务视图被打开的状态下,单击功能按钮上的关闭,关闭当前打开的业务视图“业务视图”,如下图所示:

图3.3.2-1 关闭业务视图

业务视图关闭完成后,“业务视图”显示区中的内容消失,如下图所示:

图3.3.2-2 业务视图关闭成功

新建普通报表

单击工具条的‘新建’,可弹出选择报表模板,或单击新建按钮上的下拉箭头,出现新建的二级菜单,单击普通报表,如下图所示:

图3.3.3-1 新建普通报表

同样可弹出“选择报表模板“对话框,如下图所示:

图3.3.3-2 选择报表模板

选中空模板,单击确定,则打开一个报表空白编辑页,此空白编辑页为工作区,具体操作可参照3.6工作区的介绍,如下图所示:

图3.3.3-3新建报表成功

编辑模板

1.单击功能按钮新建,选择下拉框中普通报表,如下图所示:

图3.3.4-1点击普通报表

2.进入“选择报表模板”对话框,点击左下角编辑模板按钮,进入报表模板页面,如下图所示:

图3.3.4-2弹窗点击编辑按钮

3.单击功能按钮新建,选择下拉框中报表模板,如下图所示:

图3.3.4-3点击报表模板

4.进入报表模板页面,如下图所示:

图3.3.4-4进入编辑报表模板界面

新建模板

点击页面功能按钮新建,在工作区打开一个空白标签页如下图所示:

图3.3.4.1-1新建报表模板

打开模板

单击工具条的‘打开’,如下图所示:

图3.3.4.2-1 点击打开按钮

弹出“打开报表模板”对话框,如下图所示:

图3.3.4.2-2选择报表模板

选中模板名称,单击打开,该模板在工作区成功打开,如下图所示:

图3.3.4.2-3打开报表模板

保存模板

新建模板后,单击功能按钮保存,可弹出“请输入模板名称”对话框,如下图所示:

图3.3.4.3-1保存报表模板

输入名称,点击确定,该报表模板保存成功,如下图所示:

图3.3.4.3-2成功保存模板

快速查询

单击工具条的‘新建’,下拉框选中快速查询 ,进入快速查询,如下图所示:

图3.3.5-1 点击快速查询

进入快速查询页面,如下图所示:

图3.3.5-2 快速查询界面

新建快速查询

1.单击功能按钮上的业务视图,再单击打开,如下图所示:

图3.3.5.1-1点击打开

可弹出“选择业务视图”对话框,如下图所示:

图3.3.5.1-2选择业务视图

2.或单击功能按钮新建查询,进入新建查询页面,如下图所示:

图3.3.5.1-3 新建查询页面

3.右侧选择数据拖入左侧页面,如下图所示:

图3.3.5.1-4 绑定数据

4.点击功能按钮保存,弹出新建查询对话保存框,如下图所示:

图3.3.5.1-5 保存新建查询

5.选择存储路径和填写查询名称,如下图所示:

图3.3.5.1-6 保存新建查询

6.单击确定,提示保存成功。

打开新建查询

点击页面功能按钮打开,弹出“打开查询”对话框,如下图所示:

图3.3.5.2-1 点击打开按钮图3.3.5.2-2选择查询

选中查询名称,单击确定,该查询在工作区成功打开,如下图所示:

图3.3.5.2-3打开报表模板

打开报表

单击工具条的‘打开’,可弹出“打开报表文件”对话框,如下图所示:

3.3.6-1 点击打开按钮

打开报表对话框,如下图所示:

3.3.6-2 选择报表

选择报表文件,点击确定,选中的文件被打开,如下图所示:

3.3.6-3报表打开成功

保存

单击工具条的‘保存’,弹出“保存报表”对话框,如下图所示:

图3.3.7-1 保存报表

保存报表对话框,如下图所示:

图3.3.7-2保存报表弹窗

选择存储路径和填写报表名称后,单击确定报表保存成功,提示保存成功。

图3.3.7-3 选择保存路径

报表保存成功提示,如下图所示:

图3.3.7-4保存报表弹窗

另存为

1.点击另存为下的另存为报表按钮,弹出“报表另存为”对话框,如下图所示:

图3.3.8-1 点击另存为图3.3.8-2 报表另存为

选择存储路径和填写报表名称后,单击确定报表另存为成功,

单击取消,取消另存为操作。

图3.3.8-3 选择路径

2.点击另存为下的另存为模板按钮,如下图所示:

图3.3.8-4 另存为模板

弹出“请输入模板名称”对话框,如下图所示:

图3.3.8-5 模板名称弹窗

填写模板名称后,单击确定,模板另存为成功。

单击取消,取消另存为操作。

图3.3.8-6 模板另存成功

保存数据快照

单击功能按钮综合按钮保存或者另存为下的另存为报表,弹出报表保存对话框,勾选保存数据快照选项,如下图所示:

图3.3.9-1 数据快照保存对话框

参数

单击工具条的‘参数’,弹出参数列表对话框,如下图所示:

图3.3.10-1 点击参数

添加参数弹窗,如下图所示:

图3.3.10-2 参数列表弹窗

添加:单击按钮添加,添加一行新的参数。如下图所示:

图3.3.10-3 添加参数

  1. 删除:选中需要删除的参数行,单击删除按钮,即可删除该参数。

直接预览

单击工具条的‘预览’ ,然后点击‘直接预览’,弹出“提示”对话框,如下图所示:

图3.3.11-1 预览

预览前先保存提示会话框,如下图所示:

图3.3.11-2 预览保存对话框

单击是,保存并预览报表,如图所示:

图3.3.11-3 预览界面

单击否:取消预览。

注:报表预览必保存,未保存不可预览。

参数预览

单击工具条的‘预览’,然后点击参数预览,如下图所示:

图3.3.12-1点击参数预览

弹出“选择传入参数后预览”对话框,勾选参数选项,输入参数的值,如下图所示:

图3.3.12-2 选择参数

单击确定,保存并预览报表,如下图所示:

图3.3.12-3参数预览页面

注:

1.报表预览必保存,未保存会出现提示,如下图所示:

图3.3.12-4提示

2.参数预览需配合筛选条件使用,没有做筛选条件参数预览数据则会无变化。

锁定

单击工具条的‘锁定’,对工作区所有控件进行锁定操作,如下图所示:

图3.3.13-1点击锁定

提示此时工作区所有控件不可以进行拖动操作,如下图所示:图3.3.13-2 提示

再次单击锁定按钮,对工作区所有控件进行解锁操作,如下图所示

图3.3.13-3 再次点击锁定

提示,此时工作区所有控件又可以进行拖动操作了,如下图所示:

图3.3.13-4 提示

筛选

单击工具条的‘筛选’,弹出“设置筛选”对话框,如下图所示:

3.3.14-1 点击筛选按钮3.3.14-2设置筛选对话框

单击右上角添加按钮,输入筛选条件,如下图所示:

3.3.14-3添加筛选条件

注:筛选条件也可进行控件和参数条件设置。

高级

脚本

点击高级按钮,再选择点击脚本,弹出“脚本”对话框,如下图所示:

图3.3.15.1-1 点击脚本

引用脚本对话框,如下图所示:

图3.3.15.1-2 引用脚本弹框

点击左上角添加,可添加一条脚本,如下图所示:

图3.3.15.1-3 点击添加

点击引用,可以引用已有的脚本,并显示路径,如下图所示:

图3.3.15.1-4 引用脚本文件

点击编辑,进入脚本编辑页面,可对引用的脚本进行编辑,如下图所示:

图3.3.15.1-5 点击编辑按钮

编辑脚本页面,如下图所示:

图3.3.15.1-6 编辑脚本界面

点击上移、下移,对选中的脚本,进行上下移动操作,如下图所示;

图3.3.15.1-7 移动脚本位置

点击删除,对选中的脚本进行删除操作;

点击新建按钮,新建脚本,保存后可直接引用。

样式

点击高级按钮,再选择样式,弹出“样式”对话框,如下图所示:

图3.3.15.2-1 点击样式按钮图3.3.15.2-2 引用样式弹框

点击添加按钮,可添加一条样式,如下图所示:

图3.3.15.2-3 点击添加

点击引用,可引用一个样式文件,并显示路径,如下图所示:

图3.3.15.2-4 引用样式文件

点击编辑,可重新修改引用的文件的内容,如下图所示:

图3.3.15.2-5 编辑样式文件界面

点击新建,弹出 “web资源编辑”页面,再单击设计按钮,弹出“css编辑器”弹框,如下图所示:

图3.3.15.2-6 点击设计图3.3.15.2-7 css编辑器

点击增加按钮,弹出“新建CSS样式”对话框,如下图所示:

图3.3.15.2-8 新建样式弹框

选择器类型有“类”“标签”“高级”三个选项,选择合适的选择器类型,输入名称,点击确定,进入“样式生成器”页面,如下图所示:

图3.3.15.2-9 样式生成器弹框

可在左侧“分类”里对“颜色”“边框”“整体”“边距”“文字”“区块”“背景”“定位”“鼠标”进行样式编辑,编辑好后点击确定,在“CSS编辑器”里显示,并可在“预览”“源码”之间切换,如下图所示:

图3.3.15.2-10 新建样式完成界面

点击确定保存,可在“引用样式”页面引用。

撤销

单击撤销按钮,可撤销上一步操作。

重做

单击重做按钮,恢复撤销的操作。

业务视图

图3.4-1业务视图

小图标:可对左侧整个数据进行收缩。

小图标:可展开数据模块。

小图标:在文本框输入关键字,点击搜索图标数据目录下可显示所有含关键字的字段,如下图所示: 图3.4-2 搜索结果

小图标:刷新数据目录恢复到初始状态。

从业务视图中选择所需要的字段至工作区内,有以下两种方式:

单选方式:选中所需字段直接拖拽至工作区相应控件内。

多选方式:

1)按住Shift键,单击开始字段和结束字段,即可选中开始字段、结束字段以及当中所有字段,拖拽至工作区相应控件内。如下图所示: 图3.4-3 按shift选择字段

2)按住Ctrl键,单击所需字段结束后,拖拽至工作区内,如下图所示: 图3.4-4 按crtl选择字段

数据库

数据源

引用数据就是将定义好的数据库连接中的数据引用到业务视图中。因此定义数据库连接后才能引用数据。

右键数据源,单击“引用数据”,如下图所示: 图3.5.1-1 数据引用

可弹出引用数据对话框,如下图所示: 图3.5.1-2 数据引用

在下拉框中会列举出所有定义好的数据库连接,选择数据库连接及数据库,如下图所示:

图3.5.1-3 选择数据库

数据库连接名称选择完成后,下拉文本框的下方会显示当前选择的数据库连接对应的数据库列表。单击下拉文本框右侧的,可刷新数据库列表内容。

勾选数据表 ,如下图所示:

图3.5.1-4 勾选数据表

单击添加,添加勾选的数据表。被添加的数据表会显示在右侧业务视图内容中。如下图所示:

图3.5.1-5 添加数据引用

勾选数据 “订单明细””时,单击别名,弹出提示信息,可为添加的数据表取别名。如下图所示:

图3.5.1-6 修改别名图3.5.1-7 修改别名

修改之后的所有别名表,完成后如下图所示:

图3.5.1-8 别名添加成功

选中业务视图内容中的数据,单击移除,可将选中的数据删除,如下图所示:

图3.5.1-9 删除“订单明细”表

单击移除后,可弹出“确认删除”提示框,如下图所示:

图3.5.1-10 确认删除

单击“确定”,删除订单明细别名这张表,如下图所示:

图3.5.1-11 确认删除

在查找文本框里输入需要查找的内容,输入完成后,系统会自动查找匹配的数据,该查找功能实现的是模糊查找。如输入“产品”,将查找出所有包含“产品”的数据表,如下图所示:

图3.5.1-12 查找结果

关系图

新建关系

引用数据完成后,会自动新建关系图,如下图所示: 图3.5.2.1-1 新建关系图

表连接

选中“类别”的“类别ID”字段直接拖向“产品”的“类别ID”字段,这两个字段间生成了连接线,如下图所示: 图3.5.2.2-1 连接线

右键中间的连接线,可选择编辑连接和删除连接选项,如下图所示:

图3.5.2.2-2 连接线选

单击编辑选择,可弹出“连接属性”对话框,如下图所示:

图3.5.2.2-3 连接属性

用户可以选中连接线,分别单击左右的字段,则修改连接的字段。

单击下拉文本框,可以选择字段间的连接符号,如下图所示:

图3.5.2.2-4 联接符号

用户可以直接选择“=”、“\<>”、“\<”、“\<=”、“>”、“>=”符号定义字段间简单的联接关系。

单击添加连线,可再次添加一条连接线。

单击需要删除的连接线,单击“删除连线”,将直接删除当前选中的连接线,或直接右击选择删除。

隐藏、展开字段

单击数据表上面的,可隐藏表字段,图标变成了,如下图所示:

图3.5.2.3-1 隐藏字段

单击,可展开隐藏的字段,图标变成了,如下图所示:

图3.5.2.3-2 展开/收缩箭头

保存

新建关系图并设置完属性后,单击右下角确定,保存关系图,如下图所示:

图3.5.2.4-1 保存按钮

如想取消关系图可直接点击取消按钮。

打开

切换至数据库标签页面,单击关系图,如下图所示:

图3.5.2.5-1单击关系图

打开的关系图,如下图所示:

图3.5.2.5-2 打开关系图

工作区

在工作区可以做的操作有:

拖动控件:对添加的组件进行合理布局,拖动每个组件到合适的位置。

选中控件:可以选中某个控件,在右侧下方样式和属性区设置其样式及属性。

在某控件上右键,显示右键菜单,如下图所示:

图3.5-1普通列表右键菜单

将所需控件及业务视图字段拖拽至工作区,如下图所示:

图3.5-2工作区

属性

单击工作区任意空白处,右侧属性区下方显示样式、属性,单击属性,如图所示: 图3.6.1-1属性

  • 类型:显示页面类型

  • 文件名:显示保存的文件名

  • 标题:显示标题名,可修改

  • 页面居中:是代表页面居中,否代表不居中

  • 页面自适应:页面内容自动适应屏幕大小

  • 数据快照:备份当前数据

  • 事件:鼠标单击时、页面加载完成时的动作

查询

单击工作区右上角区域,如下图所示: 图3.6.2-1 点击编辑查询

可弹出查询设置对话框,该界面可查询到该文件中所有的组件查询,如下图所示: 图3.6.2-2查询设置

查询设置对话框,可对页面的查询进行管理,如新建、删除。

删除

可删除工作区内的元件,删除元件有如下两种:

1)选中组件普通列表,右击,选择删除组件,可弹出确认删除对话框,单击‘是’则确定删除,单击‘否’取消删除该控件的操作,如下图所示: 3.6.3-1是否删除对话框

2)选中组件普通列表,按键盘上的Delete键,选择删除组件,可弹出确认删除对话框,单击‘是’则确定删除,单击‘否’取消删除该控件的操作。

自定义代码区

可在代码区域内编辑css和js代码,如下图所示: 图3.7-1 自定义代码区域

JavaScript

可以在下方js代码区编写代码,可以通过通过右键菜单获取变量与元件的代码,如下图所示:

图3.7.1-1 自定义js代码区

CSS样式

下方代码区中的css代码区,可以自定义代码,元件可以在右侧样式中引用此代码,如下图所示:

图3.7.2-1 自定义css代码区

输入css代码,可以在右侧样式引用,如下图所示:

图3.7.2-2 输入css样式代码

引用样式成功显示,如下图所示:

图3.7.2-3 引用样式

工具箱

工具箱包含元件、图表、文件三部分。

元件

元件区为各种基本组件,可以从元件区拖取至操作台,对该元件进行设置编辑组合使用。

普通列表

“普通列表”元件用来展示列式报表。

基本操作
添加数据

首先新建一个报表,打开业务视图,从控件区拖拽普通列表至工作区内,如下图所示:

图3.8.1.1.1.1-1 拖拽普通列表

其次从业务视图或数据库中拖拽需要的数据字段至普通列表中,如下图所示:

图3.8.1.1.1.1-2 拖拽数据字段

选中列

普通列表中,单击某单元格选中整个列表,再次单击某单元格,该单元格变成选中状态,如下图所示:

图3.8.1.1.1.2-1 单元格选中状态

移动列

普通列表中,每一列都可自由移动,切换位置,先选中该列中的某个单元格,使用鼠标开始左右拖拽移动,以虚线分隔位置,如下图所示:

图3.8.1.1.1.3-1 切换位置虚线

移到相应的位置后,松开鼠标后,移动的一列已经换了位置,如下图所示:

图3.8.1.1.1.3-2 移动列

图3.8.1.1.1.3-3 移动列

修改列宽

普通列表中,先单击选中整个列表,再次单击选中某个单元格,将鼠标移至列与列的间隔线处,鼠标变成,可向左向右移动,以便改变列宽。

属性
表属性

单击选中整个报表,右侧属性中可设置报表属性,如下图所示:

图3.8.1.2.1-1 普通列表属性

  • 类型:显示普通列表类型。

  • 标识:显示普通列表的标识,单击可修改普通列表标识。

  • 每页行数:设置每页普通报表的行数。

  • 锁定表头:表头锁定设置为“是”,在预览的情况下,表头不会随着滚动条的滚动而变化位置。鼠标单击,可在“是”“否”两种状态下切换。

  • 锁定列:设置锁定列,在预览的情况下,不会随着滚动条的滚动而发生位置变化。单击鼠标,可以填写列序号。

  • 表头斜线:单击后可弹出“斜线表头”对话框,可添加斜线。

  • 表头排序:表头排序设置为“是”时,在表头出现排序图标,可以给列的数据进行排序。鼠标单击,可在“是”“否”两种状态下切换。

  • 绑定查询:单击显示当前查询列和绑定查询列,并可选择编辑查询。

  • 预览工具栏:默认显示为“否”,预览工具栏为“是”时,在预览中可对报表进行编辑,为“否”时,预览中不可编辑报表。

  • 完成函数:预览时数据加载完成,执行事件显示效果。

  • 相对位置:设置某个组件的相对位置。当页面中存在两个或两个以上的时候,可以设置某个组件与另外组件的相对位置。

列属性

单击选中整个报表,然后单击任意单元格选中当前列,右侧属性中可设置当前选中报表列的属性,如下图所示:

图3.8.1.2.2-1 普通列表列属性

  • 类型:显示普通列表类型。

  • 钻取:数据钻取(详细介绍参看3.8.1.1.12单元格功能按钮)。

  • 合并行:设置为“是”时,对本列上行号相连且数据相同的单元格进行行合并,鼠标单击,可在“是”“否”两种状态下切换。

  • 合并列:合并列,相同值的合并成一列。

  • 树形维度:为选择列设置树形结构,鼠标单击在“无”,“展开”,“折叠”三个状态只中切换。

  • 显示组件:显示一个单选或复选组件来替代单元格值,选中后进行传值你,单击可在下拉框中选择“无”,“单选框”,“复选框(无全选)”“复选框(有全选)”。

  • 表头排序:给报表列在表头添加一个排序的图标。

表头

单击表头任意位置来选中该表头,然后再次单击表头上某单元格,在表头的上方弹出功能图标如下图所示:

图3.8.1.1.3-1 表头功能按钮

表头斜线,单击后弹出‘斜线表头’对话框,单击边框中的蓝色点可添加一条斜线,如下图所示:

图3.8.1.1.3-2 添加斜线

单击确定,保存添加的斜线到选中的表头单元格内;单击清除,可清除之前添加的斜线;单击取消,取消所有的斜线操作。如下图所示添加成功:

图3.8.1.1.3-3 表头斜线添加成功

添加一行,在表头上方添加一个空行,表头由一行变成两行后,顶部的功能图标多了一个‘删除一行’的图标,如下图所示:

图3.8.1.1.3-4 添加行

图3.8.1.1.3-5 删除行

点击,可删除被选中的表头单元格所在的行。

点击,编辑表头,编辑表头单元格的文本内容。

点击,可复制表头样式。

合并行

选中表头某单元格,属性中设置合并行为2,则该表头被选中的单元格以下2行被合并,如下图所示:

图3.8.1.1.3.1-1 合并行设置

回车键或单击属性区空白区,合并行成功。

合并列

选中表头第一行第2列的单元格,在属性下合并列设置为2,该行的相邻2列被合并,如下图所示:

图3.8.1.1.3.2-1合并列设置

绑定查询

在报表上右键,选择“绑定查询”,如下图所示:

图3.8.1.1.4-1 绑定查询对话框

弹出“绑定查询”对话框,如下图所示:

图3.8.1.1.4-2 绑定查询对话框

绑定查询可对报表本身进行查询,指定当前查询列和绑定查询列。当前查询列,也就是报表查询的数据字段;绑定查询列,也就是元件绑定显示出来的字段,一般用于传参的字段则为存在于当前查询列,不存在于绑定查询的列。此概念类似于产品名称和产品ID的含义。如下图所示:

图3.8.1.1.4-3 报表本身查询

单击上移、下移可移动数据字段位置。

单击,可将所有当前查询列数据字段添加至查询绑定列。

单击,可清空所有查询绑定列字段。

单击,可对数据绑定进行编辑(详细参照3.8.1.1.5编辑查询)。

绑定查询也可引用其他组件的查询,指定当前查询列和绑定查询列。例如元件‘listTable2’引用了元件‘listTable1’的查询,如下图所示:

图3.8.1.1.4-3 引用查询

编辑查询

在报表上右击选择编辑查询选项,可弹出查询设置对话框,设置该元件的查询设置,如下图所示:

图3.8.1.1.5-1 “查询设置”对话框

“查询设置”中的功能按钮如下图所示:

图3.8.1.1.5-2 “查询设置”功能按钮

初始不加载

顾名思义勾选后在页面预览时显示为空的数据。

去除重复行

顾名思义就是重复的数据给过滤掉,不显示在该元件中。勾选去除重复行,可以通过“查看sql”检验效果,如下图所示:

图3.8.1.1.5.2-1 检验去重复行效果

新建查询列

新建查询列,可以将数据目录中的字段添加到查询列中。单击,可弹出数据查询对话框,如下图所示:

图3.8.1.1.5.3-1 数据查询对话框

输入查询列名称“库存额”,输入表达式:单价*库存量,如下图所示:

图3.8.1.1.5.3-2 新建查询列

单击确定后,查询定义中多出一列“库存额”,如下图所示:

图3.8.1.1.5.3-3检验查询列

筛选

单击,弹出“筛选”对话框,如下图所示:

图3.8.1.1.5.4-1 “筛选”对话框

“编辑筛选”对话框左侧单击选项卡计算,如下图所示:

图3.8.1.1.5.4-2 编辑筛选计算

该选项卡下包含‘运算符号’‘文本函数’‘数值函数’‘系统时间函数’‘时间函数’‘统计函数’‘分析函数’七部分。各个部分包含各种计算中所需要的函数。

“编辑筛选”对话框左侧单击选项卡报表,如下图所示:

图3.8.1.1.5.4-3 编辑筛选报表

该选项卡下包含‘元素’、‘参数’和‘全局参数’三部分,全局参数分别为:

系统Session、数据库查询、系统常量。

参数下显示工具栏上新建的所有参数,如下图所示:

图3.8.1.1.5.4-4参数

注:报表列和查询列也可使用参数,报表列只能对添加到报表中的字段进行操作,而运算符和数值只能用上图显示的内容。如果参数值是字符串,请单击’’,在两个单引号间插入参数名称。

元素下显示所有的元素对象,如下图所示:

图3.8.1.1.5.4-5元素

注:

  1. 筛选的表达只能在运算中选中后,修改相对应类型的值。

    1. 报表列和查询列也可使用元素(元素即为元件或插件),报表列只能对添加到报表中的字段进行操作,而运算符和数值只能用上图显示的内容。如果参数值是字符串,请单击’’,在两个单引号间插入元素。
表头表脚

选择“表头表脚”图标,可弹出“表头表脚”对话框,如下图所示:

图3.8.1.1.5.5-1 “表头表脚”对话框

单选按钮选中表头,则添加的是表头,选择聚合的字段,统计类型为求和,如下图所示:

图3.8.1.1.5.5-2 给表头添加总计

单击确定,新增一行总计,表头添加成功,如下图所示:

图3.8.1.1.5.5-3 表头总计添加成功

同理,选择表脚选择聚合字段,单击确定,新增一行总计,表脚添加成功。

上移、下移

上移、下移:选中某个字段,按“上移”、“下移”按钮可以对数据字段的位置进行变以化,如下图所示:

图3.8.1.1.5.6-1 移动选中字段位置

查看SQL

单击查询设置的产看SQL, 可弹出“查看SQL”对话框,如下图所示:

图3.8.1.1.5.7-1 查看sql

通过查看SQL脚本,用户可以检查报表创建的是否正确。

自定义SQL

新建报表,打开业务视图。

自定义sql添加控件参数值查询,以下拉框为例,首先在报表页面添加一个下拉框,查看下拉框ID标识,如下图所示:

图3.8.1.1.5.8-1 添加下拉框

  1. 单击页面数据源进入编辑查询页面,如下图所示:

图3.8.1.1.5.8-2编辑查询页面

  1. 单击查询列新建,选择自定义SQL,页面中可以输入自定义SQL语句查询表,如下图所示:

图3.8.1.1.5.8-3添加自定义查询

  1. 选择数据库,输入下面sql语句,如下图所示:

SELECT T1.category_name AS C1

FROM cosmosample.s_category2 T1

图3.8.1.1.5.8-4自定义SQL语句查询

  1. 点击执行,执行结果如下图所示:

图3.8.1.1.5.8-5自定义SQL语句查询_2

  1. 保存之后,点击确定,返回工作台,如下图所示:

图3.8.1.1.5.8-6 下拉框绑定数据

  1. 选中下拉框右键绑定查询,如下图所示:

图3.8.1.1.5.8-7 下拉框绑定数据

  1. 选择查询_2,绑定数据,单击确定按钮,如下图所示:

图3.8.1.1.5.8-8 下拉框绑定数据

  1. 单击页面数据源进入编辑查询页面,在单击查询列新建,选择自定义SQL,页面中可以输入自定义SQL语句查询表,择数据库,输入下面sql语句,可以看到类别名称等于下拉框id标识:{combobox_r3c5ce0dc6e},如下图所示:

SELECT T1.category_name AS C1,
T2.product_id AS C2,
T2.product_name AS C3
FROM cosmosample.s_category2 T1,
cosmosample.s_product T2
WHERE T1.category_id = T2.category_id AND (T1.category_name = '{combobox_r3c5ce0dc6e}')

图3.8.1.1.5.8-9自定义SQL语句查询_3

  1. 点击执行下面显示处查询结果,如下图所示:

图3.8.1.1.5.8-9查询结果

合并

合并是用于对字段进行分组,使之直观明了。

右击元件选择“合并”,可对该元件所有列进行组合,如下图所示:

图3.8.1.1.6-1 合并成功

注:该处组合是对整列进行组合。

取消合并

右击控件,取消合并可将之前组合成功的取消组合。

刷新

在报表上右击,选择‘刷新’,可刷新该报表的数据,如下图所示:

图3.8.1.1.8-1 刷新普通列表

复制/粘贴

报表列右击选择“复制”,可以复制当前控件,如下图所示:

图3.8.1.9-1 复制普通列表

在工作区空白处,右键会出现粘贴选项,如下图所示:

图3.8.1.1.9-2 粘贴选项

单击粘贴选项,复制出一张表,如下图所示:

图3.8.1.1.9-3复制元件

顺序

设置报表对象在页面中的显示层级顺序,当多个元件发生重叠时,显示的层级顺序可设置为‘置于顶层’、‘置于底层’、‘上移一层’、‘下移一层’,如下图所示:

图3.8.1.1.10-1 设置组件层级顺序

删除组件

报表上右键选择‘删除组件’可将该报表从工作区中删除。

单元格功能按钮

选中某列中任意一个单元格,表格上方出现单元格功能按钮列表,如下图所示:

图3.8.1.1.12-1 单元格功能栏

合并

参照3.8.1.1.6合并

取消合并

参照3.8.1.1.7取消合并

排序

选中报表列,单击按钮,可以对当前数据列进行排序,如下图所示:

图3.8.1.1.12.3-1 排序

添加统计计算

选中报表列,单击,可对报表列进行计算操作,如求和、平均值等,如下图所示:

图3.8.1.1.12.4-1添加统计计算

条件格式

选中报表列,单击,可以添加条件格式,比如设置红黄绿报警区间,数据值在某个区间的时候可以分别显示红黄绿颜色等,设置页面如下图所示:

图3.8.1.1.12.5-1 条件格式

钻取

为选中的某列,设置打开页面,简单来说类似于超链接,用于页面的跳转,方便快速。

选中某列,单击钻取,可弹出“报表钻取“对话框,如下图所示:

下图所示1:用于设置页面跳出的方式,如选中新窗口/标签页,则页面跳出方式是新窗口打开。

下图所示2:设置打开的链接。

图3.8.1.1.12.6-1 钻取

图3.8.1.1.12.6-2 钻取

复制列样式

选中报表列,单击图标,可把选中列的样式复制给其他列,如下图所示:

把第二列样式复制给第三列、第四列

图3.8.1.1.12.8-1 复制列样式

创建筛选元件

单击创建筛选元件按钮,此功能可以创建出一个新的控件,此控件可以实现对报表进行按照某个条件的筛选。如下图所示:

图3.8.1.1.12.7-1 创建筛选元件

图3.8.1.1.12.7-2 创建筛选元件

图3.8.1.1.12.7-3 创建筛选元件

删除列

选中报表列,单击按钮,可对选中的列进行删除。

图3.8.1.1.12.7-3 创建筛选元件

样式
表样式

选中报表,右侧显示样式区,可以修改元件样式,如下图所示:

图3.8.1.1.13.1-1 表样式

  • 组件类型:标识,ID-普通列表:listTable1,ID listtable_rd7b4462a43

  • 引用样式类:下拉显示可选择的样式,引用修改报表样式,如下图所示:

图3.8.1.1.13.1-2 引用样式类

  • 位置+尺寸:

位置;修改元件在页面的位置

尺寸:修改元件的元素定位框的尺寸

  • 单元格内边距:修改单元格内的边距

  • 字体,填充:

字体:修改元件内容的字体、颜色、大小、加粗、倾斜、下划线;

填充:给元件添加背景颜色

  • 线型+边框,对齐:修改元件边框格式、文字的对齐方式。

  • 鼠标

  • 数据格式

表头样式

选择表头,展示表头样式,可修改表头样式,详见表样式3.1.1.13.1如下图所示:

图3.8.1.1.13.2-1 表头样式

交叉表

交叉表又名数据透视表。运用系统的函数、聚合函数,通过明细(筛选)、聚合功能添加筛选、分组条件,来设置行、列及明细的显示内容;交叉表可以水平或者垂直显示字值段,将字段值作为行号或列标,在每个行列交汇处计算出各自的数量,然后计算小计和总计。

添加数据

打开业务视图,拖拽交叉表至工作区,如下图所示:

图3.8.1.2.1-1添加交叉表

从左边的数据目录中拖拽‘类别名称’到行上面,如下图所示:

图3.8.1.2.1-2添加行字段

从左边的数据索引中拖一个‘产品ID’到列上面,如下图所示:

图3.8.1.2.1-3添加列字段1

从左边的业务视图拖一个‘产品名称’到列上面,如下图所示:

图3.8.1.2.1-4添加列字段2

单元格中添加订单明细中的‘单价’字段,报表会根据字段类型自动进行求和,一个简单的交叉表就建立成功了。如下图所示:

图3.8.1.2.1-5 新建交叉表

查询设置

在交叉表上右键选择‘编辑查询’,如下图所示:

图3.8.1.2.2-1 选择编辑查询

弹出‘查询设置’对话框,最左侧是数据,可以从数据目录下拖拽字段到普通列表或者是交叉表对应位置;中间是查询列表,可以增、删、改查询;右侧顶部是选中的表名及类型;右侧中间分为 “列”、“行”和“明细”,即用于设计交叉表的列上的字段列,设计交叉表的行上的字段,用于设计交叉表的单元格中的字段列,还有右侧中间左上方可引用现有查询;右侧底部是对表格的具体数据的展示,如下图所示:

图3.8.1.2.2-2 查询设置界面

每个模块“行”、“列”、“明细”中的和“编辑”、“排序”、删除与普通列表操作方法一样。

注:选择点击,当表格单元格有空值时显示为‘0’

初始不加载参照3.8.1.1.5.1,筛选参照3.8.1.1.5.4,查看SQL参照3.8.1.1.5.7,自定义SQL参照3.8.1.1.5.8。

引用现有查询转换

可以对已有普通表进行引用,勾选单选框“引用现有查询转换”,选择已有普通表,单击引用,并显示当前引用查询,如下图所示:

图3.8.1.2.3-1查询转换

单击,表示添加所选字段到交叉表行模块。

单击,表示添加所选字段到交叉表列模块。

单击,表示添加所选字段到交叉表明细模块。

小计

交叉表一个重要的功能就是对数据进行汇总,小计是对行或列上的数据进行分组汇总。

行小计

选中该交叉表,选择查询设置,可弹出“查询设置”对话框,勾选该行上某字段的小计,如下图所示:

图3.8.4.1-1 勾选行小计

单击执行后,查询结果中每一列后面都会增加一个合计列,该合计列根据行中添加的第一列进行分组滚动求和,如下图所示:

图3.8.4.1-2 行小计添加成功

列小计

选中该交叉表,选择查询设置,可弹出“查询设置”对话框,勾选该列上某字段的小计,如下图所示:

图3.8.1.2.4.2-1 勾选列小计

单击确定后,查询结果如下图所示:

图3.8.1.2.4.2-2 列小计添加成功

总计
行总计

清空“行”和“列”上小计的勾选,并勾选行上的总计,如下图所示:

图3.8.1.2.5.1-1 行总计

单击执行后,查询结果如下:

图3.8.1.2.5.1-2 行总计添加成功

列总计

清空“行”上行总计,并勾选列上的总计,如下图所示:

图3.8.1.2.5.2-1 列总计

查询结果中最后添加列数据,对每一行的所有列进行汇总,如下图所示:

图3.8.1.2.5.2-2 列总计添加成功

注:总计后面的前后单选框按钮,是用于控制总计的数据在列表前面还是后面。

行转列

点击查询设置的中间图标,可实现交叉表“行”转“列”,如下图所示:

图3.8.1.2.6-1 行列转换

统计类型

交叉表“行”和“列”进行交叉后得到多个数据,但是在明细中只能显示一个值,因此就需要对交叉出来的数据进行计算。明细中的统计类型中提供了sum(求和)、count(计数)、min(最小值)、max(最大值)、avg(平均值)五种计算类型,如下图所示:

图3.8.1.2.7-1 统计类型

下面分别展示这五种统计类型的效果:新建一个交叉表,分别在行、列、明细中添加一个字段,明细中的统计类型选择“合计”,如下图所示:

图3.8.1.2.7-2 合计统计

结果中会对交叉后的数据进行求和显示在单元格中,结果如下图所示:

图3.8.1.2.7-3 合计结果

修改“统计类型”为“计数”,如下图所示:

图3.8.1.2.7-4统计类型计数

结果中会对交叉后的明细进行统计求值,结果如下图所示:

图3.8.1.2.7-5 计数结果

修改统计类型为“平均值”,如下图所示:

图3.8.1.2.7-6 统计类型平均

结果中会对交叉后的明细求平均值,结果如下图所示:

图3.8.1.2.7-7 平均结果

修改统计类型为“最大值”,如下图所示:

图3.8.1.2.7-8 统计类型最大值

注:计算类型最大值的查询结果相当于展示了明细字段的内容。

修改统计类型为“最小值”,如下图所示:

图3.8.2.1.7-9 平均值类型

样式

详见3.8.1.1.13.1表样式

自由表格

拖拽自由表格至工作区,如下图所示:

图3.8.1.3-1自由表格

数据表格

选择数据表格-显示功能列,如下图所示:

图3.8.1.3.1-1 数据表格

点击数据,弹出添加数据对话框,可进行数据绑定, 左侧为选择查询,右侧为数据绑定显示,如下图所示:

图3.8.1.3.1-2 绑定查询

点击编辑查询,查询页面添加绑定数据:类别名称、产品名称,如下图所示:

图3.8.1.3.1-3 添加数据

图3.8.1.3.1-4 绑定数据

当前查询列,也就是查询的数据字段;绑定查询列,也就是元件绑定显示出来的字段,一般用于传参的字段则为存在于当前查询列,不存在于绑定查询的列

添加绑定查询列,点击确定,如下图所示:

图3.8.1.3.1-5 绑定数据

图3.8.1.3.1-6 数据显示

点击箭头可对数据表格进行上下位置移动;

点击删除,删除数据表格

单元格操作

选中单元格,显示单元格功能列,如下图所示:

图3.8.1.3.2-1 单元格

单元格类型默认为标签,下拉框显示所有类型,如下图所示:

图3.8.1.3.2-2 类型

点击数据源,可进行数据绑定,如下图所示:

图3.8.1.3.2-3 数据源

图3.8.1.3.2-4绑定数据

图3.8.1.3.2-5 显示数据

点击编辑按钮去,对单元格名称进行编辑,如下图所示:

图3.8.1.3.2-6 编辑对话框

点击事件弹窗事件对话框,如下图所示:

图3.8.1.3.2-7 事件对话框

行列操作:下拉框显示全部操作,如下图所示:

图3.8.1.3.2-8 行列操作

样式

详见3.8.1.1.13.1表样式

按钮

“按钮”类型适用于触发脚本事件、触发有返回值的按钮事件、触发参数事件等。拖拽一个按钮控件至工作区,如下图所示:

图3.8.1.4-1 添加按钮

属性

图3.8.1.4.1-1 属性

  • 类型:显示按钮类型。

  • 标识:显示普通列表的标识,单击可修改按钮标识。

  • 文本:按钮显示文本。

  • 事件:添加事件。

  • 绑定查询:为按钮绑定数据源。

  • 相对位置:设置按钮的相对位置。

绑定查询

绑定查询对话框可以右击按钮元件出来,或者是点击属性中的绑定查询,如下图所示:

图3.8.1.4.2-1 绑定查询

图3.8.1.4.2-2 绑定查询

既可以引用页面中已经存在的数据源,如报表的数据源或新建的数据源,也可以点击左上角进入编辑查询,直接从业务视图中拖拽需要的字段到按钮上或者直接引用外部文件。

事件

右击按钮元件选择事件,或者是点击属性中的事件弹出定义事件对话框,

单击事件后,可弹出“定义事件”对话框。目前事件只有鼠标单击事件、鼠标移入事件以及鼠标移出事件,如下图所示:

图3.8.1.4.3-1 “定义事件”对话框

变量
  1. 参数赋值

选中该控件,右击选择事件,打开事件对话框,单击变量下参数赋值,添加参数赋值,如下图所示:

图3.8.1.4.3.1-1 参数赋值

图3.8.1.4.3.1-2 添加参数赋值事件

参数赋值,配合着工具栏上的参数里设置着的参数使用,如下图所示:

图3.8.1.4.3.1-3 参数赋值

只有在工具栏上参数里设置着了参数才能显示在变量中参数赋值,勾选参数旁边的多选框,参数赋值则被启用,如下图所示:

图3.8.1.4.3.1-4参数赋值

点击编辑条件,弹出事件执行条件弹窗,事件的执行条件,分为无条件、条件一、OR和AND。单击编辑条件可弹出事件执行条件对话框,在对话框中可进行条件设置。要先新建一个,然后进行条件定义。如下图所示:

图3.8.1.4.3.1-5添加事件执行条件

  1. 元素赋值

选中该控件,右击,选择事件,打开事件对话框,单击变量下元素赋值,添加元素赋值。元素赋值为页面的控件赋值,勾选元素旁的多选框,元素赋值被启用,如下图所示:

图3.8.1.4.3.1-5元素赋值对话框

执行条件与参数赋值一致。

数据表
  1. 刷新查询

刷新查询,根据选定事件,来进行刷新事件。

选中该控件,右击选择事件,打开事件对话框,单击数据表下的刷新查询,添加刷新查询事件,如下图所示:

图3.8.1.4.3.2-1添加刷新查询

选择要刷新的元件,如下图所示:

图3.8.1.4.3.2-2添加执行控件

  1. 导出Excel

选中该控件,右击选择事件,弹出定义事件对话框,单击数据表下导出excel,添加导出excel事件,如下所示:

图3.8.1.4.3.2-3添加导出Excel事件

对导出Excel进行配置,导出全部数据,如下图所示:

图3.8.1.4.3.2-4导出数据配置

  1. 打印

选中该控件,右击选择事件,打开定义事件对话框,单击数据表下打印,添加打印事件,如下所示:

图3.8.1.4.3.2-5添加打印事件

对打印事件进行配置,如下图所示:

图3.8.1.4.3.2-6打印设置

链接

链接是用于设置打开的链接以及打开链接的方式,有以下6种链接方式,如下图所示:

图3.8.1.4.3.3-1 链接方式

  • 标签页:触发事件后,在新窗口打开链接。

  • 弹出窗口:触发事件后,在新窗口打开链接。

  • lframe框架:触发事件后,在Iframe中打开链接。

  • 当前窗口:触发事件后,在当前窗口中打开链接。

  • 父窗口:触发事件后,在父窗口中打开链接。

  • 关闭窗口:触发事件后,关闭打开的窗口。

  • 标签页

选中该控件,右击事件,打开定义事件对话框,单击链接下的标签页,添加标签页,如下图所示:

图3.8.1.4.3.3-2添加标签页

选中添加的标签页,单击,可弹出“设置URL”对话框,可在该对话框内设置链接地址,可直接选择已存在的文件对象或者直接选择web地址输入地址。如下图所示:

图3.8.1.4.3.3-3设置链接地址

图1是设置链接地址,图2是设置参数传递。

  1. 弹出窗口

选中该控件,右击选择事件,打开定义事件对话框,单击链接下的弹出窗口添加事件,如下图所示:

图3.8.1.4.3.3-4添加弹出窗口

选中“在弹出窗口打开链接”,进行链接的设置,可设置执行条件、链接地址选择和弹出属性,如下图所示:

图3.8.1.4.3.3-5弹出窗口链接配置

  1. Iframe框架

工作台添加iframe元件,选中该控件,右击,选择事件,打开事件对话框,单击链接下的Iframe框架,添加Iframe框架,如下图所示:

图3.8.1.4.3.3-6添加 Iframe框架 图3.8.1.4.3.3-7添加 Iframe框架

选中“在框架打开链接”,在右侧配置中设置执行条件、链接地址和展示的iframe,如下图所示:

图3.8.1.4.3.3-8 Iframe框链接配置

  1. 当前窗口

选中该控件,右击选择事件,打开定义事件对话框,单击链接下的当前窗口,添加当前窗口,如下所示:

图3.8.1.4.3.3-9 添加当前窗口

选中“在当前页面打开链接”,在右侧设置执行条件和链接地址。

  1. 父窗口

选中该控件,右击,选择事件,打开事件对话框,单击链接下的父窗口,添加父窗口;选中“在框架打开链接”,在右侧设置执行条件和链接地址,如下图所示:

图3.8.1.4.3.3-10 父窗口链接设置

  1. 关闭窗口

选中该控件,右击,选择事件,打开事件对话框,单击链接下的关闭窗口,添加关闭窗口,如下图所示:

图3.8.1.4.3.3-11 关闭窗口

组件
  1. 显示/隐藏

触发事件后,显示或隐藏控件或插件,选中该控件,右击,选择事件,打开事件对话框,单击组件下的显示隐藏,如下图所示:

图3.8.1.4.3.4-1 添加显示或隐藏

  1. 设置图像

工作台添加图片元件,触发事件后,显示设置的图像,选中该控件,如下图所示:

图3.8.1.4.3.4-2 设置图像

右击,选择事件,打开事件对话框,单击组件下的设置图像,添加设置图片,并且对图片设置,如下图所示:

图3.8.1.4.3.4-3 设置图像

  1. 移动

触发事件后,移动控件,选中该控件,右击,选择事件,打开事件对话框,单击组件下的移动,添加移动事件,可设置控件的相对移动距离,设置详情如下图所示:

图3.8.1.4.3.4-4 移动

高级
  1. Javascript脚本

复杂的交互或是动画效果可以通过编写Javascript来实现,如下图所示:

图3.8.1.4.3.5-1 Javescript脚本

样式

详见3.8.1.1.13.1表样式

分页工具条

分页工具条,用于普通列表分页功能,分页工具条必须配合着普通列表或交叉表使用的。

添加数据列表

拖拽分页工具条至工作区,选中工具条,在页面右下角的属性中,找到数据表属性,为分页工具条绑定普通列表,作为数据源,如下图所示:

图3.8.1.5.1-1 绑定普通列表

设置边缘页数

在分页工具条的属性的边缘页数中,设置边缘页数,如填写4,如下图所示:

图3.8.1.5.2-1 绑定普通列表

3.8.1.5.2-2 设置边缘页数

设置主体页数

在分页工具条的属性的主体页数中,设置边缘页数,如填写3,如下图所示:

图3.8.1.5.3-1 设置主体页数

样式

详见3.8.1.1.13.1表样式

创建组

拖拽创建组至工作区,选中创建组,右击选择“设置组合”,如下图所示:

图3.8.1.6-1 右击选择设置组合

可弹出“设置组合“对话框,然后进行设置,需对类型、默认状态、范围、绑定的数据进行设置,如对行进行操作、默认状态是展开、范围是0-2、绑定的数据为LisTable3,设置如下图所示:

图3.8.1.6-2 设置组合对话框

图3.8.1.6-3 设置组合对话框

设置完成后,单击,报表闭合,预览显示,如下图所示:

图3.8.1.6-3 闭合状态

单击,报表展开,如下图所示:

图3.8.1.6-4 展开状态

标签

标签可以放在文本框或其他组件前面用来标记其名称,可以放在页面第一行作为标题。拖拽一个标签至工作区,双击标签,可修改标签显示文本,如下图所示:

图3.8.1.7-1 双击修改显示文本

数据格式

数据格式:丰富标签元件为数字类型时的展现形式,主要包括百分比样式、千位分隔符样式、会计数字格式、增加小数位数、减少小数位数五部分,具体设置如下图所示:

1.双击标签或在标签属性中,修改文本内容为(1000000),如下图所示:

2.选中标签,样式中修改数据格式,点击百分比样式,标签内容修改格式,如下图所示:

3.再次点击百分比样式,标签内容取消格式显示,如下图所示:

注:百分比样式与千位分隔样式互斥。

文本框

在智能报表添加文本框,可以在文本框中输入信息,也可以修改文本框中的内容;文本框可以绑定数据源,显示数据库中某个字段的值。

拖拽文本框至工作区,添加文本框控件,如下图所示:

图3.8.1.8-1添加文本框

绑定查询

绑定数据源详细参照3.8.1.4.2按钮绑定查询。

多行文本框

拖拽一个多行文本框至工作区,如下图所示:

图3.8.1.9-1多行文本框

单击多行文本框,在操作区修改其样式与属性,如下图所示:

图3.8.1.9-2多行文本框属性

  • 类型:显示多行文本的类型。

  • 标识:显示多行文本框的标识,单击可修改。

  • 文本:显示文本,单击可修改显示文本。

  • 事件:设置事件。(详细参照3.8.1.4.3事件)

  • 提示文本:显示提示文本,单击可修改提示文本

  • 绑定查询:详细参照3.8.1.4..2绑定查询

  • 相对位置:设置多行文本在页面中相对其他控件的位置。

下拉框

以下拉框的形式展现一列数据,主要用于选择一列数据中的某一个数据对列表进行筛选。拖拽一个下拉框到工作区,如下图所示:

图3.8.1.10-1下拉框

单击下拉框,在操作区修改其样式与属性,如下图所示:

图3.8.1.10-2 下拉框属性

  • 类型:显示下拉框类型。

  • 标识:显示下拉框的标识,单击可修改下拉框标识。

  • 默认值:默认显示第几个的值。

  • 事件:设置事件。(详细参照3.8.1.4.3事件

  • 绑定查询:绑定数据源。(详细参看3.8.1.4.2绑定查询

  • 编辑数据集:可以不为下拉框绑定数据源 而设置下拉框的数据

  • 相对位置:设置下拉框相对工作区中其他控件的相对位置。

  • 多选下拉框:设置下拉选项可以多选。

  • 连接字符:多选时,下拉框中用来连接多个选择项。

列表框

列表框主要是将一列数据进行展示,拖拽一个列表框到工作区,如下图所示:

图3.8.1.11-1列表框属性

  • 类型:显示控件类型。

  • 标识:显示列表框的标识,单击可修改列表框标识。

  • 事件:设置事件。(详细参照3.8.1.4.3事件

  • 编辑数据集:添加数据项。

  • 绑定查询:绑定数据源(详细参照3.8.1.4.2绑定查询)。

  • 相对位置:设置列表框相对与其他控件的位置。

单选框

可用单选框对数据进行筛选。拖拽一个单选框到工作区,如下图所示:

图3.8.1.12-1单选框属性

  • 类型:显示控件类型。

  • 标识:显示单选按钮的标识,单击可修改单选按钮标识。

  • 事件:设置事件(详细参照3.8.1.4..3事件

  • 默认值:单选按钮的初始默认按钮。

  • 文本:显示文本,单击可修改显示文本。

  • 列数:修改单选按钮列数。

  • 纵向排列:用于修改是否纵向排列。

  • 编辑数据集:编辑数据项。

  • 绑定查询:对单选框添加数据源。

  • 相对位置:设置单选按钮相对与其他控件的位置。

复选框

参照单选框,功能类似。

图3.8.1。13-1文本框属性

  • 类型:显示文本框类型。

  • 标识:显示文本框标识,单击可以修改文本框标识。

  • 默认值:默认的显示的文本。

  • 事件:设置事件。(详细参照3.8.1.4.3事件)

  • 提示文本:显示的文本,但只要单击文本框内,框内文本就会消失。

  • 绑定查询:可以绑定数据源。(详细参照3.8.1.4.2绑定查询

  • 相对位置:设定控件的相对位置,次功能是文本框相对与页面中的其他控件的位置。

日历

日历控件,方便用户录入规范的日期数据。拖拽一个日历至工作区,如下图所示:

图3.8.1.14-1日历

单击日历,在操作区修改其样式与属性,如下图所示:

图3.18.1.14-2日历属性

  • 类型:显示控件类型。

  • 标识:显示日历的标识,单击可修改日历标识。

  • 事件:设置事件。(详细参照3.8.1.4.3事件

  • 默认日期:设置默认日期。

  • 相对位置:设定日历的相对位置。

  • 绑定查询:给日历设置数据源

  • 显示格式:设置日历的显示格式,如 y年m月d日、y-m-d等

  • 参数格式:设置传递参数的格式。

业务视图

拖拽业务视图至工作区,如下图所示:

图3.18.1.15-1业务视图

一个业务视图按业务主题可以存储多张表及字段。

点击选择业务视图或属性中的业务视图,弹出“选择业务视图”对话框,如下图所示:

图3.18.1.15-2打开业务视图

选择要打开的业务视图,点击确定,如下图所示:

图3.18.1.15-3 打开业务视图

选中业务视图,在操作区修改其样式与属性,如下图所示:

图3.18.1.15-4 业务视图属性

动态筛选区

拖拽动态筛选区至工作区,如下图所示:

图3.18.1.16-1动态筛选区

选中动态筛选区,在操作区修改其样式与属性,如下图所示:

图3.18.1.16-2 动态筛选区属性

选中组件右键绑定报表或点击属性下的绑定报表,可选择需要绑定的报表,如下图所示:

图3.18.1.16-3 动态筛选区绑定报表

预览中,业务视图拖取字段到动态筛选区,添加筛选条件,如下图所示:

图3.18.1.16-4 添加筛选条件

添加筛选条件可对报表进行查询筛选,如下图所示:

图3.18.1.16-5 报表查询

图片

拖拽一个图片至工作区,如下图所示:

图3.8.1.17-1图片

选中图片,在操作区修改其样式与属性,如下图所示:

图3.8.1.17-2图片属性

  • 类型:显示控件类型。

  • 标识:显示图片的标识,单击可修改。

  • 事件:设置事件(详细请参照3.8.1.4.3事件)。

  • 相对位置:设置图片相对于其他控件的位置。

  • 图片链接:设置图片的链接地址。

iframe框架

IFrame也称作嵌入式框架,它的作用是在一个智能报表中插入一个框架窗口以显示另外一个文件。

在创建智能报表的过程中,使用IFrame可以直接在智能报表中嵌入HTML文件或者上海电气工业App快速开发平台中的对象文件,使其与网页其他内容相互融合,成为一个整体;另外,如果多个智能报表用到同一个内容,可以不必重复编写,直接引用框架即可,从而减少了工作量。

拖拽一个Iframe框架至工作区,如下图所示:

图3.8.1.18-1 Iframe窗口

单击Iframe框架,在操作区修改其样式与属性,如下图所示:

图3.8.1.18-2 Iframe窗口属性

  • 类型:显示控件类型。

  • 标识(ID):显示Iframe窗口的标识,单击可修改。

  • Iframe链接:Iframe窗口链接地址。

  • 显示滚动条:设置Iframe的滚动条出现的方式,“自动”、“不出现”。

  • 相对位置:设定Iframe窗口的相对位置。

标签页面板

标签页面板,主要用于快速创建一个可切换标签页面的组件。

图3.8.1.19-1 添加标签页

添加标签页

单击标签页面板的,可添加一个标签,如下图所示:

图3.8.1.19.1-1 添加标签页

编辑标签页

单击,可进入修改标签页内容的页面,如下图所示:

图3.8.1.19.2-1 编辑标签页

删除

选中一个标签页,单击,可删除该标签页。

矩形

拖拽一个矩形至工作区,如下图所示:

图3.8.1.20-1 矩形

单击矩形,在操作区修改其样式与属性,如下图所示:

图3.8.1.20-1 矩形样式与属性

  • 类型:显示控件类型。

  • 标识(ID):显示矩形的标识,单击可修改。

  • 事件:设置事件。(详细参照3.8.1.4.3事件

  • 相对位置:设定Iframe窗口的相对位置。

横线

拖拽一个横线至工作区,如下图所示:

图3.8.1.21-1 添加横线

单击横线,在操作区修改其样式与属性,如下图所示:

图3.8.1.21-2 横线属性

  • 类型:显示控件类型。

  • 标识(ID):显示横线的标识,单击可修改。

  • 事件:设置事件。(详细参照3.8.1.4.3事件

  • 相对位置:设定横线的相对位置。

竖线

拖拽一个竖线至工作区,如下图所示:

图3.8.1.22-1竖线

单击横线,在操作区修改其样式与属性,如下图所示:

图3.8.1.22-2竖线属性

  • 类型:显示控件类型。

  • 标识(ID):显示竖线的标识,单击可修改。

  • 事件:设置事件。(详细参照3.8.1.4.3事件

  • 相对位置:设定竖线的相对位置。

组合

将工作区中的控件可以组合在一起,拖拽一个分组到工作区,如下图所示:

图3.8.1.23-1分组

选中组合,在操作区修改其属性和样式。右击控件,“组合元件”可以选中工作区中需要的控件组合在一起,如下图所示:

图3.8.1.23-2组合元件

单击组合元件弹出组合控件对话框,如下图所示:

图3.8.1.23-3选择组合元件

选择好组合的控件后,单击保存,选择的控件即组合为一个整体。

拖拽一个树至工作区,如下图所示:

图3.8.1.24-1树

选中树,在属性区修改其样式与属性,如下图所示:

图3.8.1.24-2树属性

  • 类型:显示控件类型。

  • 标识(ID):显示日历的标识,单击可修改日历标识。

  • 相对位置:设置相对位置。

图表

有柱状图、折线图、饼状图等,图表使用一般需要和报表组合使用,展示的数据来源于报表。

柱状图

在报表空模板中,从‘工具箱->图表’中选择一个柱状图模板拖拽至工作区,如下图所示:

图3.8.2.1-1拖拽图表模板

然后从控件中拖拽一个普通列表,给普通列表字段,如下图所示:

图3.8.2.1-2报表添加字段

在图表上右键,弹出功能列表中选择‘配置项’,如下图所示:

图3.8.2.1-3打开数据源

弹出编辑图表对话框,选择合适的数据源,为图表绑定好数据源

图3.8.2.1-4绑定字段

设置完成后,单击‘确定’对话框关闭,柱状图按设置读取报表的数据,如下图所示:

图3.8.2.1-5绑定数据完成

折线图

图3.8.2.2-1 折线图

具体操作参照3.8.2.1柱状图

饼状图

图3.8.2.3-1 饼状图

具体操作参照3.8.2.1柱状图

漏斗图

图3.8.2.4-1 漏斗图

具体操作参照3.8.2.1柱状图

仪表盘

图3.8.2.5-1 仪表盘

具体操作参照3.8.2.1柱状图

散点图

图3.8.2.6-1 散点图

具体操作参照3.8.2.1柱状图

雷达图

图3.8.2.7-1 雷达图

具体操作参照3.8.2.1柱状图

类雷达图

图3.8.2.8-1 类雷达图

具体操作参照3.8.2.1柱状图

水球图

图3.8.2.9-1 水球图

具体操作参照3.8.2.1柱状图

桑基图

图3.8.2.10-1 桑基图

具体操作参照3.8.2.1柱状图

字浮云

图3.8.2.11-1 字浮云

具体操作参照3.8.2.1柱状图

地图

图3.8.2.12-1 地图

具体操作参照3.8.2.1柱状图

文件

显示为资源树共享文件夹下所有文件,如下图所示:

图3.8.3-1文件页签

点击刷新,更新文件下内容。

点击新建文件夹,弹出弹窗,如下图所示:

图3.8.3-2 点击新建

弹窗内容显示为路径和文件名称,填写文件名称,如下图所示:

图3.8.3-3 新建文件夹

点击确定,新建文件夹,点击取消,关闭操作,如下图所示:

图3.8.3-4 新建文件夹

点击删除按钮,提示确认弹窗,点击是删除所选文件,点击否,关闭删除操作,如下图所示:

图3.8.3-4 删除文件

选中文件夹时,点击删除会提示信息不能删除文件夹,如下图所示:

3.8.3-5 删除文件夹

选择文件夹,点击上传,可上传本地文件,如下图所示:

图3.8.3-6 上传文件

元素

显示操作台添加的全部元件标识,如下图所示: 图3.9-1 元素页签

下拉框可做筛选,选择信息,元素区自动筛选符合条件的元件,如下图所示:

图3.9-2 筛选元件

点击箭头,可对选中的节点位置上下移动,如下图所示:

图3.9-3 移动节点位置

点击节点后,可对该节点在操作台的做显示或隐藏操作,如下图所示:

图3.9-4 显示元件

图3.9-5 隐藏元件

点击删除按钮,弹窗提示确认删除,点击是,删除选中的节点,点击否,取消删除操作,如下图所示:

图3.9-6 删除元件

查询

显示工作台报表绑定的数据源,如下图所示: 图3.10-1 查询页签

样式/属性

详见3.8.1元件中各个组件样式属性介绍。

功能示例

下拉筛选

示列展示:快速创建筛选条件。 图4.1-1 示例展示

实现步骤

第一步,新建报表,引用数据源,拖入普通列表,拖取相应字段,如下图所示; 图4.1-2 拖入字段

选中报表列,单击,可弹出”创建报表筛选控件”对话框,绑定新查询,如下图所示: 图4.1-3 拖入字段

最后一步,单击确定,出现下拉框组件,切换下拉选项,可控制报表数据,如下图所示: 图4.1-4 切换下拉选项

保存后点击预览,预览效果,如下图所示: 图4.1-5 创建筛选条件预览

模糊查询

示例展示:在文本框中输入‘货主城市’和‘货主名称’,单击‘查询’按钮后,报表显示包含输入的内容的订单信息。 图4.2-1 查询示例

创建过程:

1:引用数据源,在工作台中添加2个标签(label1、label3)、2个文本框(textbox2、textbox4)、1个报表(listTable5),一个按钮(button6),如下图所示:

图4.2-2 添加组件

2.修改标签和按钮的文本,并给报表添加订单字段。如下图所示:

图4.2-3 修改组件属性标识

3.选择报表右键点击编辑查询,如下图所示:

图4.2-4 右键编辑查询

4.点击筛选按钮,编辑筛选弹窗添加筛选条件【货主城市 LIKE '{textbox2}' AND 货主名称 LIKE ' {textbox4}'】(textbox2和textbox4分别为货主城市和货主名称对应文本框组件的ID),如下图所示:

图4.2-5 点击筛选

4.1 双击货主城市,右侧筛选框添加,如下图所示:

图4.2.1-1 报表添加筛选

4.2点击LIKE,筛选框添加显示,如下图所示:

图4.2.2-1报表添加筛选

4.3 报表页面双击textbox2,筛选框添加显示,如下图所示:

图4.2.3-1 报表添加筛选

4.4 点击 ADN,筛选框添加显示,如下图所示:

图4.2.4-1 报表添加筛选

4.5 双击货主名称,右侧筛选框添加,,如下图所示:

图4.2.5-1 报表添加筛选

4.6 报表页面双击textbox4,筛选框添加显示,如下图所示:

图4.2.6-1 报表添加筛选

4.7 点击确定,成功创建筛选条件,编辑页面点击确定,返回主页面工作台,如下图所示:

图4.2.7-1 按钮添加事件

5 给按钮添加鼠标单击事件,选中按钮右键点击事件或属性中点击事件,如下图所示:

图4.2-6 按钮添加事件

  1. 事件弹窗中选择刷新页面,选择数据表为报表的ID,如下图所示:

图4.2-7按钮添加事件

7 设置完成后,保存文件并预览,预览效果如下图所示:

图4.2-8 预览效果

8 在货主城市和货主名称上输入查询条件,单击‘查询’按钮,查询包含所填内容的所有订单,如下图所示:

图4.2-9 查询结果

级联查询

示例展示:在bvd添加参数,添加筛选条件, ../mxr中打开该业务视图,绑定数据查询,如下图所示:

图4.3-1 查询示例

创建过程:

1.打开 ../mxr组件,新建报表,打开业务视图-产品销售视图(见业务视图用户手册4.1.7报表查询),如下图所示: 图4.3-1 新建报表

2.在工作台中1个标签、1个下拉框、1个按钮、2个普通列表,如下图所示:

图4.3-2 拖取元件

绑定数据源,并给下拉框修改属性标识为类别_name,如下图所示:

图4.3-3 绑定数据

  1. 类别名称下拉框右键绑定查询,绑定数据报表listTable4,绑定列类别名称,显示列类别名称,如下图所示:

图4.3-4 下拉框绑定查询

图4.3-5 下拉框绑定查询

  1. 查询按钮添加事件【刷新查询】,刷新报表listTable5,如下图所示:

图4.3-6 按钮添加事件

图4.3-7 按钮添加事件

  1. 隐藏报表listTable4,修改组件样式,如下图所示:

图4.3-8 隐藏报表

图4.3-9 修改样式

  1. 保存后预览,预览效果如下图所示:

    图4.3-10 预览效果

预警示例

示例展示:当产品库存量大于50时,显示红色预警图标,如下图所示: 图4.4-1 示例展示

实现步骤:

第一步:引用数据源,在空白报表模板中添加一个普通列表并添加字段如下图所示:

图4.4-2 添加报表

第二步:选中‘库存量’任意单元格,在右侧样式中设置文本对其方式为‘右对齐’,如下图所示:

图4.4-3 设置文本右对齐

第三步:选中‘库存量’某单元格,在顶部功能图标按钮中单击‘条件格式’,如下图所示:

图4.4-4 单击‘条件格式’功能图标

弹出‘条件格式报表列’对话框,设置预警条件为‘库存量大于50’,显示方式为‘图标+数据’,选择一个红色圆形预警图标,如下图所示:

图4.4-5 设置预警条件图4.4-6 设置预警条件

设置完成后,单击确定,报表添加预警完成。预览效果如下图所示:

图4.4-7预警效果图4.4-8预览效果

钻取示例

示例展示:单击‘类别名称’,弹出该订单详细信息,如下图所示: 图4.5-1 示例展示

实现过程:

第一步:先创建弹出页面。引用数据源,在空报表模板中添加一个报表,并添加订单明细字段,如下图所示:

图4.5-2 添加报表

第二步:选中类别名称吧列,单击‘组合’,对类别名称列进行分组合并,如下图所示:

图4.5-3 字段组合

第三步:添加参数‘lb_name’,如下图所示:

图4.5-4 添加参数

第四步:报表添加明细筛选,设置筛选条件为:"类别名称" = '{lb_name}'。如下图所示:

图4.5-5 添加筛选条件

第五步:设置完成后,保存报表。

图4.5-6 保存文件

第六步:创建订单首页,新建一个报表,添加订单相关字段,如下图所示:

图4.5-7 添加报表

第七步:选中‘类别名称’列,单击‘钻取’,如下图所示:

图4.5-8 单击‘钻取’

弹出‘报表钻取’对话框,动作选择‘弹出窗口’,单击链接右侧的 ,如下图所示:

图4.5-9 选择链接文件 图4.5-10 选择链接文件

打开‘选择打开链接对象’对话框,在左侧资源文件中选择第一步创建的钻取引用示例,在右侧勾选参数‘lb_name’,并设置‘lb_name={0}’,即将主报表第一列的值赋值给弹出页面的参数‘lb_name’,如下图所示:

图4.5-11 选择链接文件图4.5-12 添加参数图4.5-13 添加参数图4.5-14 添加参数

第八步:设置完钻取属性后单击‘确定’保存设置,再在样式中设置该列的文字样式属性,如下图所示:

图4.5-15 设置文字属性

第九步:设置完成后,保存报表并预览,单击‘订单ID’列中的任意订单号,可查看该订单的详细信息,如下图所示:

图4.5-16 预览效果

图表示例

示例展示:实现下拉框筛选查看不同类别名称的产品情况,如下图所示: 图4.6-1 示例展示

第一步:新建一个空报表,在工作区中添加1个下拉框(ID为‘combobox1’),1个柱状图(ID为‘chart2’)和2个普通列表(ID分别为‘listTable3’和‘listTable4’),如下图所示:

图4.6-2 添加组件

第二步,报表listTable3绑定数据:报表listTable3添加“类别名称”字段,如下图所示:

图4.6-3 类别名称报表添加字段

第三步,报表listTable3去除重复行,选择类别名称报表右键编辑查询,勾选去除重复行,如下图所示:

图4.6-4 类别名称报表字段去重

第四步,报表listTable4绑定数据:报表listTable4添加字段,并给类别名称设置组合,如下图所示:

图4.6-5 产品名称报表添加字段

第五步,再给报表listTable4添加一个查询列库存额,选中报表listTable4右键编辑查询,添加查询列。如下图所示:

图4.6-6 添加查询列图4.6-7 添加查询列

第六步,下拉框绑定数据:在下拉框组件上右键选择‘绑定查询’,打开‘绑定查询’对话框中选择报表listTable3,绑定字段“类别名称”,显示字段“类别名称”,如下图所示:

图4.6-8 下拉框绑定数据源图4.6-9 下拉框绑定数据源

第七步,下拉框设置事件:下拉框上右键选择‘事件’,弹出‘定义事件’对话框中添加‘数据表->刷新查询’,选择数据表设置为listTable4,如下图所示:

图4.6-10 下拉框添加事件

图4.6-11 下拉框添加事件

第八步,报表listTable4添加筛选条件,右键编辑查询,点击筛选,添加筛选条件:"类别名称"='{combobox1}',如下图所示:

图4.6-12 报表添加筛选条件

第九步:添加标签,并修改文本为:类别名称,如下图所示:

图4.6-13添加标签

第十步:在元素中设置listTable3不可见,如下图所示:

图4.6-14 隐藏报表

第十一步,设置图表数据源:在图表上右键选择‘绑定查询’,设置数据源如下图所示:

图4.6-15 图表绑定数据源

设置完成后,再对图表基本属性进行设置(具体设置方法参照《[US04]Web图表(MWC)用户手册》),然后单击功能列表中的保存报表按钮,选择保存路径后修改文件名称将报表保存,如下图所示:

图4.6-16 保存文件

报表保存完成后,单击‘预览’,预览效果,如下图所示:

图4.6-17 预览效果

交叉表示例

示例展示:交叉表展示销售客户信息,如下图所示: 图4.7-1 示例展示

创建过程:

1.打开业务视图-产品销售视图,拖取标签、横线、交叉表、分页工具条,如下图所示:

图4.7-2拖取元件

2.修改标签文本及样式,设置横线长度,如下图所示:

图4.7-3 修改标签文本

3.交叉表列绑定产品名称、类别名称,如下图所示:

图4.7-4 交叉表绑定行

4.交叉表行绑定公司名称,如下图所示:

图4.7-5 交叉表绑定列

5.拖数量、销售总额绑定交叉表明细行列,如下图所示:

图4.7-6 交叉表绑定明细数据

  1. 交叉表修改属性每页行数为20,如下图所示:

图4.7-7 修改样式

  1. 分页工具条绑定交叉表,如下图所示:

图4.7-8 分页工具条绑定交叉表

8.保存后预览,如下图所示:

图4.7-9 预览效果

函数列表

数值函数

函数名称 函数公式 说明
ABS ABS (numeric_exp) 返回给定数字表达式的绝对值。
SQRT SQRT (numeric_exp) 返回给定的数值数据类型表达式的平方根(给定的数值数据类型表达式不能为负数)
CEILING CEILING (numeric_exp) 返回大于或等于给定的数值表达式的最小整数。
FLOOR FLOOR (numeric_exp) 返回小于或等于给定的数值数据类型表达式的最大整数值
MOD MOD(integer_exp1, integer_exp2) 按integer_exp1/integer_exp2取余数。注意:integer_exp2不能为零(有些数据库可能承认零)
SIN SIN (numeric_exp) 返回角度数值表达式numeric_exp的正弦值
COS COS (numeric_exp) 返回角度数值表达式numeric_exp的余弦值
TAN TAN (numeric_exp) 返回角度数值表达式numeric_exp的正切值
COT COT (numeric_exp) 返回角度数值表达式numeric_exp的余切值。
ASIN ASIN (numeric_exp) 返回数值表达式numeric_exp对应的反正弦值。反正弦值是指正弦值为numeric_exp的角度
ACOS ACOS (numeric_exp) 返回数值表达式numeric_exp对应的反余弦值。反余弦值是指正弦值为numeric_exp的角度
ATAN ATAN (numeric_exp) 返回数值表达式numeric_exp对应的反正切值。反正切值是指正弦值为numeric_exp的角度
POWER POWER(numeric_exp1, numeric_exp2) 返回数值数据表达式numeric_exp1的numeric_exp2次幂。如果numeric_exp1负数,则numeric_exp2必须是整数数据表达式。
ROUND ROUND(numeric_exp,num_digits) 返回number按精度num_digits截取后的值,进行四舍五入。 Number 需要截尾取整的数字。 nNum_digits 指明需保留小数点后面的位数。可选项,忽略他则截去任何的小数部分,Num_digits 的默认值为 0,此参数够为负数,表示为小数点左边指定位数后面的部分截去,即均以0记。 例如:ROUND(123.458, 1), --123.5 、ROUND(123.458, -2), --100
TRUNC TRUNC( numeric_exp [ , num_digits] ) 返回number按精度num_digits截取后的值,不进行四舍五入 Number 需要截尾取整的数字。 Num_digits 指明需保留小数点后面的位数。可选项,忽略他则截去任何的小数部分,Num_digits 的默认值为 0,此参数够为负数,表示为小数点左边指定位数后面的部分截去,即均以0记。 例如:TRUNC(123.458, 1), --123.4 、TRUNC(123.458, -2), --100

文本函数

函数名称 函数公式 说明
GUID 唯一标识() 全球唯一标识
DECODE DECODE ( value,if1,then1,if2,then2,...,else ) 表示如果value等于if1时,DECODE函数的结果返then1,...,如果不等于任何一个if值,则返回else。与if-then-else逻辑相同
ISNULL ISNULL(exp,0) 如果exp为NULL,则NVL函数返回replace_with的值,否则返回原来的值,exp和replace_with必须为同一数据类型,除非显式的使用TO_CHAR函数。数据类型支持:字符类型,日期类型,数值类型
SUBSTRING SUBSTRING ( str_exp,start,length ) 返回给定的字符串表达式中的从start(整数数据类型表达式)字符开始length长度个字符的字符串。str_exp中第一个字符的位置是1。length如果为空,默认截取到字符串结尾。
REPLACE REPLACE ( str_exp1,str_exp2,str_exp3 ) 用str_exp3把在str_exp1中的str_exp2代替
CONCAT CONCAT ( str_exp1,str_exp2 ) 返回字符串表达式str_exp2连接到str_exp1后的结果
CHAR_LENGTH CHAR_LENGTH ( str_exp ) 返回字符串表达式的字符长度(整数)
OCTET_LENGTH OCTET_LENGTH ( str_exp ) 返回字符串表达式的字节数(整数)。ORACLE字符集:ZHS16GBK,一个汉字占用2个字节ORACLE字符集:AL32UTF8,一个汉字占用3个字节
POSITION POSITION ( str_exp1,str_exp2,[,start[,num]] ) 返回str_exp2在str_exp1中出现的位置(整数)。str_exp1:原始字符串str_exp2:要寻找的字符串start:查询起始位置,正值表示从左到右,负值表示从右到左(大小表示位置,比如3表示左面第3处开始,-3表示右面第3处开始)num:第几个匹配项。大于0
LEFT LEFT ( str_exp,integer_exp ,length ) 返回str_exp(字符串类型表达式)中从最左边起前integer_exp(整数类型表达式)个字符。length如果为空,默认截取到字符串结尾。
RIGH RIGHT ( str_exp,integer_exp ,length ) 返回字符串表达式str_exp中最右边起integer_exp(整数数据类型)个字符。length如果为空,默认截取到字符串结尾
TRIM TRIM ( str_exp ) 返回删除给定字符串的前后空格后的字符
RTRIM RTRIM ( str_exp1 , str_exp2 ) 删除给定字符串右边的空格或指定字符
LTRIM LTRIM ( str_exp ) 删除给定字符串左边的空格或指定字符
LOWER LOWER ( str_exp ) 把字符串表达式str_exp中的所有大写字符都转换为小写。例如lower("STR_EXP")=str_exp
UPPER UPPER ( str_exp ) 把给定的字符串表达式中所有小写字符转换成大写。例如upper("str_exp")=STR_EXP
REVERSE REVERSE ( str_exp ) 返回给定的字符串表达式的反序。例如reverse("ABC")="CBA"。str_exp不能是中文
STRING_TO_NUMBER STRING_TO_NUMBER ( str_exp ) 对给定的字符串表达式转化为数值数据类型表达式,并返回。该字符串表达式的首部或者尾部可以是空格、符号、数字(0-9)或小数点给定的字符串表达式中所有组成部分都可选择,但至少有一个的数组被指定。浮点数值也可以表示包含“Esd”格式的指数,其中s是可选标识符,d是一个指数
NUMBER_TO_STRING NUMBER_TO_STRING ( numeric_exp ) 对给定的数值表达式转化为字符串类型表达式,并返回
LPAD LPAD ( str,numeric_exp,[pad_str] ) str:原始字符串numeric_exp:字符的长度,如果这个数值比原字符串的长度要短,lpad函数将会把字符串截取成从左到右的numeric_exp个字符;pad_string:是个可选参数,这个字符串是要粘贴到string的左边,如果这个参数未写,lpad函数将会在string的左边粘贴空格。例如lpad("123",6,"000")=000123
RPAD RPAD ( str,numeric_exp,[pad_str] ) str:原始字符串numeric_exp:字符的长度,如果这个数值比原字符串的长度要短,RPAD函数将会把字符串截取成从右到左边的numeric_exp个字符;pad_string:是个可选参数,这个字符串是要粘贴到string的右边,如果这个参数未写,RPAD函数将会在string的右边粘贴空格。例如RPAD("123",6,"000")=123000
GREATEST GREATEST ( value1,value2[,...value3] ) 返回值列表中最大值,当value值列表中有一个为NULL,则返回NULL值。例如greatest("A","B","C")=C,greatest(null,"B","C")=null
LEAST LEAST ( value1,value2[,...value3] ) 返回值列表中最小值,当value值列表中有一个为NULL,则返回NULL值。例如least("A","B","C")=A,least(null,"B","C")=null
IF THEN ELSE IF( condition_exp1 ) THEN (val1) [ELSEIF ( condition_exp2 ) THEN ( val2 ) ] ELSE ( val3 ) 表示如果condition_exp1逻辑判断为真,返val1,如果condition_exp2逻辑判断为真,返val2...,如果不等于任何一个if值,则返回val3

时间函数

函数名称 函数公式 说明
NOW NOW() 返回数据库运行所在计算机的系统时间
TODAY TODAY () 返回数据库运行所在计算机的系统日期
YMDAY YMDAY ( date_exp ) 返回年月日。比如:20170716
YM YM ( date_exp ) 返回年月日。比如:201707
YEAR YEAR ( date_exp ) 返回给定日期的年份
QUATER QUATER ( date_exp ) 返回给定日期的季度(范围是1-4整数数据类型)
MONTH MONTH ( date_exp ) 返回给定日期的月份(范围是1-12整数数据类型)
DAY DAY ( date_exp\ interval_exp ) 返回给定日期的天。(范围是1-31有符号整型)
HOUR HOUR ( time_exp ) 返回给定时间的小时(范围是0-23整型数据类型)
MINUTE MINUTE ( time_exp ) 对时间表达式time_exp返回给定时间的分钟(范围是0-59整数数据类型)
SECOND SECOND ( time_exp ) 返回给定时间的秒(范围是0-59整数数据类型)
YEAR_BEGIN YEAR_BEGIN ( date_exp ) 返回给定的日期所在年份的第一天。比如:20170101
QUATER_BEGIN QUATER_BEGIN ( date_exp ) 返回给定的日期所在季度的第一天。比如:20170401
MONTH_BEGIN MONTH_BEGIN ( date_exp ) 返回给定的日期所在月份的第一天。比如:20170701
WEEK_BEGIN WEEK_BEGIN ( date_exp ) 返回给定的日期所在周的第一天,周日为本周第1天。比如:20170716
YEAR_END YEAR_END ( date_exp ) 返回给定的日期所在年份的最后一天。比如:20171231
QUATER_END QUATER_END ( date_exp ) 返回给定的日期所在季度的最后一天。比如:20170630
MONTH_END MONTH_END ( date_exp ) 返回给定的日期所在月份的最后一天。比如:20170731
WEEK_END WEEK_END ( date_exp ) 返回给定的日期所在周的最后一天,周日为本周最后1天。比如:20170722
ADD_DAYS ADD_DAYS ( date_exp,integer_exp ) 对给定的日期加减指定天数。返回日期类型表达式
ADD_MONTHS ADD_MONTHS ( date_exp,integer_exp ) 对给定的日期加减指定月数。返回日期类型表达式
ADD_YEARS ADD_YEARS ( date_exp,integer_exp ) 对给定的日期加减指定年数。返回日期类型表达式
DAYOFYEAR DAYOFYEAR ( date_exp ) 返回给定的日期date_exp(范围是1-366整型数据类型)所在年的第几天
DAYOFMONTH DAYOFMONTH ( date_exp ) 返回给定的日期date_exp(范围是1-12整型数据类型)所在月的第几天。1表示一月
DAYOFWEEK DAYOFWEEK ( date_exp ) 返回给定的日期date_exp(范围是1-7整型数据类型)所在周的第几天。1表示星期一
MONTHS_BETWEEN MONTHS_BETWEEN ( date_exp1,date_exp2 ) 返回两个日期之间的月份数。如果两个日期月份内天数相同,或者都是某个月的最后一天,返回一个整数,否则,返回数值带小数,以每天1/31月来计算月中剩余天数。如果日期1比日期2小,返回值为负数。注:两个参数表示的日期不是同一天,所以返回带小数的值
STRING_TO_DATE STRING_TO_DATE ( string_exp ) 对给定的字符类型表达式转换为“年月日”格式的日期型表达式
DATE_TO_STRING DATE_TO_STRING ( date_exp ) 对给定的日期转换为“年月日”格式的字符型表达式

统计函数

函数名称 函数公式 说明
SUM SUM ( numeric_exp ) 返回所选数据的合计结果
MIN MIN ( numeric_exp ) 返回所选数据的最小值
MAX MAX ( numeric_exp ) 返回所选数据的最大值
AVG AVG ( numeric_exp ) 返回所选数据的平均值
COUNT COUNT ( numeric_exp ) 返回所选数据的个数
COUNT_DISTINCT COUNT_DISTINCT ( numeric_exp ) 表示如果condition_exp逻辑判断为真,次数加1
LAG LAG ( exp,offset,defval ) 取出同一字段的与前面N行的数据。exp表达式。offset偏移的行。defval默认值
LEAD LEAD ( exp,offset,defval ) 取出同一字段的与后N行的数据。exp表达式。offset偏移的行。defval默认值
RANK RANK () 返回数据项在分区中的排名。特点:在排名相等的情况下会在名次中留下空位.排名结果举例:1,1,3
NTILE NTILE ( numeric_exp ) NTILE函数,返回n分片后的值,比如三分片、四分片。对有序的数据集合平均分配到numeric_expr指定的数量的桶中,将桶号分配给每一行。如果不能平均分配,则较小桶号的桶分配额外的行,并且各个桶中能放的行数最多相差1numeric_exp分组个数
RATIO RATIO ( numeric_exp ) 占比(累加值比率),返回当前行的数值在分区中所有行的数值总和中所占的比例

运算函数

函数名称 函数公式 说明
IF 如果() If创建一个条件表达式。使用 THEN 和 ELSE
THEN 然后() Then创建一个条件表达式。使用 IF 和 ELSE
ELSE 否则() Else创建一个条件表达式。使用 IF 和 THEN
ELSEIF 否则如果() If创建一个条件表达式。使用 THEN 和 ELSE 和 ELSEIF
IN 包含() IN判定某个数值是否在给定的一列数据中或一个数据集中
BETWEEN 属于 BETWEEN判定某个数值是否在给定的区间
LIKE 匹配 LIKE确定给定的字符串是否与指定的模式匹配
NULL NULL如果表达式的条件不成立,插入一个 NULL 值
ISNULL 为空 空缺判定某数值是否在数据中定义
IS NOT NULL 不为空 不空缺判定某数值是否没在数据中定义
DISTINCT 去重 DISTINCT用于指明在计算中只包含不重复的数据项
\ \ 连接 \ \ 将两个或多个字段,使用“\ \ ”进行连接,例如:a\ \ b\ \ c\ \ d
+ + +算术运算符,加号或正号。
- - -算术运算符,减号或负号
* * *算术运算符,乘号
/ / /算术运算符,除号
= = =与一个预先给定的数值相比较;并且只提取等于此给定值的数据
( ( (在表达式中插入左括号
, , 逗号表达式的分隔符
) ) )在表达式中插入右括号
\<> \<> \<>与一个预先给定的数值相比较;并且只提取不等于此给定值的数据
\< \< \< 与一个预先给定的数值相比较;并且只提取小于此给定值的数据
\<= \<= \<=与一个预先给定的数值相比较;并且只提取小于或等于此给定值的数据
> > >与一个预先给定的数值相比较;并且只提取大于此给定值的数据
>= >= >=与一个预先给定的数值相比较;并且只提取大于或等于此给定值的数据
NOT 非(NOT)如果条件不成立返回是(TRUE),返之返回否(FALSE)
OR 或者 或(OR)任何一侧的表达式成立,则返回是(TRUE)
AND 并且 与(AND)如果两侧的表达式都成立,则返回是(TRUE)
ANY 任何 ANY把列数值同数据集中的任一个元素相比较
ALL 全部 ALL把某列数值同数据集中的全部元素进行比较
EXISTS 存在 EXISTS检查是否数据集包含数据

分析函数

函数名称 函数公式 说明
TONG_PERCENT TONG_PERCENT ( val , date , date_from , date_to , default ) 计算公式: 本期 / 同期 。 val: 计算使用的的数据列。 data: 查询的日期列,格式以年开头。如:2018年、2018年1月、201801、2018-01等。 date_from: 查询的起始时间,可以为参数。 Date to: 查询的结束时间,可以为参数。 default: 默认值,当分母为零时的值。
TONG_ GROWTH TONG_GROWTH ( val , date, date_from , date_to , default ) 计算公式:(本期 - 同期)/ 同期 。 val: 计算使用的的数据列。 data: 查询的日期列,格式以年开头。如:2018年、2018年1月、201801、2018-01等。 date_from: 查询的起始时间,可以为参数。 date_to: 查询的结束时间,可以为参数。 default: 默认值,当分母为零时的值。
HUAN_PERCENT HUAN_PERCENT ( val, date, date_from, date_to, cycle, default, separate ) 计算公式: 本期 / 上期 。 val: 计算使用的的数据列。 data: 查询的日期列。如:201801、2018-01、2018年01月、2018年1季度 date_from: 查询的起始时间,可以为参数。 date_to: 查询的结束时间,可以为参数。 cycle: 环比周期, 12为月份环比,4为季度环比。 default: 默认值,当分母为零时的值。 separate: 年份月份间的分隔字符串,用于提取年份月份。如201801、2018年1月、2018-01 对应的是:' '、'年'、'-'。
HUAN_GROWTH HUAN_GROWTH ( val, date, date_from, date_to, cycle, default, separate ) 计算公式:(本期 - 上期)/ 上期 。 val: 计算使用的的数据列。 data: 查询的日期列。如:201801、2018-01、2018年01月、2018年1季度 date_from: 查询的起始时间,可以为参数。 date_to: 查询的结束时间,可以为参数。 cycle: 环比周期, 12为月份环比,4为季度环比。 separate: 年份月份间的分隔字符串,用于提取年份月份。如201801、2018年1月、2018-01 对应的是: ' '、'年'、'-'。
COMPARE_PERCENT COMPARE_PERCENT ( val, offset, def_val) 同比百分比计算。 使用经过offset偏移的前后数据计算百分比值。 公式: val2 / val1 。 def_val: 默认值,当分母为零时的值。
COMPARE_GROWTH COMPARE_GROWTH ( value , offset, def_val) 同比增长率计算。 使用经过offset偏移的前后数据计算增长率。 公式: ( val1 - val2 ) / val1 。 def_val: 默认值,当分母为零时的值。

results matching ""

    No results matching ""