WebSphere快速入门(8)-JSP教程,J2EE/EJB/服务器

3.3 netobjects fusion

netobject fusion是一个可视化的web站点的建立和管控软件。netobjects fusion是web站点建立过程的中心。netobjects fusion是一个面向站点的软件，而不是仅仅处理单个页面。在web站点开发的过程中，会建立许多页面，页面之间有很多链接。手工地修改这个结构是非常困难的。用netobjects fusion可以设计web站点的通用元素，创建并维护web站点的构架，构建各个页面，并能易于地维护这种页面。

总之，使用netobject fusion，可以设计web站点、构建各个页面、容易地维护web站点。下面介绍netobject fusion 中的站点视图（site view）、页面视图（page view）、样式视图（style view）、对象集视图（assets view、或称资源视图）、和发布视图（publishing view）。

1．站点视图

站点的结构视图（参见图3-1）是站点视图的一种，单击“轮廓视图”标签就显示站点的轮廓视图。在构架视图中，页面的样式是可以由开发者选择，通常用来为页面分组，但是页面颜色对实际页面没有影响。用户站点的文件格式为“*.nod”，模板文件格式为“*.nft”， 样式文件格式为“*.ssf”。使用站点视图，可以建立（或设置）一个站点的层次结构、操纵页面、引入/导出（import/export）站点、引入模板以改变站点的样式、打印站点的之类。例如，可以采用一个已有的站点将它转成netobjects fusion的格式或保留为内部html页面。如果这种被采用的页面不会被改变，通常可以将采用的页面保留为内部html页面。

图3-1：站点视图

2．页面视图

站点的页面视图（见图3-2）包括页面布局（page layout）和主控边框（masterborder），并提供面板和工具栏。面板包含属性面板和对象树，工具栏包括标准工具栏、表单工具栏、组件工具栏、和高级工具栏。对象树是关于当前页面中所有对象的树状结构，开发者可以借助对象树来定位目标对象，也可以直接选取目标对象。一旦指定目标对象，属性面板就显示该对象的属性，对象属性依赖于对象的类别，不同类型的对象（如文本和applet）有不同的属性，可以使用属性面板来修改对象属性，当然有的属性可以可视地编辑。

在页面视图中，可以可视地或借助属性面板来定义主控边框和页面布局。主控边框勾画出一个页面的五个区域：中间的布局区域和四个（左、右、上、下）边缘区域。这些边缘区域包括多个页面共有的元素，如水平标注和导航条，可以借助属性面板修改主控边框的手动边框（autoframe）属性，把这些边缘设置成框架（frame）。关于布局，而布局区域用来摆放该页面的内容。需要留意的是页面布局包括页面的实际内容，不仅仅是页面的布局，也许一个页面有好几个布局或版本，例如有框架（frame）的和没有框架的版本。netobjects fusion使用表格（table）来组织它生成的html页的内容，也可以借助修改布局属性来选取布局是表单。也可以借助弹出菜单或点击属性面板中的“html”按扭在来显示生成的html文档。

图3-2页面视图

工具栏通常在窗口的边上websphere server平台的j2ee实例开发指南，也可以拖进窗口上面（如图3-2）。工具栏包括标准工具栏、表单工具栏、组件工具栏、和高级工具栏。这些工具栏为页面的制作提供了许多实用工具。

(1) 标准工具条

= 选择（select）：选择一个特定的模块并移到另一个地点或再次更改大小。

= 缩放（zoom in/out）：使页面的视图围绕鼠标击中的区域放大或缩小。

= 文本（text）：向页面减少一个包含一些文本的模块。

= 图片（picture）：向页面增加一个图片。可以是一个.gif或.jpg文件。fusion接受bmp，pcx，pict，gif，jpeg的图。

= 热点（hotspots）：把一个图片中的某个区域标记为可单击（链接到某个url），从而使该区域作为热点。这个区域可以是方形、矩形、和六边形

= 布局区域（layout region）：在发力区域或主控边框里构建一个布局区域，它可以拥有与包括元素不同的布局属性（例如，一个不同的背景色）。

= 表格（table）：创建一个html表格，可以要求表格的行数和列数。

= 表单区域（form area）：创建一个或多个表单。可以选取创建基于布局区域的字段、基于表格的表单、或基于文本的表单。也可以把一个表单加到边缘区域，从而能在多个页面里显示。

= 导航条（navigation bar）：用来创建导航条。可以使用按键或文字方式，从当前页面链向站点里的别的页面，比如在web站点结构里的父层、当前层或子层。

= 水平标注（banner）。用来在页面的任何地方创建一个水平标注，反映这个页面的名字。通常在页面的底部，来标志这个页面。

= 绘制（draw）：绘制软件，这些工具用来在一个页面里画方形、矩形、圆角矩形和六边形。

= 直线（line）：画直线的工具，这些软件拿来在一个页面里画水平线、任意角度的、站点样式的水平线。

需要注意的是hotspots、draw、line这三个工具还包含可选的子软件，按下按钮不放才会显示可选的子工具，保持按下按钮并移动就可选择所要的工具。

(2) 表单工具栏

这些软件拿来创建字段。表单可以拿来收集信息，然后送回服务器端cgi程序或java servlet。

= 表单按钮（button）：一个表单按钮一般被用来开启一个后端服务程序或来重置表单。

= 表单复选框（check box）：一个复选框代表一个布尔值，选中表示真值，否则表示假。

= 表单单选按钮（radio button）：一个单选按钮是一组单选按扭的一部分，这组多选按扭是互斥的，即没法有一个为真，而别的都为假互斥的。

= 表单编辑字段（edit field）：表单上的一个区域，用户可以输入一行信息如名或姓。

= 表单多行文本（multi-line）：表单上的一个区域，用户可以输入多行信息，如对一个产品的表明或目录里的一项。

= 表单组合框（combo box）：一个下拉列表，用户可以选取。一个例子是：头发颜色的列表。用户可以选一个。

(3) 组件工具栏

= 动态按扭（dynabuttons）：对图标使用站点风格

= 磁带（ticker tape）：一个水平滚动文字区域，不断重复。

= 站点映射器（site mapper）：一个用来显示站点结构的按钮。

= 消息板（message board）：一个bbs 设施

= 表单字段（form handler）：实现一个简单的cgi程序。用来检测表单中的字段

= 图片反转（picture rollover）：一个反转按钮。当鼠标滚过照片，图片改变成指定的截图反转。当= 鼠标在截图上点击，图片会改变，一个url链接会显示。

= 基于时间的图片（time based picture）：在这个地点的不同时间显示不同的图。

= 图片加载器（picture loader）：使用其他资源中的截图

= 旋转图片（rotating picture）：简单。通常用来显示广告。

(4)高级工具栏

= media：一个子工具条，包括了一些项目象shockwave、quicktime、video、sound和别的插件

= java：允许往页面上加一个java applet。

= activex control：允许往页面上加一个activex控件。

= data：一个子工具条，允许你访问内部和外部数据对象。

= external html：包括一些必须特殊的、手工写的html页面。可以在内部引用html文件并把

它们放在站点的任何地方，而不是引入并转化这个html。netobjects fusion在公布web站点时不预测这个html。

上述工具栏提供的有关工具可拿来提高页面的互动性。如可以在页面上减少脚本、放置activex控件、增加java applets等等。脚本可以加到一个fusion生成的html元素的后边、后面或上面。增加java applets时使用java对象属性修改有关参数，fusion将减少的class文件成为对象集(assets)中的元素。

3．样式视图

样式视图（参见图3-3）可用来选取站点样式、编辑样式、或构建新的风格。fusion提供的款式适合于简单的站点以及可用来获得客户的反馈信息，重要的站点一般应该建立新的风格。fusion用颜色中选定的图标生成水平标注和按键上的文字。因此，应该为水平标注和图标选用任何你的平台里的图标，fusion将使用选定的图标生成有关图象，浏览器只看见一个图象。对于在html里创建的文字插件，浏览器可以控制自己使用的字体。

图3-3：样式视图

4.对象集视图

对象集视图（参见图3-4）是一个管理所有对象的地方，包括文件、链接、数据对象、变量，对象通过别名来访问。fusion提供预定义的变量，如日期、时间和站点名之类。开发者可以建立自己的变量，并在对象集视图中管理。每当开发者需要选取图像或别的文件时，打开文件对话框（open file dialog）上会有一个对象集标签（assets tab），单击该标签就显示对象集中的有关文件，开发者就可以选取所必须的文件。这种就对象进行统一管控的方法支持“一次升级，每个地方都更新”。例如标志公司的形状（logo），如果一个公司改变了它的标志形状，只要在对象集视图中改变有关标识形状的文件，fusion可以改变这个站点里的每一页。

图3-4：对象集视图

5．发布视图

发布视图（参见图3-5）用来配置公布选项websphere server平台的j2ee实例开发指南，并进行发布。发布选项包含本地发布位置和远程发布位置等。本地发布是指公布到本机的文件系统里，远程发布必须使用ftp把文件存储到服务器。如果你选取发布到一个远程站点，这个站点需要支持ftp，发布者必须明白所需的用户名和口令。通常在即将公布之前需要发布到一个临时服务器上进行检测，并必须使用不同平台上的不同浏览器进行检测。发布时，fusion将生成html页面或者目录结构，拷贝所有的对象到选定的目录，这些目录里包括html文件、图象、java 类等等。目录结构可以是单一的（flat）、基于对象类别的（asset）、或基于站点区域的（section）。所有生成的html使用相对模式。在发布之前还可以使用预览功能。预览创建html文件，生成任何必须的图像，但它不拷贝任何别的对象，从而不显示嵌入的模块。在按下ctrl 键时点击预览按钮就可以只预览当前页。

图3-5：发布视图

总之，fusion是一个web站点的组装工具，对管控站点范围的格式模版有强力支持，支持丰富的“对象”，链接和对象集管理并且推进到多个站点变得很容易。可以使用fusion设计站点结构、构建和管控站点页面、设计和写页面内容、设计站点的图形化风格、管理和测试站点的对象集、把站点发布到本地或远程服务器、更新和维护站点。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-127155-1.html