(20)Struts2_主题

主题

默认情况下, form 标签将呈现为一个 HTML form 元素和一个 table 元素.

<%@page import="com.qbz.struts2_02.PersonComparator"%>
<%@page import="com.qbz.struts2_02.Person"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
    <s:form action="save">
        <s:hidden name="userId"></s:hidden>
        <s:textfield name="userName" label="UserName"></s:textfield>
        <s:password name="passWord" label="Password"></s:password>
        <s:textarea name="desc" label="Desc"></s:textarea>
        <s:submit></s:submit>
    </s:form>

</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
    <form id="save" name="save" action="save" method="post">
<table class="wwFormTable">
        <input type="hidden" name="userId" value="" id="save_userId"/>
        <tr>
    <td class="tdLabel"><label for="save_userName" class="label">UserName:</label></td>
    <td
><input type="text" name="userName" value="" id="save_userName"/></td>
</tr>


        <tr>
    <td class="tdLabel"><label for="save_passWord" class="label">Password:</label></td>
    <td
><input type="password" name="passWord" id="save_passWord"/></td>
</tr>


        <tr>
    <td class="tdLabel"><label for="save_desc" class="label">Desc:</label></td>
    <td
><textarea name="desc" cols="" rows="" id="save_desc"></textarea></td>
</tr>


        <tr>
    <td colspan="2"><div align="right"><input type="submit" id="save_0" value="Submit"/>
</div></td>
</tr>


    </table></form>





</body>
</html>

每一种输入标签都将呈现为一个带标号的输入元素, 而这个输入元素将被包含在一个 tr 元素和 td 元素的内部

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

  • simple: 把 UI 标签翻译成最简单的 HTML 对应元素, 而且会忽视行标属性
  • xhtml: xhtml 是默认的主题. 这个主题的模板通过使用一个布局表格提供了一种自动化的排版机制.
  • css_xhtml: 这个主题里的模板与 xhtml 主题里的模板很相似, 但它们将使用 css 来进行布局和排版
  • ajax: 这个主题里的模板以 xhtml 主题里德模板为基础, 但增加了一些 Ajax 功能.

修改主题:

  • 通过 UI 标签的 theme 属性
  • 在一个表单里, 若没有给出某个 UI 标签的 theme 属性, 它将使用这个表单的主题
  • 在 page, request, session 或 application 中添加一个 theme 属性
  • 修改 default.properties 文件中的 struts.ui.theme 属性.

通过 UI 标签的 theme 属性

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

在一个表单里, 若没有给出某个 UI 标签的 theme 属性, 它将使用这个表单的主题

    <s:form action="save" >
        <s:hidden name="userId" theme="simple"></s:hidden>
        <s:textfield name="userName" label="UserName"></s:textfield>
        <s:password name="passWord" label="Password"></s:password>
        <s:textarea name="desc" label="Desc"></s:textarea>
        <s:submit></s:submit>
    </s:form>

在 page, request, session 或 application 中添加一个 theme 属性

<%
    request.setAttribute("theme", "simple");
 %>
    <s:form action="save" >
        <s:hidden name="userId" ></s:hidden>
        <s:textfield name="userName" label="UserName"></s:textfield>
        <s:password name="passWord" label="Password"></s:password>
        <s:textarea name="desc" label="Desc"></s:textarea>
        <s:submit></s:submit>
    </s:form>

修改 default.properties 文件中的 struts.ui.theme 属性.

struts.xml

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏韩东吉的Unity杂货铺

零基础入门 23: UGUI ScrollView

今天要分享的内容,是近期内关于UGUI的最后一篇,UGUI里的滚动视图ScrollView,后期的内容会根据项目实用的功能组件进行分享。

61110
来自专栏葡萄城控件技术团队

ActiveReports 区域报表中的事件介绍

1、仅触发一次的事件 以下是在报表的处理过程中仅触发一次的所有事件这些事件在报表的处理周期中仅在最开始和结束前触发一次。 ReportStart 该事件在Dat...

24470
来自专栏前端儿

CSS布局 -- 左侧定宽,右侧自适应

14920
来自专栏前端人人

React第三方组件5(状态管理之Redux的使用①简单使用)

本教程总共6篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React第三方组件5(状态管理之Redux的使用①简...

27140
来自专栏我的博客

JQuery中DOM操作[续]

10、设置和获取HTML、文本和值示例代码 <p title=”选择你喜欢的水果?”><b>选择你喜欢的水果?</b></p> <form action=”” ...

26860
来自专栏葡萄城控件技术团队

前端代码标准最佳实践:HTML篇

Web前端代码中,HTML是根本,CSS和JavaScript也是围绕着既有的HTML结构来构建,所以良好的HTML代码结构,除了提高了HTML代码的可读性,可...

30190
来自专栏CDA数据分析师

最全Excel 快捷键总结,告别鼠标!

本文为知乎答主宇轩原创,CDA数据分析师已获得授权 这里正在更新完毕最常用的快捷键和最完整的EXCEL快捷键,并且把最有用的都突出显示了。 快捷键的内容分三类...

28360
来自专栏韩东吉的Unity杂货铺

零基础入门 15: UGUI Button

按钮对于一个应用或者游戏来说。必不可少,今天这篇分享,来说下UGUI里的按钮,Button组件。

16910
来自专栏韩东吉的Unity杂货铺

零基础入门 10: 编辑器下的UGUI Image

Image组件是Unity里显示图片的组件,可以将Sprite类型的图片显示在Canvas下。

13910
来自专栏黒之染开发日记

我在移动web开发中遇到的各种问题

目前(2015年8月3日15:02:24)在大部分安卓手机都发现这个问题,触发bug的条件知道了,但是原因未知。触发bug的条件是需要横向滚动的层不能位于纵向滚...

13620

扫码关注云+社区

领取腾讯云代金券