使用NetBean5.5可视环境开发JSF应用程序
下载地址：www.oksonic.cn
1. 准备
a) JDK1.5.0.6
b) NetBean5.5 http://www.netbeans.org/
c) Visual Web Pack http://www.netbeans.org/
2. 开发步骤
a) 安装NetBean5.5、安装Visual Web Pack
b) 创建一个简单的登录项目
i. 新建一个Visual Web工程名称为login
ii. 拖动一个文本框组件和一个口令字段组件到页面中，修改ID属性为username、password，修改Label属性为姓名、密码
iii. 拖动一个按钮组件到页面中，修改按钮的ID为login，修改text属性为登录
iv. 双击登录按钮界面跳转到代码编辑页，修改光标所在的代码为以下内容：
public String login_action() {
// 待做事项：处理按钮单击操作。返回的值是一个导航
// 条件名称，如果它为 Null，则返回到同一页。
return "success";
}
|
根据注释内容可以看到这里的return的返回值为success，根据这个返回值，我们只需要配置相应的导航就可以控制页面到想转的地方了
v. 新建一个welcome页
vi. 在welcome页中加入一个静态文本组件，并修改它的text属性为“您已经成功登录了！”
vii. 点击左边树型菜单中的“页面导航”项进入页面导航的配置页，这时可以看到两个图标，一个是Page1.jsp，另一个是welcome.jsp，在Page1.jsp图标的右边可以看到一个小方块，点击方块并拖动到welcome.jsp文件上后放开鼠标，这时就看到有一条线将两个图标连在一块了，上面还有文字信息，点中这条线后，修改它的属性“结果”为“success”这里的“success”就是根据上面的login_action方法中所返回的“success”文字来进行判断，只要文字相同就跳转到welcome页面
viii. 按下F6或是点击菜单项的“运行”à“运行主项目”就可以启动tomcat进行测试了，项目启动后会自动打开IE并显示当前页面，点击登录按钮就可以看到页面跳转到了welcome.jsp了
c) 表单验证
i. 修改文本框组件和口令字段的required属性为true，也就是打上钩，这里的意思是这两个文本框必须输入内容后才可以提交，这时进行测试就可以看到效果了，不输入内容就提交的话文字信息就会变为红色的了
ii. 加入长度验证器，将文本框组件和口令字段组件的validator属性从下拉列表中选择lengthValidator1，在左边的树型菜单中选择lengthValidator1，修改maximun和minimun属性为10和2，这里的意思是验证用户输入数据的最大长度和最小长度分别为10个字符和2个字符
d) 调试代码
i. 双击登录按钮进入代码编辑页面加入以下代码
public String login_action() {
// 待做事项：处理按钮单击操作。返回的值是一个导航
// 条件名称，如果它为 Null，则返回到同一页。
if(!this.username.getValue().equals("oksonic"))
return null;
return "success";
}
|
这里的意思是判断用户输入的姓名是否是“oksonic”不是的话就返回null，返回值为null的话就是回到提交页面
ii. 按下F5或是点击菜单项的“运行”à“调试主项目”就可以启动tomcat进行调试了，在上面代码的if语句前打上一个断点，在页面中输入信息后点登录按钮，这时就可以看到代码运行到断点处就停止了，这时可以使用快捷键进行操作。F7是跳到下一行代码，Ctrl+F5是继续执行，其它的可以查看菜单“运行”里的其它菜单项后的快捷方式
本教程到此结束，谢谢收看！
联系方法： oksonic@tom.com
其它教程下载： www.oksonic.cn