JSF开发实战的第一篇(jsf开发实战一)演示了如何建立一个最简单的JSF应用,从那个例子中我们可以观察到JSF的页面组件是如何与后台的javabean绑定的,也看到了JSF标签的最基本使用。在本文中我们会演示一个更加复杂的应用,它包含了更丰富的JSF标签。
要开发的例子是一个用户管理程序,管理员输入帐号与密码登陆,然后它可以看到所有用户的列表,并且可以修改或者删除其中的一些数据。利用myeclipse所带的jsf-config.xml设计器,页面流程如下:
可以看出,这个应用设计到的业务逻辑有:
用户登陆、修改用户信息、增加新用户、删除用户
我们在后台的数据库操作中使用hibernate框架来辅助开发,相关的技术细节请自行查阅文档。
首先建立pojo文件:User.java,它包含几个基本属性:
private int id;
private String name;
private String password;
private int power;
请自行完成set/get方法,并且编写对应的hbm.xml文件。
我们的主要工作之一,是要建立好供jsf页面组件使用的javabean,把它命名为UMDelegater.java。它会调用UserManager来完成业务逻辑,这里是一个代理模式。UserManager的内容只是简单的增/删/查/改的操作,这里不再具体列出。UMDelegater的内容是:
package org.bromon.jsf.control;
import java.util.List;
import javax.faces.model.DataModel;
import javax.faces.model.ListDataModel;
import org.bromon.jsf.model.UserManager;//自行建立的工具类,负责所有的hibernate操作
import org.bromon.jsf.model.pojo.User;//pojo对象
public class UMDeletager {
private UserManager um=new UserManager();//所有具体的方法都由它来实现
private User user=new User();
private DataModel allUsers=new ListDataModel();//JSF的内置对象,用来封装html中table的数据
//----------set/get方法---------------------
public DataModel getAllUsers() {
return allUsers;
}
public void setAllUsers(List list) {
allUsers.setWrappedData(list);
}
public UserManager getUm() {
return um;
}
public void setUm(UserManager um) {
this.um = um;
}
public User getUser() {
return user;
}
public void setUser(User user) {
this.user = user;
}
//-----功能方法---------
public String login()
{
String s=um.login(this.getUser());
if(s.equals("ok"))
{
this.setAllUsers(um.loadAll());//如果登陆成功,就取出所有的用户信息
return "login:ok";
}else
{
swapper.setLoginFailInfo(s);
return "login:fail";
}
}
public String edit()
{
this.user=(User)allUsers.getRowData();//页面中的table自动返回含有id的user对象
this.user=um.loadById(user.getId());
if(user!=null)
{
return "edit";
}else
{
return "error";
}
}
public String update()
{
um.update(this.getUser());
this.setAllUsers(um.loadAll());//重新取一次数据,目的是更新缓存
return "update:ok";
}
public String addNew()
{
this.setUser(new User());//生成一个新的user对象,不含任何数据,它会被自动映射成一个没有数据的form
return "add";
}
public String add()
{
um.add(this.getUser());
this.setAllUsers(um.loadAll());//重新取一次数据,目的是更新缓存
return "add:ok";
}
}
在jsf-config.xml中声明这个bean:
<managed-bean>
<managed-bean-name>UMDelegater</managed-bean-name>
<managed-bean-class>org.bromon.jsf.control.UMDeletager</managed-bean-class>
<managed-bean-scope>session</managed-bean-scope>
</managed-bean>
业务逻辑就设计完成了,下面可以开始编写jsf文件,首先是index.jsp:
首先引入标签库,并且声明page属性:
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
然后是构建页面:
<body>
<f:view>
<h:form>
<h:panelGrid columns="3">
<h:outputLabel for="name" value="帐号:"/>
<h:inputText id="name" value="#{UMDelegater.user.name}" required="true"/>
<h:message for="name"/>
<h:outputLabel for="password" value="密码:"/>
<h:inputSecret id="password" value="#{UMDelegater.user.password}" required="true" />
<h:message for="password"/>
</h:panelGrid>
<h:panelGroup>
<h:commandButton value="登陆" action="#{UMDelegater.login}"/>
</h:panelGroup>
</h:form>
</f:view>
</body>
页面中声明了两个文本框,分别映射UMDelegater对象中user对象的name属性,和UMDelegater对象中user对象的 password属性。一旦这个表单被提交,这两个文本框的值就会被自动赋给user对象,我们只需要从user中取数据就行了,不用再去执行麻烦的 request.getParameter(“”),更改编码,转换数据类型等操作。
我们同时还声明了一个button,它与 UMDelegater对象的login方法绑定,点击该按钮,系统会执行UMDelegater.login方法,该方法从user对象中取出name 和password,和数据库中的记录进行比较。如果合法,那么就取出所有的数据,放到一个DataModel对象中,具体代码是:
List userList=UserManager.getAllUser();//取得所有用户数据,放到一个List中
DataModel allUser=new ListDataModel ();//DataModel是一个接口,ListDataModel是它的一个实现
allUsers.setWrappedData(userList);//将数据填充进去备用
使用DataModel意义何在呢?JSF中,我们可以把一个html页面上的table和一个DataModel绑定起来,这些数据会自动填充到 table中,我们不必再自己去写循环,生成若干的<tr>、<td>来生成一个table。在list.jsp中我们会看到如何使用DataModel。
放好数据之后,登陆成功的操作就完成了,返回一个login:ok,就可以重定向到list.jsp。如果用户登陆失败,那么会返回login:fail,重定向到error.jsp,它的内容就不叙说了。下面我们看看list.jsp里面有什么,下面是它的 <body>代码:
<body>
<f:view>
<h:form>
<h:dataTable id="users" value="#{UMDelegater.allUsers}" var="u" border="1" width="80%" >
<h:column>
<f:facet name="header">
<h:outputText value="id"/>
</f:facet>
<h:outputText value="#{u.id}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="帐号"/>
</f:facet>
<h:commandLink action="#{UMDelegater.edit}">
<h:outputText value="#{u.name}"/>
</h:commandLink>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="密码"/>
</f:facet>
<h:outputText value="#{u.password}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="权限代码"/>
</f:facet>
<h:outputText value="#{u.power}"/>
</h:column>
</h:dataTable>
<p>
<h:commandLink action="#{UMDelegater.addNew}" value="增加用户" />
</p>
</h:form>
</f:view>
</body>
我们使用了一个h:dataTable标签,它是JSF独有的东西,它会被翻译为一个html的table,通过指定h:dataTable的value= "#{UMDelegater.allUsers}"属性,它就与我们刚才生成的DataModel对象关联起来,数据会被自动填充。我们只需要声明 dataTable中的每一列的表头,数据来自哪个字段就可以了,如下:
<h:column>
<f:facet name="header">
<h:outputText value="id"/>
</f:facet>
<h:outputText value="#{u.id}"/>
</h:column>
表格最后还有一个“增加用户”的按钮,它与UMDelegater.addNew绑定,它会把我们重定向到add.jsp。
需要注意的是,每个用户名都是个超链接,点击之后可以重定向到edit.jsp,这个页面可以修改用户资料。这是通过如下代码实现的:
<h:commandLink action="#{UMDelegater.edit}">
<h:outputText value="#{u.name}"/>
</h:commandLink>
可以看出,实际上系统调用了UMDelegater.edit方法,该方法的功能是根据页面传过来的用户id查询数据库,找到相关记录后返回一个User对象,然后重定向到edit.jsp,由于我们后面编写edit.jsp的时候会把form元素与User对象绑定,所以该User对象所含有的数据会自动显示到各个form元素上。
list.jsp的显示效果如下:
看到这里你也许会问,那么我如何来美化这个表格?实际上这正式JSF这类框架面临的最大问题,它大量的使用了标签库,目前流行的网页制作工具(如 deamweaver)又没有提供足够的支持,所以只能依靠挖掘dataTable标签的各个属性,并且大量依赖css才能实现页面的美化。如果java 世界能有一个强大的JSF IDE,能够提供vs.net一样的能力,那么JSF也许会更容易流行。
下面我们来看看edit.jsp的内容,如下:
<body>
<f:view>
<h:form>
<h:inputHidden id="id" value="#{UMDelegater.user.id}"/>
<h:panelGrid columns="3">
<h:outputLabel for="name" value="帐号"/>
<h:inputText id="name" value="#{UMDelegater.user.name}" required="true"/>
<h:message for="name"/>
<h:outputLabel for="power" value="权限"/>
<h:inputText id="power" value="#{UMDelegater.user.power}" required="true"/>
<h:message for="power"/>
</h:panelGrid>
<h:panelGroup>
<h:commandButton value="保存" action="#{UMDelegater.update}"/>
</h:panelGroup>
</h:form>
</f:view>
</body>
可以看出,edit.jsp并没有什么特别需要留意的,只是一个最简单的form与bean的绑定,“保存”按钮与UMDelegater.update方法绑定,它的功能是把修改后的form数据写入数据库,然后重新取一次数据,以免缓存做怪,看不到修改的效果。
Add.jsp也和edit.jsp很类似,它的内容如下:
<body>
<f:view>
<h:form>
<h:panelGrid columns="3">
<h:outputLabel for="name" value="帐号:" />
<h:inputText id="name" value="#{UMDelegater.user.name}" required="true"/>
<h:message for="name"/>
<h:outputLabel for="password" value="密码:"/>
<h:inputText id="password" value="#{UMDelegater.user.password}" required="true"/>
<h:message for="password"/>
<h:outputLabel for="power" value="权限"/>
<h:inputText id="power" value="#{UMDelegater.user.power}" required="true"/>
<h:message for="power"/>
</h:panelGrid>
<h:panelGroup>
<h:commandButton value="保存" action="#{UMDelegater.add}"/>
</h:panelGroup>
</h:form>
</f:view>
</body>
以上代码和edit.jsp几乎相同,请大家自行阅读理解,一口气写了8页,不想再?唆了。
由于最近时间很不充裕,所以JSF系列暂时打住,无限期搁置。我想这两篇文章已经能够说明很多问题,已经足够引导大家进入JSF的世界,自行研究解决其他细节
分享到:
相关推荐
JSF将是J2EE5.0中所包含的web开发框架,这应该是第一个成为jcp标准,并且随j2eesdk一起发布的web框架,可以看出sun对它的期望很高。JSF最大的竞争对手是tapestry,是apache的产品,但是apache又弄出了个myfaces,是...
本教程向 Java 程序员介绍如何使用 JSF 组件来构建具有高度交互性的部署在 Apache Geronimo 上的 Java EE 应用程序。本教程假定读者使用 Eclipse 集成开发环境(IDE)作为开发平台。
在JSF(JavaServer Faces)编程领域,"经过修改的jsf编程实战导航例子14"是一个关于学生班级管理系统的实战项目。这个项目基于《jsf编程实战导航》这本书中的例子,作者对原有的示例进行了扩展和完善,以涵盖更全面...
在"JSF Web应用开发实战源码"这个资源中,你将找到一系列针对JSF框架的实践示例。这些实例涵盖了JSF的基础到进阶用法,对于初学者来说是极好的学习材料。下面,我们将深入探讨JSF的一些核心概念和技术点: 1. **JSF...
本资源是《JSF编程实战导航》一书的随书源代码,提供了丰富的实例和实践示例,帮助读者深入理解和应用JSF技术。 在JSF中,开发者可以使用组件库来创建用户界面,这些组件可以像HTML元素一样直接在页面上声明。例如...
总结:《JSF实战》一书全面覆盖了JSF技术的各个方面,从基础概念到高级特性的应用,旨在帮助读者快速掌握并熟练运用JSF进行Web开发。通过阅读本书,开发者不仅可以了解到JSF的基本原理,还能通过实战练习提升实际...
通过这三份资料的学习,开发者将全面了解JSF的各个方面,从基本概念到高级特性,从理论到实践,为成为JSF开发专家奠定坚实基础。在学习过程中,建议结合实际编程练习,以加深理解和提高应用能力。同时,JSF社区提供...
通过这几个章节的练习,使读者对JSF开发有个清晰的了解,对JSF框架掌握得更加熟练。第11~15章为进阶部分,介绍几个完整的JSF应用程序开发案例,通过这些接近于企业中真实项目的案例,使读者更进一步理解编码规范,...
**JSF(JavaServer Faces)实战中文版** JavaServer Faces(JSF)是Java平台上的一个用于构建Web应用程序的UI框架。它提供了一种组件化、事件驱动的方式来创建用户界面,简化了开发过程。JSF实战中文版是一本深度...
### JSF实战练习开发知识点详解 #### 一、JSF简介及重要性 **JSF**(JavaServer Faces)是一种基于组件的模型视图控制器(Model-View-Controller, MVC)框架,用于简化Java Web应用程序的开发过程。随着互联网的发展,...
10. **最佳实践**:分享JSF开发中的最佳实践,包括代码组织、安全性和可维护性等方面。 书中的"完整版"可能包含了所有章节,从JSF的基础概念到高级特性的深入探讨,以及一些实战案例和示例代码,旨在帮助读者从零...
综上所述,《JSF实战》这本书是一本经典的 JSF 教程书籍,它不仅涵盖了 JSF 的基础知识,还深入探讨了高级主题,如自定义组件的开发。无论是初学者还是有一定经验的开发者,都能从中受益匪浅。通过本书的学习,读者...
**JSF(JavaServer Faces)实战详解** JavaServer Faces(简称JSF)是Java平台上的一个用于构建Web应用程序的UI框架。它为开发者提供了一种声明式的方式来创建用户界面,使得开发人员可以专注于业务逻辑,而无需...
《JSF Web应用开发实战》是一本专注于JavaServer Faces(JSF)技术的原创精品教程。JSF是一种Java平台上的用户界面组件框架,用于构建和维护动态Web应用程序。该书旨在帮助开发者深入理解和掌握JSF的核心概念、组件...
- **3.1.1 基本要求**:概述了搭建JSF开发环境所需的基本条件。 - **3.1.2 选择JSF实现**:讨论了不同JSF实现之间的差异。 - **3.1.3 目录结构**:解释了典型的JSF项目的目录结构。 - **3.1.4 配置**:介绍了如何...
在JavaServer Faces (JSF) 2.0中,自定义组件是开发人员扩展框架功能的关键方式。通过创建自定义组件,你可以构建符合特定需求的用户界面元素,这些元素可以复用并集成到多个JSF应用程序中。本教程将深入探讨如何在...
《经典Java EE企业应用实战:基于WebLogic/JBoss的JSF+EJB 3+JPA整合开发》介绍了Java EE规范的三大主要规范JSF、EJB 3和JPA,其中JSF是Sun公司提供的JSF RI;EJB 3部分则包含Session Bean、Message Driven Bean的...
JSF(JavaServer Faces)是Oracle公司提供的一个用于构建Web应用程序的MVC框架,而JSF 2.0版本带来了许多改进和新特性,使开发更加简便高效。 首先,TextBox在JSF中被称为`h:inputText`,它是一个用于收集用户单行...
经典JAVA EE企业应用实战基于WEBLOGIC JBOSS的JSF+EJB 3+JPA整合开发——源码.part1 其他部分详见我的上传列表,全部分卷下载完成才能解压。 本书介绍了Java EE规范的三大主要规范JSF、EJB 3和JPA,其中JSF是Sun...
- **开发环境搭建**:指导读者如何搭建一个基本的JSF开发环境,包括所需的软件和配置步骤。 - **第一个JSF应用**:通过一个简单的示例项目,让读者快速上手JSF应用的开发流程。 - **工具介绍**:推荐了一些常用的JSF...