07-30 10:04 阅读 51

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

为了帮助用户更好地认识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>