JSF图形组件管理图形bean组件

开发 后端
本文介绍JSF图形组件管理图形bean组件,以及用基本步骤来设计一个高级JSF图形组件。

如果您希望将自己的组件集成到JSF-enabled IDE中,您还可以提供补充说明。比如说,除提供其他的设计时信息外,还可以提供一个名为sun-faces-config.xml的XML配置文件,用于描述应在IDE中公开的组件属性。

既然已经看到如何创建一个简单的JSF组件,不妨再来看看怎样创建一个图形 JSF组件。我们将遵循同样的基本步骤来设计一个高级JSF图形组件。让我们以一个图形组件(如ILOG JSF图形组件)为例,通过一组分类,该组件为数据值分布提供了可视化表示。该图形能够以条型统计图、圆形分格统计图和气泡式统计图等各种显示方法来显示数据集合。该JSF图形组件有两个初始设计限制:

我们已经拥有Java图形bean组件,它具备所有图形显示能力。该组件可以显示很多图形,而且可定制性很高。在理想情况下,我们希望利用bean组件,使用它的功能来构成我们的JSF组件的基础。

普通JSF应用程序需要重新载入整个页面以更新视图。这种方法适合基于表单的应用程序,但在很多情况下却不适用于高度图形化的用户界面。因此,我们的JSF图形组件必须能在不更新整个页面的前提下处理某些简单的导航,以提供更好的用户体验。

以下是满足这些需求的解决方案:该JSF图形组件将管理图形bean组件,包括创建图形bean、定制该bean以及使该bean可用于服务器端操作。呈现JSF组件将分为两个阶段完成。JSF呈现程序会产生一个<img>标签和一套JavaScript对象。客户端将请求服务器发回一张图像。这一请求由某个servlet完成,该 servlet获得图形bean,并利用图形提供的方法生成一幅图像。任何只改变该图形外观的进一步用户交互(放大、扫视、更改样式表等)都会引起图形的一次增量更新。如果客户端不只是要求对图形图像进行更新,那么将提交该页面。

JSF图形组件管理图形bean组件,包括创建图形bean、对其进行定制,并使其可用于服务器端动作。JSF呈现程序生成一个<img>标签和一套JavaScript对象。

客户机通过servlet要求服务器获得一张图像。该servlet获得图形bean,并通过由图形提供的方法生成一幅图像。

如果客户端不只是要求对图形外观的进行更新,那么页面将被提交。

JSF图形组件还配有一套附加的JSF组件。overview可显示该图形整体视图,显示一个代表图形视图的长方形,还应允许用户扫描可视区域。legend组件可显示数据集合的相关信息,还能自行在图形中显示,依被显示数据的样式而定。也能提供客户端的interactors如扫描和放大,这些功能可看成是客户端交互,表示与图形的交互不会像一次正常的JSF交互那样重新载入整个页面。

要想呈现图形组件,只需使用chartView标签:

< jvcf:chartView id="c" style="width:500px;height:300px" … / >

该数据在HTML页面中作为图像显示。该图像由servlet创建,旨在响应一次HTTP请求(该请求包括指定结果图像、生成图像映射以及生成内联式图例等各种参数)。结果图像随之被嵌入客户端DOM,页面中只有图像自身这一部分被更新。

应用程序核心部件

让我们看看简单的定制JSF组件和高级图形组件之间的一些区别。JSF图形组件类很像一个标准组件,不过是多了一个可访问图形bean(该图形bean负责生成在HTML页面中显示的图像)的图形属性。JSF组件可以通过某个绑定值或在当前会话中对这个图形bean进行局部检索。当JSF图形组件成为某个应用程序的核心部件时,可选的JSF组件(如概览或图例)便与主图形相关联,来显示附加信息。

【编辑推荐】

  1. 了解JSF整体架构
  2. 详细介绍JSF和MVC
  3. JSF通过URL来传递参数
  4. Facelets使用JSF组件
  5. BackingBean和JSF配置文件
责任编辑:佚名 来源: JavaEye
相关推荐

2009-06-24 13:06:41

JSF组件Facelets

2009-06-22 13:27:01

JSF组件模型

2012-04-19 13:21:02

Javaswing

2009-06-22 13:41:58

FaceletsJSF组件

2009-06-25 13:03:48

JSF的UI组件

2009-06-29 13:22:19

JSF技术JSF组件

2009-06-24 16:30:21

JSF组件模型

2009-06-24 17:05:10

2009-06-24 15:13:36

自定义JSF组件

2009-06-11 11:22:40

JSFJSPJSF的UI组件

2009-06-25 14:53:35

自定义UI组件JSF框架

2010-07-06 16:19:56

UML图形

2009-07-06 17:57:22

JSF表格组件

2023-10-20 08:02:25

图形编辑器前端

2020-10-15 11:05:59

Java开发界面

2009-06-25 01:46:53

RichFacesJSF

2010-06-09 09:15:58

JSF 2Ajax组件

2020-10-13 14:27:11

算法可视化路线

2009-06-26 18:07:12

JSF客户端标识符

2023-10-19 10:12:34

图形编辑器开发缩放图形
点赞
收藏

51CTO技术栈公众号