JSF入门的小例子

最新推荐文章于 2022-01-21 10:17:33 发布

hfhwfw

最新推荐文章于 2022-01-21 10:17:33 发布

阅读量1.2k

点赞数 1

分类专栏： SSH_SSM 文章标签： jsf string html encoding validation java

本文链接：https://blog.csdn.net/hfhwfw/article/details/4450212

版权

SSH_SSM 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

自己参照视频教程写的一个JSF小例子(有国际化和验证)，放在这里，共享一下：

用My Eclipse自动导入相应的jar包(手动加上jsf-impl.jar)

jar

例子的目录结构如下：

mulu

User类:

import java.util.Date; public class User { private String name; private String pass; private double age; private double money; private Date update; public double getAge() { return age; } public void setAge(double age) { this.age = age; } public double getMoney() { return money; } public void setMoney(double money) { this.money = money; } public Date getUpdate() { return update; } public void setUpdate(Date update) { this.update = update; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getPass() { return pass; } public void setPass(String pass) { this.pass = pass; } public String checkLogin(){ if(name.equals("lee") && pass.equals("lee")){ return "suc"; }else{ return "err"; } } }

message_en.properties ,message.properties资源文件:

username=username password=password age=age money=money update=update javax.faces.component.UIInput.REQUIRED=Validation Error/: {0}Value is required.

message_zh_CN.properties资源文件：

username=/u7528/u6237/u540D password=/u5BC6/u7801 age=/u5E74/u9F84 money=/u5DE5/u8D44 update=/u751F/u65E5 javax.faces.component.UIInput.REQUIRED=/u4E0D/u80FD/u4E3A/u7A7A

index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>主页面</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> </head> <body> <jsp:forward page="/page/login.faces"></jsp:forward> </body> </html>

login.jsp:

<%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <f:view> <f:loadBundle basename="message" var="msg"/> <html> <head> <title>This is hfhwfw's first JSF page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> </head> <body> <center> <h:form> <h:panelGrid columns="2" border="0" > <h:graphicImage alt="logo" url="/images/logo.jpg"/> <h:panelGrid columns="3" border="0"> <f:facet name="header"> <h:outputText value="Welcome"/> </f:facet> <h:outputText value="#{msg.username}"/> <h:inputText id="userName" value="#{user.name}" required="true"> <f:validateLength minimum="2" maximum="10"/> </h:inputText> <h:message for="userName"/> <h:outputText value="#{msg.password}" /> <h:inputSecret id="userPass" value="#{user.pass}" required="true"> <f:validateLength minimum="2" maximum="10"/> </h:inputSecret> <h:message for="userPass"/> <h:outputText value="#{msg.age}" /> <h:inputText id="userAge" value="#{user.age}" required="true"> <f:convertNumber minFractionDigits="2"/> </h:inputText> <h:message for="userAge"/> <h:outputText value="#{msg.money}" /> <h:inputText id="userMoney" value="#{user.money}" required="true"> <f:convertNumber integerOnly="true"/> </h:inputText> <h:message for="userMoney"/> <h:outputText value="#{msg.update}" /> <h:inputText id="userUpdate" value="#{user.update}" required="true"> <f:convertDateTime pattern="yyyy/MM/dd"/> </h:inputText> <h:message for="userUpdate"/> <h:panelGroup/> <h:commandButton value="提交" action="#{user.checkLogin}"/> <h:panelGroup/> </h:panelGrid> </h:panelGrid> </h:form> </center> </body> </html> </f:view>

welcome.jsp:

<%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>登录成功，欢迎页面</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> </head> <body> <f:view> <h:form> <h:outputText value="#{user.name}"/> 欢迎您！ </h:form> </f:view> </body> </html>

error.jsp:

<%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>登录失败页面</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> </head> <body> <f:view> 对不起，您输入的用户名和密码有误！ </f:view> </body> </html>

faces-config.xml:

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd"> <faces-config> <application> <message-bundle>message</message-bundle> <locale-config> <default-locale>zh</default-locale> <supported-locale>en</supported-locale> </locale-config> </application> <managed-bean> <managed-bean-name>user</managed-bean-name> <managed-bean-class>com.User</managed-bean-class> <managed-bean-scope>session</managed-bean-scope> </managed-bean> <navigation-rule> <from-view-id>/page/login.jsp</from-view-id> <navigation-case> <from-outcome>suc</from-outcome> <to-view-id>/page/welcome.jsp</to-view-id> </navigation-case> <navigation-case> <from-outcome>err</from-outcome> <to-view-id>/page/error.jsp</to-view-id> </navigation-case> </navigation-rule> </faces-config>

web.xml:

<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <context-param> <param-name>javax.faces.CONFIG_FILES</param-name> <param-value>/WEB-INF/faces-config.xml</param-value> </context-param> <servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>0</load-on-startup> </servlet> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.faces</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>