jsf登陆

前天有个网友,让我写一个简单的JSF入门。实在不好意思,留言无意让我给删了。没有记住您的名字。

在这里把这个JSF+hibernate登陆贴出来。供你学习,也提供给大家参考。

谢谢你的支持。

关于JSF介绍在这里就不废话了,大家百度吧。

开发工具:Eclipse3.2、MyEclipse5.0.1、Tomcat5以上、MySql

打开Eclipse<o:p></o:p>

新建 web 工程,名称为login,j2ee版本为2.4<o:p></o:p>

<o:p> </o:p>

创建jsf框架<o:p></o:p>

利用Myeclipse功能加载-->MyEclipse-->Add JSF Capabilities用SUN的。

<o:p> </o:p>

 java 代码

  1. public class UserValidator {   
  2.         public String validator(String username, String password) {   
  3.         if ((username == null) || (username.length() < 1))   
  4.             return "failure";   
  5.         if ((password == null) || (password.length() < 1))   
  6.             return "failure";   
  7.         if ((username.equals("jsf")) && (password.equals("jsf")))   
  8.             return "success";   
  9.         else  
  10.             return "failure";   
  11.     }   
  12. }   

在写一个类用于封装值,用于页面数据绑定

java 代码
  1. public class User {   
  2.   
  3.     private String username;    
  4.     private String password;    
  5.     private UserValidator userValiator;    
  6.     public String getPassword() {   
  7.         return password;   
  8.     }   
  9.        
  10.     public void setPassword(String password) {   
  11.         this.password = password;   
  12.     }   
  13.   
  14.     public String getUsername() {   
  15.         return username;   
  16.     }   
  17.   
  18.     public void setUsername(String username) {   
  19.         this.username = username;   
  20.     }   
  21.   
  22.     public UserValidator getUv() {   
  23.         return uv;   
  24.     }   
  25.   
  26.     public void setUv(UserValidator uv) {   
  27.         this.uv = uv;   
  28.     }   
  29.         public String login() {   
  30.         return userValiator.validator(username, password);   
  31.     }   
  32. }   

 MyEclipse-->WEB-JSF-->Managed Bean<o:p></o:p>

<o:p> </o:p>

Project: login<o:p></o:p>

选中:Open Config File in Editor<o:p></o:p>

Name: userValidator 就是Bean中的一个Class: com.test.jsf.UserValidator<o:p></o:p>

Scope: request<o:p></o:p>

<o:p> </o:p>

按下Ctrl + N 键,选择MyEclipse-->WEB-JSF-->Managed Bean<o:p></o:p>

Project: login<o:p></o:p>

选中:Open Config File in Editor<o:p></o:p>

Name: user Class: com.test.jsf.User

Scope: request<o:p></o:p>

点击add按钮<o:p></o:p>

Name: userValiator 注意:这里的内容为User中的userValiator 属性

Class: 这个不填<o:p></o:p>

点下一步<o:p></o:p>

Property Value: #{userValidator} 这里花括号中的内容为刚才配置的UserValidator的name属性,name属性的第一个字母使用的是小写<o:p></o:p>

 

<o:p></o:p>

<o:p>接下来建立四个JSP页面</o:p>

<o:p>分别为index.jsp,main.jsp,success.jsp,error.jsp</o:p>

<o:p>增加配置信息如下</o:p>

 <o:p>xml 代码</o:p>

  1. <navigation-rule>  
  2.         <from-view-id>/login.jspfrom-view-id>  
  3.         <navigation-case>  
  4.             <from-outcome>successfrom-outcome>  
  5.             <to-view-id>/main.jspto-view-id>  
  6.         navigation-case>  
  7.         <navigation-case>  
  8.             <from-outcome>failurefrom-outcome>  
  9.             <to-view-id>/error.jspto-view-id>  
  10.         navigation-case>  
  11.     navigation-rule>  
  12.     <navigation-rule>  
  13.         <from-view-id>/main.jspfrom-view-id>  
  14.     navigation-rule>  
  15.     <navigation-rule>  
  16.         <from-view-id>/error.jspfrom-view-id>  
  17.     navigation-rule>    

编写login.jsp中的代码如下:

<%@ taglib uri = "http://java.sun.com/jsf/html" prefix = "h" %>
<%@ taglib uri = "http://java.sun.com/jsf/core" prefix = "f" %>
<%@ page language = "java" pageEncoding = "UTF-8" %>
< html >
    < head >
       < title >
           Login
       </ title >
    </ head >
    < body >
       < f:view >
< h:form >
< h:panelGrid columns = "3" >
< h:outputLabel for = "username" value = "User Name:" />
< h:inputText id = "username" value = " #{loginBean.username}"required="true" />
< h:message for = "username" />
< h:outputLabel for = "password" value = "Password:" />
< h:inputSecret id = "password" value = " #{loginBean.password}"required="true" /><h:message for="password" />      </h:panelGrid>
< h:panelGrid >
< h:panelGroup >
< h:commandButton value = "Login" action = " #{loginBean.login}"/>
</ h:panelGroup >
</ h:panelGrid >
</ h:form >
</ f:view >
    </ body >
</ html >

你可能感兴趣的:(jsp,bean,Hibernate,MyEclipse,JSF)