struts2中如何使用主题theme

简介: 一、什么是主题?主题就是一种风格化标签,能够让所有UI标签能够产生同样的视觉效果而归集到一起的一组模板,即风格相近的模板被打包为一个主题 二、struts2提供的主题有哪些呢?struts2中如何修改主题?struts2提供的主题有simple、xhtml、css_xhtml、ajax。

一、什么是主题?

主题就是一种风格化标签,能够让所有UI标签能够产生同样的视觉效果而归集到一起的一组模板,即风格相近的模板被打包为一个主题

 

二、struts2提供的主题有哪些呢?struts2中如何修改主题?

struts2提供的主题有simple、xhtml、css_xhtml、ajax。

simple:把UI标签翻译成最简单的HTML对应元素,而且会忽视行标属性

xhtml:默认的主题。这个主题的模板通过使用一个布局表格提供了一种自动化的排版机制

css_xhtml:这个主题里的模板与xhtml主题里的模板很相似,但他们将使用css来进行布局和排版

ajax:这个主题里的模板以xhtml主题里的模板为基础,但增加了一些ajax功能。

除了这些提供的主题外,我们是不是可以自定义主题呢?很显然是可以的,自定义主题在这里就不做深入挖掘,有兴趣的读者可以寻找网上资料,可以添加评论,将您提供的资料加入本章节中,以保证文章处于实时完善中。

在struts2默认的主题是xhtml。根据主题的类型划分有三种方式修改主题:

1.通过UI标签的theme属性进行修改。例如:

<s:form action="emp-save" theme="simple">

2.往各种作用域中添加theme属性:作用域有page,request,session,application例如:向page中添加simple主题

 <%

page.setAttrbute("theme","simple");

%>

3.通过配置struts.xml文件中的常量属性struts.ui.theme修改主题风格(全局)。示例如下:

<constant name="struts.ui.theme" value="simple"></constant>

目录
相关文章
|
7月前
|
存储 前端开发 安全
SAP UI5 应用的标准 Theme 和自定义 Theme 的加载讨论
SAP UI5 应用的标准 Theme 和自定义 Theme 的加载讨论
58 1
|
9月前
|
JavaScript
ElementUI: 自定义主题
ElementUI: 自定义主题
66 0
|
4月前
|
JavaScript
Vuetify 设置主题
Vuetify 设置主题
|
6月前
|
存储 Android开发
Jetpack-Compose 学习笔记(六)——Compose 主题 Theme 一探究竟,换肤还能如此 Easy & Silky?(下)
Jetpack-Compose 学习笔记(六)——Compose 主题 Theme 一探究竟,换肤还能如此 Easy & Silky?(下)
66 0
|
6月前
|
XML 存储 Android开发
Jetpack-Compose 学习笔记(六)——Compose 主题 Theme 一探究竟,换肤还能如此 Easy & Silky?(上)
Jetpack-Compose 学习笔记(六)——Compose 主题 Theme 一探究竟,换肤还能如此 Easy & Silky?(上)
50 0
|
6月前
|
前端开发 UED
关于使用 SAP UI5 代码设置应用 theme 的技巧
关于使用 SAP UI5 代码设置应用 theme 的技巧
41 0
|
7月前
|
JSON 安全 前端开发
SAP UI5 应用如何加载自定义 Theme
SAP UI5 应用如何加载自定义 Theme
41 1
|
11月前
|
算法 前端开发 JavaScript
聊聊 Ant Design V5 的主题(上):CSSinJS 动态主题的花活
聊聊 Ant Design V5 的主题(上):CSSinJS 动态主题的花活
617 0
|
前端开发 JavaScript
Yii2的主题是干什么的?有什么作用?为什么需要使用主题?
Yii2的主题是干什么的?有什么作用?为什么需要使用主题?
ADI
|
前端开发
[project]element-ui 按需加载自定义主题姿势
[project]element-ui 按需加载自定义主题姿势
ADI
268 0