Web编程学习一: 使用JSF来创建Web应用

最新推荐文章于 2024-10-02 11:14:56 发布

W1nt3rs

最新推荐文章于 2024-10-02 11:14:56 发布

阅读量6.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java EE 文章标签： java web编程 jface

本文链接：https://blog.youkuaiyun.com/starshus/article/details/22511779

Java EE 专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍了如何使用EclipseJuno JavaEE版本和Tomcat7.0环境，从搭建环境到开发，创建并运行一个基本的JSF Web应用。包括创建DynamicWeb项目、安装JSF库、设计页面模板、实现页面间导航等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

好久没有coding了，最近准备重新复习下，现在重新开始，从搭建环境到开发来学习一些比较有用的技术。

第一个例子，是使用JSF来创建一个最简单的Web应用。

我准备的环境是Eclipse Juno Java EE版本，Web服务器是Tomcat 7.0。

1.创建一个jface1的Dynamic Web项目。然后安装JSF 2.1的库。

2.创建页面模板BasicTemplate.xhtml，然后再加上header.xhtml和footer.xhtml.

BasicTemplate.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
  <title><ui:insert name="title">Facelets Tutorial</ui:insert></title>
</head>

<body>

<div id="header">
    <ui:insert name="header">
        <ui:include src="/WEB-INF/templates/header.xhtml"/>
    </ui:insert>
</div>

<div id="content">
    <ui:insert name="content">
    </ui:insert>
</div>

<div id="footer">
    <ui:insert name="footer">
        <ui:include src="/WEB-INF/templates/footer.xhtml"/>
    </ui:insert>
</div>

</body>
</html>

3.创建logon.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/WEB-INF/templates/BasicTemplate.xhtml">
    <ui:define name="content">
        <h:form>
            <h:panelGrid columns="2">
                <h:outputText value="Name"></h:outputText>
                <h:inputText value="#{loginBean.name}"></h:inputText>
                <h:outputText value="Password"></h:outputText>
                <h:inputSecret value="#{loginBean.password}"></h:inputSecret>
            </h:panelGrid>
            <h:commandButton value="Login" action="login"></h:commandButton>
        </h:form>
    </ui:define>
</ui:composition>
</html>

4.创建welcome.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core">
	<ui:composition template="/WEB-INF/templates/BasicTemplate.xhtml">
    	<ui:define name="content">
        	<h:outputLabel value="Welcome #{loginBean.name}"></h:outputLabel>
    	</ui:define>
	</ui:composition>
</html>

5. 创建页面间的导航。