主题(theme)

最新推荐文章于 2023-07-13 10:00:15 发布

原创最新推荐文章于 2023-07-13 10:00:15 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JSP #Struts #CSS #Ajax #XML

struts2 专栏收录该内容

21 篇文章

订阅专栏

本文介绍如何在Struts2框架中定制主题样式及实现国际化配置。通过修改CSS样式来控制表单错误提示的显示，并展示了如何设置Struts2的主题为自定义的css_xhtml。同时，还提供了实现这些功能的具体代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//index.jsp
theme测试
<a href="theme.action">go</a>


//theme.jsp
在struts.xml中控制theme，默认为xhtml，可以设置为：simple/css_html/ajax
		<br/>
		要看页面源码
		<ol>
			<li>
				<s:form> <!-- formFieldError 默认带一个小点 -->
					<div class="formFieldError">
						<s:fielderror /> <!-- 取出放入的对应校验错误 -->
					</div>
					<s:textfield name='aaa'></s:textfield>
				</s:form>
			</li>
		</ol>


//theme1.jsp
<style type="text/css">
.formFieldError {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	vertical-align: bottom;
}

.formFieldError ul { /*list-style-type: none*/
	margin: 0px;
	padding: 3px;
	vertical-align: middle;
}

.formFieldError ul li {  
/* 默认带了 ul li，重写ul li覆盖了原来的，去掉了小点，
也可以重写或定义自己simple主题，覆盖原来的 */
	list-style-type: none
}
</style>

用CSS控制显示
		<br/>
		要看页面源码
		<ol>
			<li>
				<s:form><!-- 去掉了默认带的小点 -->
					<div class="formFieldError">
						<s:fielderror />
					</div>
					<s:textfield name='aaa'></s:textfield>
				</s:form>
			</li>
		</ol>

//struts.xml
<constant name="struts.i18n.encoding" value="GBK" /> <!-- internationalization -->
	<constant name="struts.ui.theme" value="css_xhtml" /><!--
	 <constant name="struts.ui.theme" value="mytheme" /> --><!-- 定义自己的主题 -->
	<package name="theme" extends="struts-default" namespace="/">
		<action name="theme" class="com.bjsxt.struts2.theme.ThemeAction">
			<result>/theme.jsp</result>
		</action>
	</package>

//action
package com.bjsxt.struts2.theme;

import com.opensymphony.xwork2.ActionSupport;

@SuppressWarnings("serial")
public class ThemeAction extends ActionSupport {

	public String execute() { //添加校验错误信息
		this.addFieldError("fielderror.test", "wrong!");
		return SUCCESS;
	}


}