JavaTM Studio Creator 入门

核心提示：javaTM Studio Creator 入门本教程介绍了 JavaTM Studio Creator 集成开发环境(IDE)、Java Studio Creator IDE 工作空间以及创建 Web 应用程序的主要步骤，将创建两个简单的例子：一个是 Hello Web，JavaTM Studio Creator 入

　　javaTM Studio Creator 入门
本教程介绍了 JavaTM Studio Creator 集成开发环境(IDE)、Java Studio Creator IDE 工作空间以及创建 Web 应用程序的主要步骤。将创建两个简单的例子：一个是 Hello Web，它要求输入您的名字，然后，重复回显给您；另一个是使用存储在数据库中的名称列表的类似例子。
使用本教程之前，应该在系统上安装了 Java Studio Creator 开发环境。基本熟悉 Java 编程语言和面向对象的概念同样很有好处。
目录
§ 使用 Sun Java Studio Creator 开发环境
§ 使用 IDE 工作空间
§ 开发和运行 Web 应用程序
§ 将组件链接到数据
§ 获得帮助
使用 Sun Java Studio Creator 开发环境
Sun Java Studio Creator 开发环境 (IDE) 答应迅速轻松地开发和部署复杂的 Web 应用程序。可以使用 IDE 做下列工作：
§ 使用拖放用户界面组件为 Web 应用程序构建基于 Web 的用户界面。
§ 将组件连接到数据或服务（假如需要的话）。可以将页面上的组件链接到数据库或 Web 服务。Java Studio Creator 开发环境包含 PointBase，这是一个基于 Java 的 DBMS，它包含本教程及其他教程中使用的样本数据，或者可以用来构建您自己的应用程序。
§ 使用 Java 设计应用程序的行为。
§ 连接多个页以构建复杂的应用程序。
§ 构建和部署应用程序。Java Studio Creator 开发环境包括构建和部署用于在系统上进行测试的应用程序所需的一切，包括 J2EEtm Software Developer 工具包及 Sun Java System application Server Platform Edition 8。已部署的应用程序包含于应用程序服务器上，而且可用于在 Web 浏览器中运行。
Java Studio Creator 开发环境是在 JavaServerTM Pages (jsp)和 JavaServer Faces (JSF) 标准技术之上构建的。JSP 提供了 Web 应用程序框，这样就答应开发复杂、分布式、基于 Web 的应用程序，将服务器端执行与客户机端用户界面相分离。JSF 提供了一组可重用的 UI 组件，有状态治理、输入验证和转换、事件治理以及异常处理。
要在 Java Studio Creator IDE 中创建 Web 应用程序，请执行下列步骤：
1.创建一个项目。项目文件记录应用程序所使用的所有文件，既有那些直接编辑的文件，又有该应用程序所使用的那些文件。
2. 在 Web 应用程序中，为每个页设计用户界面。
当在 Java Studio Creator 开发环境中引用时，页面是在 Visual Editor 中拖放 JSF 组件的区域。它是由静态 Html、JSP 代码、以及 JSF 组件组成的页面。构建并部署了 Web 应用程序之后，当客户机浏览器请求它时，该页最终成为标准 HTML 页面。Java Studio Creator 开发环境页面类似于 asp.net 中的 Web Form。
3. 连接到数据库或 Web 服务。
Java Studio Creator 开发环境支持 JDBC 行集合，这是一个行和数据的集合，是数据库上 SQL 查询的结果。Query Editor 答应编辑行集合的 SQL查询。
4. 使用 Java 设计应用程序的行为。
一组 JavaBeans（称为托管 beans）支持 Java Studio Creator 开发环境中的 Web 应用程序，这组 bean 提供了用于初始化和控制 JSF 组件的逻辑和用于跨请求、会话及应用程序治理数据的逻辑。将自己的代码添加到组件和应用程序之后，要把 Java 代码添加到这些 beans 中。多数情况下，您要与页面 bean 打交道，它是与每个页面相关联的托管 bean。
5. 将多个页面连接在一起。
Java Studio Creator IDE 包含一个 Navigation Editor，它答应迅速将页面链接在一起，并定义了它们之间的导航。在本基本教程中，将只处理一个页面；本教程 Using Simple Page Navigation ((http://developers.sun.com/PRodtech/javatools/jscreator/learning/tutorials/jscpagenav.pdf)讲述了如何着手将页面链接起来。
6. 构建和部署应用程序。
本教程按照这些步骤来创建简单的应用程序。通过考察 IDE 工作空间本身开始入手。
使用 IDE 工作空间
图 1 显示了初次运行该产品时出现的 Java Studio Creator IDE 工作空间。

图 1：Java Studio Creator Workspace
按照您正在编辑的内容，中心编辑区包含不同的编辑器。例如，Visual Editor 用来创建页面的可视用户界面，Java Editor 用来编辑 Java 代码，Query Editor 则用来编辑行集合的 SQL 查询。该区域还包含 Welcome 屏幕，可从该屏幕上创建新项目、编辑最近的项目或更改 Java Studio Creator 开发环境选项。
在中心编辑区四周显示了附加窗口。这些窗口中有 9 个共享工作空间，我们将按照教学进度描述其中大多数：
§ Server Navigator 显示了宿主的服务，如数据库和 Web 服务。
§ Palette 包含构建应用程序时所使用的组件。
§ Code Clips (在 Palette 后面) 包含可能在布置 bean 时有用的代码片断。
§ Property Sheet 显示了并答应编辑组件和其他应用程序元素的属性。
§ Dynamic Help (在属性表后面)提供了帮助主题。
§ Project Navigator 显示了与项目有关的文件。
§ Document Outline 显示了当前页所使用的所有可视和不可视的组件。
§ Debugger 显示了调试器 (默认情况下不显示)。
§ Build Output 显示了构建信息(仅当构建项目时显示)。
这些窗口中每一个都能停靠，也就是说，通过在窗口标题栏中选择 pushpin（图钉），它们能够沿着 IDE 工作空间的左侧或右侧最小化。在该窗口的图标上移动鼠标，会扩大该窗口，并使其暂时可以使用。在标题栏中单击红色 X，关闭该 IDE 工作空间窗口。要想在任何时候重新打开闭的窗口，请从 View 菜单中选择它。
开发和运行 Web 应用程序
学习 Java Studio Creator 开发环境的最佳方法是通过例子。在本教程中，将构建两个非常简单的例子，而且在构建的同时，考察 IDE 工作空间的各个方面。第一个例子构建了一个 Hello World 类型的应用程序；第二个例子修改了该应用程序，以得到其来自于数据库的数据。
创建和浏览项目
对于在 Java Studio Creator 环境中开发的任何 Web 应用程序而言，第一步是创建一个项目。项目包含组成 Web 应用程序的所有文件。这些文件包括页面的源文件、它们所使用的 Java 代码和 WEB 应用程序所需的资源，如图像、样式表或代码库（如 JAR 文件）。
当第一次创建项目时，或构建自己的项目时，这些文件中许多自动创建；其他文件要自己创建，或导入到项目中，以便应用程序能够使用它们。
要想创建一个新项目，并考察其文件，请执行下列步骤：
1. 从 Welcome 屏幕选择 Create New Project，或者选择 File > New Project。 出现一个对话框，要求为项目命名。将该项目称为 HelloWeb。
您的项目出现了，同时在 Visual Editor 中打开了初始页(Page1.jsp)。在将使用该编辑器来在页面上放置可视的组件。
2. 使用 Project Navigator 来考察 Web 应用程序项目中的文件。
Project Navigator 位于 IDE 工作空间的中右侧。假如当前它不可见，那么，就选择 View > Project Navigator 来查看它。图 2 显示了 Project Navigator。

图 2：Project Navigator
Project Navigator 在两个视图中的一个显示了您的项目：Logical 或 FileSystem。默认视图为 Logical 视图，就是说如何从逻辑上组织项目的。项目的不同部分包括：
l Pages（页面）：构成 Web 应用程序的单独的页。当前，应用程序 Page1.jsp 中仅有一个页面。
l Page Navigation（页面导航）：描述页面如何链接在一起的 xml 文件。双击 Page Navigation 显示Navigation Editor。
l Java Sources（Java 源文件）：与项目有关的 Java 源文件。许多这些 Java 源文件是项目的托管 beans，并在创建项目时生成。此外，还可以在这里添加要使用的其他 Java 源文件。通过软件包名称，在子目录中组织 Java 源文件。
l Resources（资源）：项目所使用的页面资源或其他外部文件，如图像或 CSS 样式表。
l References（引用）：项目引用的外部文件、对象或库，例如，包含 Java 类的 JAR 文件，或者项目所使用的 Web 服务。
3. 选择项目的顶层节点（这里为 HelloWeb）；右键单击，调出上下文菜单，然后选择 Show FileSystem View。
逻辑视图并不显示项目中的所有文件；它隐藏了与项目本身有关的配置文件和构建过程所创建的输出文件。FileSystem 视图显示了在磁盘上组织的项目中的所有文件。要切换回 Logical 视图，请右键单击同一节点，然后选择 Show Logical View。
设计页面
现在，为页面创建可视的设计。这将是运行 Web 应用程序时，用户在 Web浏览器中所看到的可视界面。
在 Java Studio Creator IDE 中，可以放到页面上的东西称为组件。它们包括简单的页面元素，如图形和文本块，以及窗体元素，如文本字段和复选框。JavaServer Faces (JSF) 技术定义了在 Java Studio Creator 开发环境中可以使用的组件。
组件存储在位于 IDE 工作空间左下角的 Palette 中。假如 Palette 不可见，就选择 View > Palette 来将其显示出来。图 3 显示了 Palette。

图 3：Palette
Palette 包含可以用于构建页面的各种元素，分组为类别，包括：
l JSF 组件：JavaServer Faces 技术所定义的组件。
l JSF Validators /Converters：非凡的 JSF 组件，它们在其他组件中修改或验证数据，但它们自己不显示出来。
通过单击每个类别标题的选项卡，可以在 Palette 中的类别间切换。
Code Clips 共享作为 Palette 的同一窗口。Code Clips 可能是完成本教程或其他教程所需的一些 Java 代码，或者在利用 Java Studio Creator IDE 构建 Web 应用程序的过程中，以其他方式频繁地使用它们。
要想为 HelloWeb 应用程序创建可视的用户界面，请执行下列步骤：
1. 假如类别不可见，则选择 JSF Components，然后将 Text Field 组件从 Palette 拖到 Visual Editor。Button 和 Output Text 组件亦然。
注重，组件要对齐页面上的网格线。
2. 将 Text Field 和 Output Text 组件的长度延长为大约三英寸长（相当于网格上的 10 个格）。
如同您在许多工具中那样，可以使用鼠标在 Visual Editor 中布置、调整组件：选中组件本身，将其移动到屏幕四面，或沿着外缘选中它的其中一个长度调整框来更改其长度。请注重，在 Visual Editor 中，将组件放置到哪里，在最终的 HTML 页上，它们就会在哪里出现??在 HTML 中，Java Studio Creator IDE 使用层叠样式表(CSS) 定位技术来放置这些组件。
图 4 显示了讫今为止的页面布局：

图 4：HelloWeb 设计：第一个类
3. 使用 Document Outline 来查看和选择页面上的这些组件。
Visual Editor 显示了当前在页面上的所有组件。但是有许多组件不具备可视的特征，或者可能是某些其他组件的一部分。有些不可视的组件??尤其是数据库和 Web 服务组件??在靠近屏幕底部的托盘中出现（假如使用了它们的话）(在本教程的第二部分，将会看到一个例子)。
要想查看或选中页面上的所有组件，请使用 Document Osutline。
Document Outline 包含在 IDE 工作空间的右下部。假如当前它不可视，那么，请选择 View > Document Outline 来查看它。
图 5 显示了 Document Outline。

图 5：Document Outline
Document Outline 显示了页面上的可视和不可视的组件。在Document Outline 中选择一个组件，并且在 Visual Editor 中也选择该组件，这样，就可以编辑其属性了（在下一节您会学到)。
研究 jsp 代码
每次将组件添加到页面（或对这些组件的任何属性进行更改），同时还要修改该页面的底层 jsp 代码。
页面的 jsp 代码、它的在 Visual Editor 中的外观以及每个组件的属性，在 Java Studio Creator 开发环境中都互相保持同步。假如在 Visual Editor 中修改了页面或页面上的组件，那么 Java Studio Creator 开发环境将会更改 jsp 代码，反之亦然。假如您喜欢使用 jsp 或者 HTML，或者 IDE 不包含您要使用的那些技术的特性，那么就可以始终直接编辑 jsp 代码。
要想查看(或编辑) 页面的 jsp 代码，请执行下列步骤：
1. 在 Visual Editor 底部，选中 Source 选项卡。
图 6 显示了当前出现的页面的 jsp 的一部分。可以编辑这些代码，就像编辑任何其他 jsp 文件一样。

图 6：JSP 源文件
2. 在编辑区底部单击 Design 选项卡可返回到 Visual Editor。
编辑属性
项目的大多数元素具有描述元素特征的属性：它的外观或元素的行为、数据文件的路径名或文件类型、或者 Web 服务的名称或 URL。要在 Java Studio Creator IDE 中查看或修改任何元素的属性，请使用属性表。属性表位于 IDE 工作空间的右上角。它与 Dynamic Help 窗口共享一个窗口，这样，就可能需要单击 Properties 选项卡或选择 View > Properties 来查看它。
要在 HelloWeb 应用程序中修改组件的属性，请执行下列步骤：
1. 从 Visual Editor 或 Document Outline 中选择 Button。
该按钮的属性出现在属性表中（图 7）。

图 7：Properties
按类别排列属性，如General、Appearance 或 Events。可以通过选择类别名前面的负号来折叠属性类别及隐藏其属性。
有两种几乎每个组件都会包含的重要属性：ID 和 value。
l ID 属性位于 General 类别 (General > (id))之下的顶部。ID 是该组件的惟一标识符 (变量名) ，在 Document Outline 中引用该组件。当修改支持该页面（页面 bean）的 Java 代码时，还将使用 ID 来引用该组件。当创建新组件时，自动分配 ID。虽然您可以采用更具体的名称来更改这些 ID来引用这些组件。
l value 属性在属性表(Data > value)的 Data 类中。尽管在不同的组件中，value 引用的变量值不同，但大多数组件都具有一个值。对于 Button 组件，当显示在按钮本身上出现的文本时，value 就引用它。对于 Text Field 和 Output Text 组件，value 为该字段包含的实际文本，它在页面上显示。
2. 将 Button 的 value 属性从 Submit (默认) 改为 Say Hello。
可以通过选择 ... 按钮并更改在对话框中出现的文本，或者通过直接在属性表中选择文本，做出更改，并按 Enter 保存这些更改，来更改具有文本值的属性。在 Visual Editor 中，将会看到在按钮上出现的新值。
注：
编辑任何组件的值的捷径是在 Visual Editor 中选中该组件并直接开始键入。属性表假如尚未打开则将会打开，属性 value 将选中，而且值将会更改。按 Enter 保存更改。
3. 更改 Text Field 组件的 value 属性，以读取[输入您的名称]名称。
对于文本组件，如 Text Field 和 Output Text，组件的 value 属性引用字段包含的、并在页面上显示的文本。假如在页面上选择了 Text Field 组件，并检查了其 value 属性，您会注重到它是空的：该字段中没有初始文本。更改 Text Field 组件的 value 属性以读取[输入您的名称]。
对于 Output Text 组件，该值亦为空。将该值保留原样，这样在默认情况下，该组件没有显示的文本。
图 8 显示了修改这些属性之后页面的结果：

图 8：HelloWeb design：修改属性之后
添加某些行为
存储在单独文件（称作页面 bean）中的 Java 代码定义了组件和页面的行为，系统自动为在 Web 应用程序中创建的每一个页面创建页面 bean。页面 bean 是一组 Java bean 其中之一，它在后台的 Web 应用程序中运行，并被称为托管 beans。还存在用于会话和应用程序的 bean，用于治理存在于用户会话及跨整个应用程序作用域的数据。
页面 beans 包含页面及其组件的初始化代码。页面 bean 还包含组件的事件处理程序代码。
要通过编辑 Java 页 bean 将某些行为添加到 HelloWeb 应用程序中，请执行下列步骤：
1. 在 Visual Editor 中右键单击页面上任何位置，然后选择 View Page1 Java Class 查看 Java Editor。
Java Editor 在编辑区中的新选项卡中出现，它显示了该页的页面 bean。
该页上的每一个页面 bean 都包含页面和组件的 Java 代码。当添加和删除组件或更改其属性时，自动更新备份文件中的代码。反之亦然：假如更改了影响组件的外观和属性的页面 bean 中的代码，Java Studio Creator IDE 会自动接受这些更改。页面 bean 代码中的大量 Java 代码是不需要修改的标准页面初始化。事实上，在页面 bean 中（或者在 Java Editor 中编辑的任何文件中），可以通过选择方法标记前面的负号来隐藏任何方法体。这会折叠方法体，从而将其从视图隐藏了起来，并提供了文件的一个更简洁的概观。
2. 在编辑区顶部，选择 Page1.jsp 选项卡，以返回到 Visual Editor，然后双击 Button 组件。
您将返回页面 bean 中的 Java 代码，除非 bean 中现在有新方法：button1_action。当用户在 Web 浏览器中单击页面上的按钮时，就将窗体提交给了 Web 服务器，运行 Web 应用程序和执行该方法中的代码。
3. 将事件处理程序代码添加到 button1_action 方法。
下面将修改 button1_action 方法，以便为页面处理按钮操作事件。
在该方法中，将做两样简单的事情：
l 获取 Text Field 组件的值??即用户输入的名称。
l 将该值赋给 Output Text 组件，伴随有一些附加文本，使其显得友好。
要完成这些任务，请使用 Java 方法 getValue 和 setValue。这些是用于在组件中获取和设置 value 属性的标准 Java 方法。
将下列代码行添加到 button1_action 方法，它看上去像下列代码：

第一行粗体代码使用 getValue 方法获取 Text Field 组件（textField1）的值。该值是类型 Object 的对象，需要它是一个字符串，因此将把它强制转换为 String 对象，然后，将其赋给 name 变量。
在第二行，更改了name，以便在开始包含 Hello，在结束包含一个感叹号。假如原名称 是 Fred，则新字符串为 Hello, Fred！接下来，在最后一行，将　Output Text 组件的值设置为这个最后的字符串。
当然，可以将这些行压缩为一行，同时结果不变，就像下面这样：

当在 Java Editor 键入时，可能已经注重到了该编辑器的某些功能：
l 有语法错误的代码加上了红色下划线，沿着编辑区的左边缘出现了一个红色的框。假如键入错误或忘了加分号，编译 Java 代码之前，需要修补这些行。在行上晃动鼠标会调出解释错误的工具提示。
l 随着键入，可用选项的菜单（比如，当前对象的方法和变量）出现在插入点。随着继续键入，可用选项的数量减少。对于这些菜单中的任何选项，通过从菜单上选择项，可以获取 JavadocTM 工具生成的文档。双击菜单中的任何项，可以获得要为您插入的代码。
l 要显示任何类、变量或方法名的文档，请将光标放在需要帮助的项上，然后，按 Ctrl+Shift+Space。
可以使用 code clip，而不是手工将代码键入 Java Editor。Code Clips 存储在 Clips 区下的 Palette 中。右键单击一个 clip，然后选择 Edit 来查看或编辑其内容。将任一 clip 从 palette 拖到 Java 文件中的一个位置，以在该位置包含该 clip。插入 code clip 之后，您可能想右键单击并选择 Reformat Code 来将其格式化。
运行应用程序
在 Visual Editor 中设计了页面，在属性表中更改了属性以及使用 Java Editor 在 Java 页面中添加了行为之后，现在就预备好部署和运行应用程序了。当运行应用程序时，Java Studio Creator 开发环境构建所有与项目有关的 Java 文件，然后，将 Web 应用部署到应用程序服务器上。然后，就可以从 Web 浏览器上测试该应用程序了，以证实一切正在按预期地正常运行。Java Studio Creator 开发环境包含在本地部署应用程序所需的一切，这样就不必安装任何软件了。
要部署 HelloWeb 应用程序，请执行下列步骤：
1. 确保在 Java Editor 中 Java 代码没包含任何错误（由红色下划线或沿着左侧的红色框来指示）。
假如代码中存在错误，那么项目就不会得到构建。
2. 单击屏幕顶部的绿色箭头，或选择 Build > Run Project。
保存所有的文件，并开始构建项目（在任何时候，还可通过选择 File > Save All 来保存所有文件）。Build Output 窗口出现在屏幕底部，并显示出相应的状态信息。一旦构建并部署了应用程序，则启动了 Web 应用程序，而且 Web 应用程序出现了（图 9）。

图 9：HelloWeb，最终的页面
3. 输入名称，并单击 Say Hello 按钮。
浏览器将窗体提交给调用您的 Web 应用程序的 Web 服务器。按钮 Action 方法被执行，页面元素被更新，而且同样的页面连同更改的数据一起发送回 Web 浏览器。假如提交的名称为 Miriam，图 10 是其结果。

图 10：Hello Web，带有结果
将组件链接到数据
在本 HelloWeb application 的修改的版本中，将把 Text Field 组件改为名称的下拉列表或组合框。但是将要用来自于数据库的名称填充该表而不是将名称硬编码（输入）到列表。
修改页面设计
我们将按同样的过程来修改那个用于创建第一个应用程序的应用程序：
我们将创建页面设计，然后将行为添加到 Java 中的页面 bean。本例的附加步骤包括将组件绑定到存储在数据库中的数据。
注：
假如正在直接继续本教程前面的部分，则可能要关闭 Build Output 窗口，以便 Visual Editor 和其他窗口能够扩大到整个屏幕。
要更改页面设计，请执行下面的步骤。
1. 从 Visual Editor 中删除 Text Field 组件。在本版本中不会使用该组件。
2. 将 Dropdown List 组件拖到 Text Field 组件所在的位置，然后将该组件扩大为合适的尺寸。
Dropdown List 与 HTML 中的选择列表或 Microsoft Windows 中的组合框相同；当选择时，它们都提供了一个下拉的项的列表，而且答应用户从该列表中选择一项。
当将 Dropdown List 组件添加到 Visual Editor 中时，在 Document Outline 中出现许多组件。Dropdown List 组件本身（dropdown1）描述该列表、其外观以及它如何工作。它包含另一个组件 dropdown1SelectItems，这是一个存放 List 组件所包含的项的 holder 组件。这些项实际上存储在 dropdown1DefaultItems 组件中，它只不过是一个字符串数组。在 Visual Editor 中，实际上只有 dropdown1 本身可见，但是，它为其数据使用其他这些组件。有了包含可见或不可见的其他组件的组件，Document Outline 总能帮助您找到适当的组件并修改适当的属性。
将组件绑定到数据
List 组件现在有三个项（item1、item2 和 item3)，它们存储在 dropdown1DefaultItems 组件中。对于本例，将用来自数据库的数据填充 List 组件。
要将 list 组件捆绑到数据库中的数据，请执行下列步骤：
1. 在 Travel 数据库中扩展表。
数据库、Web 服务 以及其他宿主型服务（如应用程序服务）在 Server Navigator 中是可用的。Server Navigator 位于 IDE 工作空间的左上角。假如它不可见，请使用 View > Server Navigator 来将其显示出来。
Java Studio Creator 开发环境附带有一个 PointBase DBMS 和一个示例数据库（称作 Travel）。在 Server Navigator 中，可以在 Data Sources 节点下看到该预先自动配置的 Travel 数据源，还可以通过展开树检查其表和视图。
注：
当试图展开它时，假如 Travel 图标上出现一个红色 X ，则数据库没在运行。必须在 Java Studio Creator 开发环境外部启动 PointBase 数据库，以便该环境可以访问它。在 Microsoft Windows 中，选择 Start > Programs > Sun Microsystems > J2EE 1.4 SDK > Start PointBase。
在 Solaris 中，运行 Creator/SunAppServer8/pointbase/tools/server/startserver.sh 脚本。
然后在 Server Navigator 中右键单击 Travel 节点，并选择 Refresh。红色 X 会消失，而且您可以立即使用数据了。
在 Server Navigator 中展开 Travel 数据源，然后展开 Tables。将在 Tables 下面看到 NORELATION[ROOT]、PERSON[ROOT]、TRIP[ROOT] 和 TRIPTYPE[ROOT] (ROOT 为表架构)的表。我们只对本例中的 PERSON 表感爱好。
2. 将 PERSON[ROOT] 拖放到 Dropdown List中。
出现一个对话框，询问您打算如何使用 personModel。选择 Fill the List。
请注重，列表上的显示从 item1 改变为 abc，表示该列表不再显示来自于 dropdown1DefaultItems 列表的数据，并且正在显示的数据是字符串。
3. 右键单击 dropdown1 组件，然后选择 Bind Display to Data。
图 11 显示了出现的对话框：

图 11：Bind Display to Data
对于存储在数据库中的数据而言，Dropdown List 包含两种数据：显示列表时所使用的数据（Display 字段），选择项以及提交页面时发回服务器的值（Value 字段）。默认情况下同，该列表使用 PERSONID 作为值，并且使用 NAME 作为显示的值。因为在数据库中，每个人的数据都通过 PERSONID 存储，所以，假如正使用该列表，选择一个人，然后基于该选择进一步从数据库中检索数据，这样会很不错。然而，对于本例，所有关心的是名称。
4. 将对话框中的 value 字段改为 PERSON.NAME，然后单击 OK。
要注重另一件事情：当将 PERSON 表拖到 Dropdown List 组件上用数据填充列表时，会创建两个新组件：personModel 和 personRowset。这些是不可视的组件，它们出现在 Document Outline 中，但还出现在 Visual Editor 底部的不可视组件托盘中。这些组件用来引用数据库数据；personRowset 是一个 JDBC 行集合，personModel 是隐藏组件与数据库间的绑定的数据库模型。
修改行为
最后一步是在 Java 页面 bean 中更改事件处理程序，以处理 List 组件。在该方法中，需要修改两样东西，以便它会为新例子服务：
l 需要的值将来自于 List 组件，不会来自早已不存在的 Text Field 组件。
l 数据库中的数据存储为 Lastname, Firstname。这意味着 Hello 应用程序将打印出“Hello, Lastname, Firstname!”要添加一些代码，以将名称一分为二，只使用名字不使用姓。
要想更改 HelloWeb 应用程序的行为，请执行下列步骤：
1. 假如 Page1.jsp 的页面 bean 打开了，单击其选项卡；否则双击按钮，打开文件，然后将光标移动到 button1_action 方法。
2. 修改 button_action1 方法，以便处理 Dropdown List。
要获取当前从 List 组件所选择的值，请使用 getValue 方法，就像以前做的那样。每个组件都有一个值，对于 List，值为当前所选择的项。需要对第一行做的惟一的更改是将 textField1 更改为 dropdown1：

3. 修改 button_action1 方法，以将名称分为两部分。
从数据库获取的名称字符串为 Firstname,Lastname 格式。需要将其分为两部分。Java String 类具有一个称为 split 的方法，该方法完成这种非凡的操作；它所需要的全部是分割字符串的模式或定界符。这样，字符串中间的逗号就换成了定界符。要将结果存储在 String 对象数组中：

数组中的第一项（位于 0 位置）为姓；名位于 1 位置。可以使用该名称来组成最终的字符串，而且还可以使用 setValue 方法将其放到 Output Text 组件中：

最终的 button1_action 方法类似于如下代码:

运行应用程序
要运行最终的应用程序，请执行下列步骤：
1. 单击绿色箭头或选择 Build > Run Project 来保存所有文件，构建 Java 页面 bean 以及部署应用程序的这个新版本。
该新应用程序从数据库获得了一个名称列表，并使用它在第一个 HTML 页上构建该列表。
2. 从列表选择一个名称，然后单击 Say Hello。
列表中的名称是提交页面时送回服务器的实际值。页面 bean 的代码接受该名称，将其分为名和姓两部分，然后将带有名字的 Hello 问候放入 Output Text 组件。
图 12 显示了 Web 浏览器中的结果：

图 12: HelloWeb，最终的版本
获得帮助
在 Java Studio Creator 开发环境中工作期间的任何时刻，假如您需要帮助，那么可以在任何位置获得帮助：
§ Dynamic Help 窗口显示关于开发环境和可以在 Java Studio Creator IDE 中完成的各种任务的一般帮助主题。Dynamic Help 窗口位于 IDE 工作空间的左上角，在属性表后面。在属性表底部单击 Dynamic Help 选项卡来查看它，或者选择使用 View > Dynamic Help。
§ 可以对 IDE 工作空间的许多元素使用上下文相关帮助。要访问上下文相关帮助，在要获得帮助的元素上移动鼠标，并按下 F1 键。出现帮助屏幕，而且在屏幕上显示出帮助。
§ 具有教程、FAQ 以及可以与开发人员技术支持和其他开发人员一起讨论问题的在线论坛的 Java Studio Creator Developer Program Portal ，在 http :// developers.sun.com / prodtech / javatools / jscreator / index.jsp 可得到。可以从 Help > Creator Developer Portal > Home 的 IDE 的内部访问该网站.
小结
恭喜您! 您已经学完了 Java Studio Creator IDE Tutorial 入门。在本教程中学习了 Java Studio Creator 开发环境的主要的功能，并构建了两个演示这些功能的简单应用程序：
§ 第一个例子 Hello Web 显示了如何用组件为页面创建可视的设计，如何修改这些组件的属性，以及如何为按钮添加事件处理程序。您学习了 Project Navigator、Palette、Document Outline、属性表、Visual Editor 以及 Java Editor。
§ 第二个例子使用了数据库中的数据来植入到组件中。您了解了如何将数据库表绑定到组件来创建更加动态的 Web 应用程序。
另请参阅
本教程不会打算介绍 Java Studio Creator 开发环境的方方面面。要了解关于其他功能的信息，您可以学习下列教程：
§ Page Navigation（页面导航）。欲了解更多关于 Navigation Editor 以及如何开始链接页面的信息，请参阅 Using Simple Page Navigation (http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/jscpagenav.pdf)。
§ Converter and Validator Components（Converter 和 Validator 组件）。这些组件对包含于其他组件中的数据进行操作。要了解更多信息，请参阅 Using Validators, Converters, and Message Components (http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/jscvalidators.pdf)。
§ Database Queries（数据库查询）。Query Editor 答应在 Web 应用程序中编辑放置的行集的 SQL 查询。要了解关于在 Web 应用程序中使用数据库的更多信息，请参阅 accessing Databases with Databound Components (http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/jscwebapp.pdf)。
§ Using web services（使用 Web 服务）。Web 服务可从 Server Navigator得到。要了解更多信息，敬请参阅 Accessing Web Services(http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/jscwebservice.pdf)。
另外，其他许多关于 Java Studio Creator 开发环境主题的教程可以从在 http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/index.jsp 的 Developer Portal Tutorials Page 得到。