JadePool应用范例：完善China软件项目（一）

        JSF框架负责与客户设备交互，并把表示层、应用程序逻辑层、用户业务逻辑层相互连接起来。
        China软件项目采用JSF2.1、Primefaces3.5、JadePool1.0技术框架，它符合一个标准的MVC三层架构模式。在这样的技术架构中，浏览器页面、手机页面等客户端组成视图层，通过JSF框架渲染xhtml文件实现；JSF受管Bean的属性作为数据模型通过JSF组件与视图连接；JSF受管Bean除了提供数据（即模型）外，还承担控制层的功能，通过处理JSF组件提交的动作（action）和值更改事件对用户做出反应，实现更新视图或更新数据模型的操作。JSF的作用域仅仅限定在表示层，对数据持久化操作通过管理JadePool实现。

        Primefaces提供了丰富的JSF2.0可视化组件，用于在xhtml页面文件中构建可视化UI元素，Primefaces采用JQueryUI实现web2.0的功能。

        在NetBeans7.2.1中创建该项目后，需要完善以下工作：

                1、修改web.xml文件；
                2、添加jadepool-1.0-GBK.jar、all-themes-1.0.9.jar文件；
                3、修改JQueryUI默认样式；
                4、创建数据库，配置数据库连接；
                5、创建后台管理页面架构。

        一、修改web.xml文件
        将

<context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
</context-param>

        修改为

<context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Production</param-value>
        <!--
        以下配置会出现•The button/link/text component needs to have a Form in its ancestry. Please add <h:form>. 的问题
        <param-value>Development</param-value>
        -->
</context-param>

        增加以下部分，用来修改Primefaces样式主题

    <context-param>
        <param-name>javax.faces.DATETIMECONVERTER_DEFAULT_TIMEZONE_IS_SYSTEM_TIMEZONE</param-name>
        <param-value>true</param-value>
    </context-param>
    <context-param>
        <param-name>primefaces.THEME</param-name>
        <param-value>start</param-value>
        <!--start|hot-sneaks|excite-bike|dot-luv|bluesky|aristo|bootstrap|blitzer|cupertino -->
    </context-param>

        二、添加两个jar文件

                1、添加jadepool-1.0-GBK.jar文件
                下载网址：http://download.csdn.net/detail/wj800/5109413
                2、添加all-themes-1.0.9.jar文件
                http://repository.primefaces.org/org/primefaces/themes/all-themes/1.0.9/all-themes-1.0.9.jar

在maven工程中，可以加入以下配置下载

    <dependency>  
        <groupId>org.primefaces.themes</groupId>  
        <artifactId>all-themes</artifactId>  
        <version>1.0.9</version>  
    </dependency>  

        三、修改JQueryUI默认样式

        默认样式中，Primefaces元素字体过大。以下CSS样式，用于修正primefaces默认样式，参照www.primefaces.org网站的default.css实现，用于解决这一问题。

h1, h2, h3 {
    margin-top: 0;
}

h1 {
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1em;
    margin-top:20px;
}

.ui-themeswitcher a.ui-selectonemenu-label-container {
    text-decoration: none !important;
}

.ui-widget {
    font-size: 12px !important;
}

.ui-selectoneradio td{border: 0px;padding: 4px;background-color: transparent;}/*去掉p:selectOneRadio中表格宽度*/

.ui-stack {
    bottom: 4px;
    right: 4px;
}