交通行业报表系统 04 第1章 添加功能及首页配置

  • 格式:doc
  • 大小:2.71 MB
  • 文档页数:29

目录第 1 章首页配置 (3)1.1新建首页实例 (3)1.1.1第一步:建分组 (3)1.1.2第二步:建页面 (4)1.1.3第三步:设计布局 (4)1.1.4第四步:添加组件 (5)1.1.5第五步:设置内容 (6)1.2功能配置 (7)1.2.1入口和主页面配置 (8)1.2.2可使用的系统功能 (10)1.2.3可配置的系统功能 (14)1.3首页配置 (18)1.3.1建页面过程 (18)1.3.2组件介绍 (21)1.4常见场景 (27)1.4.1系统默认是在右侧展示功能分组列表,如何实现图 1.4-1所示效果? (27)1.4.2默认支持多个页签 (29)第 1 章 首页配置3第 1 章 首页配置这一章主要介绍如何添加常用的功能及如何配置首页。

1.1 新建首页实例先以一个简单的例子介绍的首页的配置过程,图 1.1-1所展示的是首页的一部分,包含5个内容:2013年主要财务指标、分析报告、业务规范及关键指标的占比分析,但这5个内容其实是由两种组件完成的。

接下来介绍如何制作这样的首页。

图 1.1-1 首页实例1.1.1 第一步:建分组admin 用户登录<http://ip:端口号/jqreport_manage>界面,按图 1.1-2所示操作,将分组建出来。

若不清楚每个功能,可先参考1.2。

1.1 新建首页实例4 图 1.1-2 建首页分组1.1.2第二步:建页面1.1-3所示:图 1.1-3 建首页1.1.3第三步:设计布局1.1-4所示。

第 1 章 首页配置5图 1.1-4 布局设计1.1.4 第四步:添加组件将布局界面保存后,就可以在每个容器内添加组件了,按图 1.1-5所示操作,就可以将“内容条目(标题,描述,条目)”这个组件加进来,同理添加图表组件(在数字仪表盘下)。

图 1.1-5 添加组件1.1 新建首页实例61.1.5 第五步:设置内容组件拖过来后,在该区域点击鼠标右键,弹出右键菜单,选择“内容设置”,弹出的设置界面如图 1.1-6所示:图 1.1-6 设置内容“内容设置”确定后,再次鼠标右键,选择“显示设置”,弹出的设置界面如图 1.1-7所示:图 1.1-7 显示设置第 1 章 首页配置7选中图表组件,点击内容设置如下图 1.1-8所示,将要在首页展示的图片选择到已选内容。

图 1.1-8 图表内容设置1.1-1所示的效果了。

这个实例只是想告诉大家建首页的流程,其实可以拖拽简单点的组件比如“系统”页签下的“访问量统计”等,添加后不需任何设置直接预览就可以看到效果。

1.2功能配置这节主要介绍添加常用的功能。

服务部署完后,程序本身会进行一些初始化操作,admin 用户登录<http://ip:端口号/jqreport_manage>界面,默认页签只有【入口和主页面配置】、右侧有【可使用的系统功能】和【可配置的系统功能】如图 1.2-1所示:下面分别对这三个功能进行介绍。

图 1.2-1 manage 首页1.2 功能配置81.2.1 入口和主页面配置【入口和主页面配置】主要是针对久其报表主界面、久其报表管理界面的一些个性化设计,如图1.2-2所示:图 1.2-2入口和主界面配置1、 定位到久其报表主界面,在基本信息页签下,可做的设置如下:● 系统标题:久其报表用户界面显示的标题,如演示服务;● 系统图标:弹出的操作窗口左上角显示的图标;● 浏览器图标:设置浏览器的显示图标;● 默认主题:久其报表展示的主题模式,有sr 、sky 主要是指界面风格包括颜色等;● 入口页面:2、 在中文登陆界面,主要是对登录界面进行设置,可做的设置如下:● 背景图片信息:可以设置登录界面显示的背景图片和背景颜色,还可以设置文字水印和图片水印,若设置文字水印,还可以设置文字字体,在登录界面可看到效果如图 1.2-3所示:第 1 章 首页配置9图 1.2-3 水印效果图● 登录按钮信息:设置登录按钮的背景及X 、Y 坐标值;● 用户输入框和密码输入框位置信息:设置两个输入框的X 、Y 坐标值和高度、宽度。

3、 在中文主界面,主要是对登录后的主界面进行设置,可做的设置如下:● Logo 图片:设置主界面上方显示的logo 图片;● Header 背景图片:设置Header 背景图片信息;● Footer 背景图片:设置Footer 的背景图片信息;● TabArea 背景色:设置TabArea 背景色;● TabArea 环绕色:设置TabArea 环绕色;● Footer 说明文字:为Footer 配置说明文字;● 是否显示信息区域:控制是否显示登录的用户名及用户所属单位;● 隐藏版权信息:控制是否显示版权信息(北京久其软件股份有限公司)。

如图 1.2-4 信息和版权所示:1.2 功能配置10 图 1.2-4 信息和版权 同理,久其报表管理界面的设置与久其报表主界面的设置规则是一样的,不再重复说明。

1.2.2 可使用的系统功能【可使用的系统功能】:在manage 界面可配置出来并使用的功能,如图 1.2-5所示:图 1.2-5可使用的系统功能下面对常见功能进行介绍:1、 功能菜单管理:用来自定义添加JQR 的各种功能,如数据录入、指标管理等。

管理”,可以把指标管理、报表管理、业务方案管理等都放在一起。

图 1.2-6是新建功能分组界面。

第1 章首页配置图 1.2-6新建功能分组在分组下添加功能,定位刚建的分组“参数管理”选择框选择要添加的功能。

如图1.2-7所示。

1.2 功能配置图 1.2-7 新增功能久其报表涉及到的功能都在“久其报表”下,如图 1.2-8所示。

可以逐个展开每个分组,选择自己要使用的功能确定后就可以添加到该分组下。

第1 章首页配置图 1.2-8 功能定义2、系统功能配置:若添加了“可配置的系统功能”,则每个可配置的系统功能都在系统功能配置中设置,如图 1.2-9所示关系。

详细会在1.2.3错误!未找到引用源。

中介绍;1.2 功能配置图 1.2-9 可配置的系统功能3、Portlet页面管理:用来配置首页和仪表盘,具体参考1.31.2.3可配置的系统功能【可配置的系统功能】是指在【系统功能配置】下,可以添加的子功能,如图 1.2-9所示。

下面对JQR涉及到的常用子功能进行介绍:【业务功能区通用特性配置】和【首页功能转页签】1、业务功能区通用特性配置:配置系统功能的展示方式和打开行为模式,有两个页签:基本配置和常用功能配置,如图 1.2-10所示:下面详细介绍基本配置,若在首页中添加了常用功能组件,则可以在常用功能配置中做个性化设置。

在以后的章节中会说明。

第1 章首页配置图 1.2-10 业务功能区通用特性配置导航模式:分为功能树、功能菜单和折叠+功能树,差别如图1.2-11所示:1.2 功能配置图 1.2-11 三种导航模式●隐藏功能树图标:在功能树模式下,控制是否显示功能前面的图标(红圈部分);●展开所有功能:若勾选,则有功能分组的默认展开该分组下所有功能;●多功能树展现:分为两种,分页签展示多棵树、合并成一个树,分页签展示就是按照功能分组展示;合并成一个树就没有分组了,效果如图1.2-12所示:在任何导航模式下有可以有这两种设置。

第1 章首页配置图 1.2-12 合并成一个树●外框架风格:分为默认和简洁,主要是控制边框用;●功能导航区宽度:用来控制导航区展示的宽度,见图1.2-13所示:图 1.2-13 导航区宽度1.3 首页配置●节点排序模式:有两种,分组总是在前、按实际设置顺序展示。

默认是功能分组在前,若选择按实际设置顺序展示,则按照功能、功能分组添加的先后顺序展示;●功能打开方式:有两种,单击打开、双击打开,一般都是单击打开;●多页签支持:若勾选,则允许一次打开多个功能,若不勾选,则一次只能打开一个功能,打开后一个前一个就会被关掉;●最大页签数量:若可以多页签,则此处可设置最多打开多少个功能页签。

2、首页功能转页签:该功能的作用可参考1.4.11.3首页配置在【Portlet页面管理】下,配置首页信息。

1.3.1建页面过程1、首先需要先建一个分组,如下图 1.3-1所示:输入分组名称、上级分组、描述信息确定后分组就建好了。

图 1.3-1新建分组第1 章首页配置2、在分组下建页面,在建页面之前,需要先建布局,切换到【布局模板管理】页签,在该页签下,新建个模板:如图 1.3-2新建布局模板所示:图 1.3-2新建布局模板板,则该页面默认会继承该模板的布局。

也可以不设计,直接在页面中设计。

3、 1.3-3所示:1.3 首页配置图 1.3-3新建页4、定位新建的页面,点击布局设计,在布局设计页面下,可以增行、增列、删行、删列、合并区域等基本属性的设置,如下图 1.3-4所图 1.3-4布局设计布局设计保存后,在左侧Portlet定义列表下,将需要在首页显示的内容拖拽到某一区域中,比如将系统维护通知拖拽到右侧区域中,得到的效果如下图 1.3-5添加Portlet的首页图 1.3-5所示:第1 章首页配置图 1.3-5添加Portlet的首页添加完某一组件后,通常情况下,需要对组件进行设置,在右键菜单中可以进行内容设置、显示设置、区域设置和删除操作。

下面分别介绍可以添加的组件,这些组件都在【Portlet定义列表】下。

1.3.2组件介绍组件按照所属类型分别放在了不同的分组下,下面对分组下的每个组件做介绍。

1、单据业务:dna功能,久其报表暂时用不到;2、查询分析:dna功能,久其报表暂时用不到;3、国资委评估:项目特制,其他项目不用考虑;4、上报情况展示:只有一个组件“上报情况展示”用来在首页展示上报情况;内容设置如图1.3-6所示:需要先建模板,并对模板设置。

1.3 首页配置图 1.3-6 上报情况展示内容设置模板建好后,点击后面的关联用户,如图 1.3-7所示,设置哪些用户能看到上报情况。

效果如图1.3-8所示:图 1.3-7 关联用户图 1.3-8 上报情况展示效果图第1 章首页配置5、数字仪表盘组件:主要用来放在仪表盘里,也可以放在首页中展示,具体在仪表盘章节会有详细介绍。

6、首页:常用的可以放在首页的组件,包括下面几个:●Portal页面容器:用来设置在一个区域内可以展示两个页面内容设置如图 1.3-9所示:效果如图 1.3-10所示。

图 1.3-9 Portal页面容器内容设置图 1.3-10 Portal页面容器效果图●内容条目(图片、标题、描述):可以将【内容管理】中的分组放到首页中,比如公司新闻,意见反馈、注意事项等。

图1.3-11是【内容管理】这个功能下的所有内容,那么内容条目的“内容设置”就如图1.3-12所示,最后的效果图如上图1.3-10所示。