读《JavaServer Faces 核心编程（第3版）》一书的记录—— 第 4 章 标准 JSF 标签——案例 personalData

All +All -
personalData

+
-第一步：创建案例

使用随书源码在NetBeans中创建项目

+
-第二步：运行案例

在IDE中运行该案例
案例默认打开的首页页面是index.xhtml
+
-首页上显示的内容

*页面标题

Using Textfields and Textareas

*显示文本的组件

Please enter the following personal information
Name：
Password：
Please tell us about yourself:

*按钮组件

Submit your information

*输入文本的组件

文本Name:对应的
文本Password:对应的
文本Please tell us about yourself:对应的

+
-对首页的操作记录

*当3个输入文本的组件都没有输入内容时，点击按钮

显示一行文本：Name:
显示一行文本：Some information about you:

*当在第1个输入文本的组件中输入用户名（例如：zhanglw）时，点击按钮

显示一行文本：Name:zhanglw
显示一行文本：Some information about you:

*当在第1个输入文本的组件中输入用户名，第2个输入文本的组件中输入用户密码（例如：000000）时，点击按钮

显示一行文本：Name:zhanglw
显示一行文本：Some information about you:

*当在第1个输入文本的组件中输入用户名，

在第2个输入文本的组件中输入用户密码，

在第3个输入文本的组件输入关于用户的自我介绍信息时，点击按钮

显示一行文本：Name:zhanglw
显示一行文本：Some information about you:
显示一行文本：（关于自我介绍的内容）

+
-*当在第1个文本框中输入用户名，

在第2个文本框中输入用户密码，

在第3个文本框中输入与上面用户密码不相同的字符时，点击按钮

弹出对话框
对话框的文本内容是：

Password and password confirm fields don't match

+
-第三步：阅读案例结构

+
-第一层面：视图

页面文件

index.xhtml
thankYou.xhtml

页面资源

无

+
-第二层面：控制

页面后台控制器

UserBean

数据控制器

UserBean

+
-第三层面：模型

UserBean

+
-第四层面：配置

无新内容

+
-第五层面：国际化

messages.properties

+
-第四步：阅读案例新功能

+
-第一层面：视图

+
-页面文件

+
-index.xhtml

*应用“输出文本”组件的特性，来指定输出的格式（例如：显示斜字体，字体的尺寸等）
*应用“输入文本域”组件，来接受用户输入关于自己的介绍内容，并且指定域能够接受的最大文本行数及列数
*应用“命令按钮”组件的特性，来指定“导航字符串”，从而确定下一个要显示的页面文件

+
-thankYou.xhtml

*应用HTML的元素：pre，来使显示的字符串保持其原有的格式

+
-第二层面：控制

+
-页面控制器

+
-UserBean

+
-*属性

保存用户名、密码和自我介绍信息的3个String类型的属性

+
-*方法

上述3个属性的读写方法

+
-数据控制器

同上

+
-第三层面：模型

同控制器

+
-第四层面：配置

无新内容

+
-第五步：详解相关新技术

+
-第一层面：视图

+
-视图文件

+
-index.xhtml

+
-*指定显示文本的格式

使用组件h:outputText的特性：style

+
-*能够输入多行文本

使用组件h:inputTextarea

注意：在输入文本时，如果回车换行，就隐式嵌入换行字符（\n）

+
-*指定输入文本的允许行数

使用组件h:inputTextarea的特性：rows

+
-*指定输入文本的允许列数

使用组件h:inputTextarea的特性：cols

+
-*指定命令按钮上动作事件激活的导航目标

使用组件h:commandButton的特性：action

+
-thankYou.xhtml

+
-*能够使显示的文本保持原来的格式

使用HTML的元素pre

注意：能够保持文本中内嵌的换行符等

+
-第二层面：控制

无新内容

+
-第三层面：模型

无新内容

+
-第四层面：配置

无新内容