主要代码如下:
<form action="save_Emp.action" method="post" enctype="multipart/form-data" name="form1" id="form1">
<table width="450" border="1" align="center" cellpadding="1" cellspacing="0">
<tr>
<td colspan="3" align="center" bgcolor="#FFFF99">员工添加</td>
</tr>
<tr>
<td width="57">姓名:</td>
<td width="269"><s:textfield name="emp.ename"/></td>
<td width="110" rowspan="7"><img src="uppic/default.jpg" width="110" height="150" /></td>
</tr>
<tr>
<td>性别:</td>
<td> </td>
</tr>
<tr>
<td>地址:</td>
<td></td>
</tr>
<tr>
<td>生日:</td>
<td></td>
</tr>
<tr>
<td>照片:</td>
<td></td>
</tr>
<tr>
<td>部门:</td>
<td></td>
</tr>
<tr>
<td>薪资:</td>
<td></td>
</tr>
<tr>
<td>福利:</td>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="3" align="center" bgcolor="#FFFF99"><s:submit value="确定"/> <s:reset value="重置"/></td>
</tr>
</table>
<p align="center"><a href="findPageAll_Emp.action">员工列表</a></p>
</form>
</body>
浏览器显示样式:
查看网页源代码后:发现:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>员工新增</title>
</head>
<body>
<form action="save_Emp.action" method="post" enctype="multipart/form-data" name="form1" id="form1">
<table width="450" border="1" align="center" cellpadding="1" cellspacing="0">
<tr>
<td colspan="3" align="center" bgcolor="#FFFF99">员工添加</td>
</tr>
<tr>
<td width="57">姓名:</td>
<td width="269"><tr>
<td class="tdLabel"></td>
<td
><input type="text" name="emp.ename" value="" id="emp_ename"/></td>
</tr>
</td>
<td width="110" rowspan="7"><img src="uppic/default.jpg" width="110" height="150" /></td>
</tr>
<tr>
<td>性别:</td>
<td> </td>
</tr>
<tr>
<td>地址:</td>
<td></td>
</tr>
<tr>
<td>生日:</td>
<td></td>
</tr>
<tr>
<td>照片:</td>
<td></td>
</tr>
<tr>
<td>部门:</td>
<td></td>
</tr>
<tr>
<td>薪资:</td>
<td></td>
</tr>
<tr>
<td>福利:</td>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="3" align="center" bgcolor="#FFFF99"><tr>
<td colspan="2"><div align="right"><input type="submit" id="" value="确定"/>
</div></td>
</tr>
<tr>
<td colspan="2"><div align="right"><input type="reset" value="重置"/>
</div></td>
</tr>
</td>
</tr>
</table>
<p align="center"><a href="findPageAll_Emp.action">员工列表</a></p>
</form>
</body>
</html>
分析得这是struts2标签自动添加上去的,这样显示的样式就乱了。
原理:在struts2中加入了theme(主题)的概念,通过设置不同的主题,可以让struts的代码输出不同的html代码,你也就相应得到不同的布局效果。
Struts2提供了三种主题,ajax, simple, xhtml,它默认的是xhtml主题,当然你可以写任意个你自己的主题,我们称之为自定义主题
解决办法:
1.在Struts.xml中,加上下一行代码就可以了
<constant name="struts.ui.theme" value="simple" />
2.在 <s:form 中添加 theme
<s:form theme="simple"></s:form>
重启Tomcat,问题解决!
欢迎关注笔者公众号互相交流!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/96905.html