使用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