在PrimeFaces中更改主题

PrimeFaces使用的是jQuery ThemeRoller CSS主题框架 ，并带有30多个预先设计的主题，您可以在几秒钟内下载并应用它们。 在本教程中，我们将向您展示如何更改主题PricePrices。

有两种更改主题的方法：

1. 使用Maven下载并申请。
2. 手动下载并申请。

1. Maven下载

对于Maven用户，请访问此PrimeFaces可用主题 ，选择一个主题并记住在Maven中定义的主题并配置web.xml 。

在这种情况下，我们将向您展示如何将默认主题（aristo）更改为glass-x主题。

档案：pom.xml

//...
	<repositories>
		<repository>
			<id>prime-repo</id>
			<name>Prime Repo</name>
			<url>http://repository.primefaces.org</url>
		</repository>
	</repositories>

	<dependencies>

		<dependency>
			<groupId>org.primefaces.themes</groupId>
			<artifactId>glass-x</artifactId>
			<version>1.0.6</version>
		</dependency>

	<dependencies>

主题版本？
直接访问此PrimeFaces存储库 ，检查主题文件夹以了解哪个是最新的。

档案：web.xml

//...
	<context-param>
		<param-name>primefaces.THEME</param-name>
		<param-value>glass-x</param-value>
	</context-param>

运行它，主题颜色将被更改，然后在源代码中查找，现在它指向glass-x。

<!-- html source code -->
<link type="text/css" rel="stylesheet" href="/project/faces/javax.faces.resource/theme.css?ln=primefaces-glass-x" />

2.手动下载

对于非Maven用户，只需访问PrimeFaces的存储库并手动下载主题jar，然后将其放在您的项目类路径中，并配置web.xml 。

档案：web.xml

//...
	<context-param>
		<param-name>primefaces.THEME</param-name>
		<param-value>glass-x</param-value>
	</context-param>

动态更改主题

使用EL表达式动态应用主题的一个不错的旅程。 请参阅以下代码段：

档案：web.xml

<context-param>
        <param-name>primefaces.THEME</param-name>
        <param-value>#{loggedInUser.preferences.theme}</param-value>
  </context-param>

PS参考– PrimeFaces用户指南

参考文献

1. PrimeFaces可用主题
2. jQuery主题轮
3. PrimeFaces用户指南

标签： primefaces 主题

翻译自: https://mkyong.com/jsf2/primefaces/changing-theme-in-primefaces/