使用NetBean5.5可视环境开发JSF应用程序

 

使用NetBean5.5可视环境开发JSF应用程序

下载地址：www.oksonic.cn 

1.       准备

a)         JDK.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是继续执行，其它的可以查看菜单“运行”里的其它菜单项后的快捷方式

 

       本教程到此结束，谢谢收看！

       联系方法：           [e-mail]

       其它教程下载：    www.oksonic.cn

      

oksonic 2007-05-07 02:22 发表评论

分享到：

速动画教程第三十三集 使用NetBean开发之 ... | 速动画教程第三十一集 使用Axis2构建Hell ...

• 2007-05-06 18:22
• 浏览 2080
• 评论(1)
• 查看更多

评论

1 楼 wdiy 2007-06-12  

怎么没有下载地址啊？