PrimeFaces 2.x 学习笔记(开始) 主题的使用

来源：互联网发布：软件开发计划书模板编辑：程序博客网时间：2024/05/29 21:17

       PrimeFaces是一款轻量级开源的JSF组件库，它拥有100多个具有Ajax特性的组件。并还有一套针对移动领域设计的TouchFaces。是最早最完全支持的JSF2.0规范的组件库，借助于JavaEE6.0中的技术，一个jar包，无任何配置，任何依赖，只要将它的命名空间引入，即可享受它带来的n多特性。
        但发现国内对它的关注还不够，鉴于本人对JSF技术的热衷，工作之余希望能够学习一下PrimeFaces ,做下笔记顺便练习一下自己的语言表达能力,甚至还对初学者有些帮助(想到这还是很高兴的)。我选择NetBeans7.0作为开发环境，因为它太方面了。由于今晚是个开始，所以就把这个环境试出来就行，使用它的主题就够了吧。
        关于如何搭建环境，前文已有介绍，几乎是不用任何配置的，尤其是Netbeans7.0已经集成了最新稳定的版本PrimeFaces2.2.1了，今天是个开始，就介绍一下它的主题如何运用吧
        新建一个JavaEE6.0 Web 项目，在选择JSF配置时，选择它的组件为PrimeFaces2.2.1这就可以使用PrimeFaces了，如图：

再到http://primefaces.org/themes.html下载一个主题包(就是一个jar文件，放到lib目录下就可以了。这里我选了redmond。index.xhtml中添加个日历控件如下：

html语言

1.<?xml version='1.0' encoding='UTF-8' ?>  2.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  3.<html xmlns="http://www.w3.org/1999/xhtml"  4.      xmlns:h="http://java.sun.com/jsf/html"  5.      xmlns:p="http://primefaces.prime.com.tr/ui">  6.    <h:head>  7.        <title>Smoke</title>  8.    </h:head>  9.    <h:body>  10.        <p:calendar mode="inline"/>  11.    </h:body>  12.</html>

并要注意在web.xml配置文件中加入配置参数指定相应主题：

xml代码：

1.<context-param>  2.     <param-name>primefaces.THEME</param-name>  3.     <param-value>redmond</param-value>  4.</context-param>

Run一下就会发现使用的是带有redmond主题风格的一个日历，我们也可以根据自己的需要，创建自己的主题，当然我的CSS功力不够的