查询马克西莫开源比尔特 有时候,一个组织需要提供一定的用户提供简单的查询工具,在他们的关键应用,而不是完全访问使用的应用程序。在这种情况下,可适当使用BIRT创建您的查询工具和格式类似于原始应用程序的输出。这是部分twoof两部分组成的系列。 完整版本本报告,包括截屏,全彩PDF是可以免费下载的 简介 ============ 在本指南中,我们学会了如何格式化一个BIRT报表,让报表的主体类似于对Maximo用户界面的第一部分。但是有一些我们需要做彻底玩完看看一些事情。 首先我们需要改变工具栏和BIRT报表的导航栏的背景颜色,使颜色方案更适合与报告的其余部分。接下来,我们需要为用户提供一个搜索工具,使他们能够过滤报告,以特定的记录。最后,我们需要的标题图片应用到报告的顶部。 在下面的截图,怎么标题图片和搜索框的网站上面的实际报告 通知。在操作中,用户能够进入一个订单号码(或选择一个从下拉列表),该报告将刷新,并显示在屏幕的下部新的数据。 这是通过嵌入在报表设计在Java服务器页面,给我们极大的控制能力和灵活性在我们的报表设计来实现。 完整的设计文件和所有在创造本报告中使用的图像文件都可以免费给我的书IRT的初学者?还是我的IRT为马克西莫自学练习册的读者的读者?只需访问我的网站的读者范围: 你需要什么 ================== 为了创建ook和感受?本报告,您将需要一些图形文件。你可以用任何图像编辑软件创建这些自己或如果你是我的书的读者,那么你可以从我的网站下载文件。 该文件如下所示: MXReportHeader.jpg 这是我创建坐在所有报告的顶部,类似于马克西莫头图像的图像。当然你也可以创建自己的图像类似于您的公司报告的风格,或只是用我的。 MXArrow.jpg 这是坐落在报告的每个细节行左侧的箭头。在这个例子中,我们展示采购订单行。在Maximo应用程序这一形象将是积极的,并在其上点击时会透露有关parchase订单行的更多细节。在这种情况下,静态图像,但可以很容易地做成这将运行一个次级报告中显示的线的信息的超链接。 MXFindBG.jpg 此图片为背景的搜索工具栏,这恰好位于主报表页眉的下方。这是一个薄的图像的银色和报表设计使用标准的HTML功能重复,填补了搜索栏的整个宽度。 MXLookupBtn.gif 此图片是实际运行的报告,一旦用户选择他们想要查看订单号的超级链接。 您还需要开源BIRT报表设计器的副本,因为这份报告使用了Java服务器页面(JSP),您将需要的东西,用以创建和编辑其中的一个。幸运的是BIRT报表设计器是基于Eclipse的,所以形成了对JSP编辑的最佳选择了。 有关如何下载和intall的BIRT报表设计器的详细信息,请参阅我的报告:完全入门指南BIRT这是可以免费从的会员区。 工具栏 ============ 标准BIRT的浏览器有哪些出现在每个报表的顶部三个方面。标题区域,其中包含了观众进程的标题,默认情况下,IRT的报表查看器?该工具栏部分,其中包含几个按钮和导航栏,允许用户对报表的页面之间移动。 你可以看到,我们已经完全删除了标题栏,改变工具栏和导航栏的背景颜色,并添加了搜索框和主标题的横幅。 要修改,我们需要编辑BIRT使用格式化这些样式表中的工具栏的背景色。当然,也有两个样式表在使用中,一当你在设计环境中预览报告,和一个当你把你的报告投产Tomcat服务器环境。我们正在寻找的样式表是在一个叫tyle.cssnd它分别位于为设计师和Tomcat的以下位置的文件。显然,这条道路可能略有不同,您的电脑上根据BIRT的版本,并且在安装时选择的偏好。 设计师预览查看器 C:\\ BIRT \\插件\\ org.eclipse.birt.report.viewer_2.6.1.v20100913 \\ BIRT \\ Web内容\\ BIRT \\风格 Tomcat的生产查看器 C:\\ Program Files文件\\ Apache软件基金会\\的Tomcat 6.0 \\ webapps下\\ BIRT-查看器\\ Web内容\\ BIRT \\风格 在BIRT报表设计器中,选择文件/打开文件并打开您希望工作的CSS文件。随着文件打开,向下滚动,直到您找到以下部分: / ************************************************ ****************************** *工具栏 ************************************************* ***************************** / 。birtviewer_toolbar { 高度:26px; 背景颜色:#999999; 字体家庭:宋体; 字体大小:8PT; 边境顶端宽度:1px的; 边境顶端风格:固体; 边境顶端颜色:#808080; 底部边框宽度:1px的; 底部边框风格:固体; 底部边框颜色:#808080; } 。birtviewer_navbar { 高度:26px; 背景色:#CCCCCC; 字体家庭:宋体; 字体大小:8PT; 左边框颜色:#808080; 左边框风格:固体; 左边框宽度:1px的; } Java服务器页 ==================== Java服务器页面(JSP)作为一个容器,我们的报告,使我们能够添加参数请求和页面标题,加上它允许我们鼓捣造型创造我们所追求的效果。 通过创建一个新的文件开始,我打电话给我OList.jsp?并在Eclipse中打开它。然后输入以下结构: 这为我们提供了两个主要部分,在其中输入我们的代码,风格部分,其中将包含有关如何在主体部分的元素显示和信息的主体部分将包含的功能组件。 伴奏组 ================= 这里是整个样式部分: 。class1的 { 高度:45px; 宽度:1117px; 背景:网址('FadeBG.jpg')中心不重复; 颜色:#000000; 的位置是:绝对的; 顶:0PX; 左:0PX; } 。等级2 { 高度:45px; 宽度:1116px; 背景图像:网址('MXFindBG.jpg'); 背景重复:重复 - X; 位置:亲属; 顶:29px; 左:-9px的; 字体家庭:“宋体”; 字体大小:12px; } 。4级 { 的位置是:绝对的; 顶:加入5px; 左:20像素; } 。class5 { 的位置是:绝对的; 顶:76px; 左:1px的; 宽度:1116px; } 当我们添加元素的主体部分,我们将引用的样式之一,从为我们添加的每个元素的样式部分,这将导致添加的元素采用的样式部分中定义的样式。让我们来看看在风格元素,看看他们做了什么: 高度:45px; 设置所定义的项的高度 宽度:1117px; 设置所定义的项目的宽度 背景:网址('FadeBG.jpg')中心不重复; 设置所定义的项目的背景图像时,也将其设置为在页面上居中并且不重复。 颜色:#000000; 设置所定义的项目的前景颜色 的位置是:绝对的; 设置要尊重相对下面定义浏览器窗口左上角的位置的项目。您也可以指定elative?将相对位置的设置为包含对象。 顶:0PX; 设置被定义项的顶部位置 左:0PX; 设置所定义的项目的左边位置 背景重复:重复 - X; 设置图像重复在x轴上只有 字体家庭:“宋体”; 设置字体 字体大小:12px; 设置字体大小 主体部分 ================= 查找: 注意到这个的第一件事是,身体被分解成部门,一个部门(由和标签指示通常是在最终输出的区域。 在我们输出我们有三个主要区域,该标题横幅,参数请求者和报告的主体。我们还提供参数给BIRT报表,这些都是包含在另一个部门。 还要注意,每个部门都有内置到它的类的名字,这是我们如何使该部门的基础上,部分款式可以个性化的内容。 所以,在这里我们有 和class1的样式设置为上拉的FadeBG.jpg图像 背景:网址('FadeBG.jpg')中心不重复; 这导致在我们的jsp的顶部将被显示的图像。 BIRT的参数页 ======================= ID =“报告1”创建和ID的报告 名称=“第1页”创建用于报表的名称 目标=“ReportFrame”设置那里的报告将显示页面的区域 reportDesign =“MaximoReports / POList.rptdesign“设置报表设计使用 isCustom =“真”告诉使用自定义的参数页(本页)的报告 showTitle =“false”的设置报表标题不显示 ShowToolbar巨集=“真”设置工具栏显示 showNavigationBar =“真正的”设置导航栏显示 FRAMEBORDER =“false”的设置为不显示报表的边界 forceOverwriteDocument =“真正的”设置报告覆盖的临时副本的服务器上运行的每个 模式=“框架”设定出现在一个框架的报告。 使用这些参数,我们基本上是告诉BIRT,该页面将会替换默认参数页面,我们设置几个显示控件。 报表参数 ==================== 而是巧妙,大家可以参考该参数的BIRT报表内,我们将要调用。 这将导致JSP从报表设计拿起参数定义并在屏幕上显示出来。所以,如果,在我们的例子中,你已经创建了一个参数,它提供了一个下拉选择,从数据库中的记录,这将被自动传递到jsp和显示为一个下拉选择列表。 你需要做的,以确保这项工作的关键是使用相同的ID和Name在你的BIRT报表的报表参数定义。 突出内BIRT报表参数,并期待在性能?的名称和ID就会显现出来! 查找按钮 ================= 输入参数值后,用户将按下ookup?按钮运行报告并显示内容。下面的代码创建按钮,并将其链接到相应的图像。 的报告框架 ================ 你会记得,在报表参数,我们定义的目标,报告如下部分: 目标=“ReportFrame” 下面这段代码创建了我们的页面的iframe这是哪里的报告内容将被显示。
查询马克西莫开源比尔特
最新推荐文章于 2020-05-06 20:19:07 发布