Struts2第十一篇【简单UI标签、数据回显】

骑猪看日落 2021-09-17 06:08 247阅读 0赞

--------------------

# Struts2UI标签 #

Sturts2为了简化我们的开发，也为我们提供了UI标签…也就是**显示页面的标签**…..

但是呢，Struts2是服务端的框架,因此使用页面的标签是**需要在服务器端解析然后再被浏览器解析**，**最后才显示在页面上的。**因此，它的性能是不够HTML标签好的…HTML直接就能够被浏览器解析

还有一点是：我们在写网页的时候，**肯定是需要使用div+css的页面布局的**。**使用Struts2UI标签也没法干了**….因此，除了有必要的话，才去使用Struts2UI标签

## 简单使用Struts2UI标签 ##

<%--我们发现，Struts2UI标签用起来和HTML是差不多的--%>
    
    <s:form id="form1" name="form1" method="POST" action="#">
    
    
        <%--输入框数据,lable就相当于我们以前外边写的数据--%>
        <s:textfield label="用户名" name="user.username"/>
    
        <%--密码框--%>
        <s:password label="密码" name="user.password"/>
    
        <%--提交按钮--%>
        <s:submit value="提交"/>
    
    </s:form>

当我们查看源文件的时候，发现Struts2UI标签为我们自动加入了很多的标签

![这里写图片描述][SouthEast]

## 设置主题 ##

上面已经说了，Struts2UI标签为我们自动加入了很多的标签，那**有的时候，我们不想要，或者换一种风格的话**，怎么办？？？

Struts2UI标签也为我们**提供了“主题”这样的功能**…

当我们在表单中**设置theme属性为simple**之后…我们发现源文件Struts2自动为我们添加的标签全没了。

![这里写图片描述][SouthEast 1]

如果我们**想整个项目都是使用simple为主题的话，我们可以在配置文件中配置**！

--------------------

# 数据回显 #

我们对数据回显也不会陌生，在使用EL表达式的时候就已经用过了数据回显了….那为啥数据回显放在Struts2标签这里讲解呢？？？因为Struts2也提供了数据回显的支持，并且，使用**数据回显必须要使用Struts2的标签**…

![这里写图片描述][SouthEast 2]

## 按照正常思路写数据回显 ##

在Struts中按照正常思路写数据回显是这样的：

*  **把数据放到request域中存储，跳转到对应的JSP页面…**

public String login() {
            //把数据存储到域中
            Map<String, Object> request = ActionContext.getContext().getContextMap();
    
            request.put("username", "zhongfucheng");
            request.put("password", "123");
    
            return SUCCESS;
        }

*  **JSP页面使用Struts2标签，设置value属性就可以进行数据回显了**

<s:form id="form1" name="form1" method="POST" action="" >
    
    
        <%--输入框数据,lable就相当于我们以前外边写的数据--%>
        <s:textfield label="用户名" name="user.username" value="%{#request.username}"/>
    
        <%--密码框--%>
        <s:password label="密码" name="user.password"/>
    
        <%--提交按钮--%>
        <s:submit value="提交"/>
    
    </s:form>

*  效果：

![这里写图片描述][SouthEast 3]

--------------------

## Struts2提供的数据回显 ##

其实，上面的代码已经实现了数据回显，但Struts2提供了一个更巧妙的方法

![这里写图片描述][SouthEast 4]

也就是说，Struts2可以**直接在name中就可以实现数据回显了**….要做的是：

*  **我们回显的数据在根元素下的，也就是保存在CompoundRoot中的数据【保存在根元素的数据不用使用\#号就可以获取】**

因此，我们把想要回显的数据放在CompoundRoot下

*  **直接放在值栈的数据就是根元素数据**

//得到值栈对象
            ValueStack valueStack = ActionContext.getContext().getValueStack();
            valueStack.set("username","zhongfucheng");

*  在JSP就可以直接获取了

<s:textfield label="用户名" name="username"/>

*  效果：

![这里写图片描述][SouthEast 5]

--------------------

[SouthEast]: /images/20210827/3279520cee334a5996751bad6c385251.png
[SouthEast 1]: /images/20210827/b0097884ec884678bfb0ca717cdaed67.png
[SouthEast 2]: /images/20210827/84b2c1fb30d944eba716b51f33c4c778.png
[SouthEast 3]: /images/20210827/359f41f353474076b3e3f787fc119a7b.png
[SouthEast 4]: /images/20210827/3a1b9155cd8946d0b399bb9958a52a68.png
[SouthEast 5]: /images/20210827/b88330056dad4c18ba553f1c9a6675b8.png