您的位置:首页 > 其它

JadePool应用范例:创建China软件项目

2013-03-25 15:20 375 查看
为了帮助用户更好地认识JadePool,这里将推出系列基础性实用型JadePool应用范例。首先推出的是China软件项目。

China软件项目主要包括以下五个部分

1、中国行政区划

2、中国名族

3、中国产品分类大全

4、RSS订阅

5、商务通讯录

China软件项目

技术组成:JadePool1.0、JSF2.0、Primefaces3.5;

数据库:SQL Server 2000;

开发环境:NetBeans7.2.1;

运行环境:Tomcat7.0

创建China软件项目

在NetBeans主菜单中点击新建项目

步骤1、选择类别“Java Web”,项目“Web 应用程序”

步骤2、名称和位置

项目名称:China

项目位置:D:\SNB_2013

项目文件夹:D:\SNB_2013\China

步骤3、服务器和设置

服务器: Apache Tomcat 7.0.27.0

Java EE 版本: Java EE 6 Web

上下文路径 : /China

步骤4、框架

JavaServer Faces

库:JSF2.1

JSF Servlet URL 模式:*.xhtml //在浏览器中将显示.xhtml后缀 //注:默认配置/faces/*,在浏览器中将显示.jsf后缀

首先页面语言:Facelets //即xhtml文件

组件:PrimeFaces

通过以上四步,点击“完成”,创建了包含PrimeFaces组件的China软件项目。

简要说明

目前完全支持JSF2.0的企业级服务器有GlassFish3.X;在Tomcat6.x、在Tomcat7.x中可以运行JSF2.0,支持JSF受管Bean,不支持依赖注入Bean,Tomcat6.x不支持表达式参数。

运行China软件项目,查看PrimeFaces页面布局效果

运行后,在index.xhtml页面中点击Primefaces welcome page,看到效果如下图:



Netbeans7.2.1使用PrimeFaces3.5默认生成的页面布局的源代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">
<h:head>
<f:facet name="first">
<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
<title>PrimeFaces</title>
</f:facet>
</h:head>

<h:body>

<p:layout fullPage="true">

<p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
Header
</p:layoutUnit>

<p:layoutUnit position="south" size="100" closable="true" collapsible="true">
Footer
</p:layoutUnit>

<p:layoutUnit position="west" size="175" header="Left" collapsible="true">
<p:menu>
<p:submenu label="Resources">
<p:menuitem value="Demo" url="http://www.primefaces.org/showcase-labs/ui/home.jsf" />
<p:menuitem value="Documentation" url="http://www.primefaces.org/documentation.html" />
<p:menuitem value="Forum" url="http://forum.primefaces.org/" />
<p:menuitem value="Themes" url="http://www.primefaces.org/themes.html" />

</p:submenu>

</p:menu>
</p:layoutUnit>

<p:layoutUnit position="center">
Welcome to PrimeFaces
</p:layoutUnit>

</p:layout>

</h:body>

</f:view>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: