java开发工具MyEclipse使用教程：使用MyEclipse的 JSF 演示登录应用程序（四）

本教程介绍了一个使用MyEclipse的 JSF 演示登录应用程序关于自定义userLogin.jsp的相关内容。

本教程介绍了一个使用MyEclipse的 JSF 演示登录应用程序，本篇教程将介绍以下相关内容。

自定义userLogin.jsp

在此页面上，您需要构建登录表单。

1. 删除默认文本，打开 JSF Core 工具面板，然后选择 loadBundle 工具。

2. 在画布上的框内单击。这会添加捆绑包的基本名称，以便页面可以使用之前创建的 MessageBundle。
3. 在 Basename 字段中键入com.jsfdemo.MessageBundle并在 Properties 视图的 Var 字段中键入bundle。

4. 打开 JSF HTML 工具面板，单击表单工具，然后单击 loadBundle 组件下的页面。

注意：要查看工具选项板，您必须打开设计视图。单击 以仅显示设计视图，或单击 以显示设计视图和源视图。

5. 在 Properties 视图的 id 字段中键入loginForm。


该页面现在有一个 HTML 表单元素来包含登录控件。需要添加输入文本框。从用户名的 h:inputText 组件的标签开始。

6. 单击输出标签工具，然后在表单内单击。
7. 在属性视图的值字段中键入#{bundle.user_name_label}并在 for 字段中键入userName 。输出标签组件属性

8. 单击文本输入工具，然后单击用户名标签后的表单内部。在 id 字段中键入userName ，在value字段中键入#{UserBean.userName}。单击 Attributes，然后为 JSF>required 属性值选择 True。添加新的 inputText 组件

9. 单击输出标签工具，然后单击用户名输入文本字段后的表单内部。
10. 在属性视图的值字段中输入 #{bundle.user_password_label} 并在for字段中输入密码。
11. 单击 Secret Input 工具，然后在标签后的表单内单击。在属性视图的 id 字段中输入密码，在值字段中输入#{UserBean.password} 。单击 Attributes，然后为 JSF>required 属性值选择 True。秘密输入组件属性

12. 手动更改 h:outputLabel 组件以环绕 h:inputText 组件。包装组件看起来像下面的代码片段：

    <h:outputLabel value="#{bundle.user_name_label}" for="userName">   <h:inputText id="userName" value="#{UserBean.userName}" required="true" /> </h:outputLabel><h:outputLabel value="#{bundle.user_password_label}" for="password">   <h:inputSecret id="password" value="#{UserBean.password}" required="true" /></h:outputLabel>

注意：请务必同时修改用户名标签和密码标签。

13. 单击命令按钮工具，然后在窗体内部单击。

14. 打开 HTML 4.0 工具面板，点击换行工具，点击每个输入组件后的页面，将组件放在不同的行上，按CTRL+S保存。


userLogin.jsp 页面的布局更改

本次MyEclipse使用教程介绍了MyEclipse 中的将 JSF 用于 Web 应用程序的相关内容，想要了解全部教程

MyEclipse | 下载试用

MyEclipse是功能最全面、性价比最高的企业级Java IDE之一。

MyEclipse

标签：