Eclipse3使用JSF来设计页面详解(java)

最新推荐文章于 2022-08-17 16:47:41 发布

steven2006

最新推荐文章于 2022-08-17 16:47:41 发布

阅读量1.3k

点赞数

分类专栏： Java技术专栏文章标签： jsf java eclipse stylesheet html servlet

本文链接：https://blog.csdn.net/steven2006/article/details/1365105

版权

Java技术专栏专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1: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>
    <servlet-name>action</servlet-name>
    <servlet-class>org.apache.struts.action.ActionServlet</servlet-class>
    <init-param>
      <param-name>config</param-name>
      <param-value>/WEB-INF/struts-config.xml</param-value>
    </init-param>
    <init-param>
      <param-name>debug</param-name>
      <param-value>3</param-value>
    </init-param>
    <init-param>
      <param-name>detail</param-name>
      <param-value>3</param-value>
    </init-param>
    <load-on-startup>0</load-on-startup>
</servlet>
<servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>*.faces</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>action</servlet-name>
    <url-pattern>*.do</url-pattern>
</servlet-mapping>

<jsp-config>
    <taglib>
        <taglib-uri>/html_basic</taglib-uri>
        <taglib-location>/WEB-INF/html_basic.tld</taglib-location>
    </taglib>
    <taglib>
        <taglib-uri>/jsf_core</taglib-uri>
        <taglib-location>/WEB-INF/jsf_core.tld</taglib-location>
    </taglib>
</jsp-config>
</web-app>

2:face-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>
    <navigation-rule>
       <from-view-id>/index.jsp</from-view-id>
       <navigation-case>
            <from-outcome>login</from-outcome>
           <to-view-id>/welcome.jsp</to-view-id>
       </navigation-case>

    </navigation-rule>
    <managed-bean>
       <managed-bean-name>user</managed-bean-name>
       <managed-bean-class>com.steven.beans.UserBean</managed-bean-class>
       <managed-bean-scope>session</managed-bean-scope>
    </managed-bean>

</faces-config>

3:java bean

package com.steven.beans;

public class UserBean {
    private String userName;
    public String getUserName() {
       return userName;
    }
    public void setUserName(String userName) {
       this.userName = userName;
    }
}

4: index.jsp页面代码

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/html_basic" prefix="h" %>
<%@ taglib uri="/jsf_core" prefix="f" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>My JSF 'index.jsp' starting 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>
    <f:view>
       <h:form>
            <h:inputText value="#{user.userName}" required="true"></h:inputText>
            <h:commandButton value="Ok" action="login"></h:commandButton>
       </h:form>
    </f:view>
</body>
</html>

5:welcom.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>My JSF 'welcome.jsp' starting 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>
    <f:view>
        Your Name is: <h:outputText value="#{user.userName}"></h:outputText>
    </f:view>
</body>
</html>