Struts2【UI标签、数据回显、资源国际化】(一)

简介: Struts2【UI标签、数据回显、资源国际化】

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标签为我们自动加入了很多的标签

微信图片_20220221160725.jpg这里写图片描述

设置主题


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

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

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

微信图片_20220221160728.png这里写图片描述

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

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

数据回显

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

微信图片_20220221160731.png这里写图片描述

按照正常思路写数据回显


在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>
  • 效果:

微信图片_20220221160734.png这里写图片描述


Struts2提供的数据回显

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

微信图片_20220221160737.jpg这里写图片描述

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

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

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

  • 直接放在值栈的数据就是根元素数据
//得到值栈对象
        ValueStack valueStack = ActionContext.getContext().getValueStack();
        valueStack.set("username","zhongfucheng");
  • 在JSP就可以直接获取了
<s:textfield label="用户名" name="username"/>
  • 效果:

微信图片_20220221160739.png这里写图片描述

目录
相关文章
|
资源调度 前端开发
前端项目实战叁拾-​react-admin+material ui-页面配置国际化
前端项目实战叁拾-​react-admin+material ui-页面配置国际化
92 0
前端项目实战叁拾-​react-admin+material ui-页面配置国际化
|
XML 编解码 C#
.NET MAUI 安卓 UI 资源设置
本文主要介绍使用 MAUI 开发安卓应用时,如何更换和处理 UI 资源:应用名称,图标,主题配色,状态栏,闪屏。
648 0
.NET MAUI 安卓 UI 资源设置
|
Java Android开发
Struts2【UI标签、数据回显、资源国际化】(二)
Struts2【UI标签、数据回显、资源国际化】
143 0
Struts2【UI标签、数据回显、资源国际化】(二)
|
前端开发 Java
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)下
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)
206 0
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)下
|
前端开发 Java
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)中
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)
169 0
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)中
|
前端开发 JavaScript Java
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)上
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)
176 0
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)上
|
Java 数据安全/隐私保护
Struts2【UI标签、数据回显、资源国际化】
Struts2UI标签 Sturts2为了简化我们的开发,也为我们提供了UI标签...也就是显示页面的标签..... 但是呢,Struts2是服务端的框架,因此使用页面的标签是需要在服务器端解析然后再被浏览器解析,最后才显示在页面上的。
1332 0
|
2月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
3月前
|
开发框架 JavaScript 前端开发
鸿蒙NEXT开发声明式UI是咋回事?
【10月更文挑战第15天】鸿蒙NEXT的声明式UI基于ArkTS,提供高效简洁的开发体验。ArkTS扩展了TypeScript,支持声明式UI描述、自定义组件及状态管理。ArkUI框架则提供了丰富的组件、布局计算和动画能力。开发者仅需关注数据变化,UI将自动更新,简化了开发流程。此外,其前后端分层设计与编译时优化确保了高性能运行,利于生态发展。通过组件创建、状态管理和渲染控制等方式,开发者能快速构建高质量的鸿蒙应用。
160 3
|
13天前
|
移动开发 前端开发 Java
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API,我们可以用它们来创建和部署富客户端应用程序。 JavaFX允许开发人员快速构建丰富的跨平台应用程序,允许开发人员在单个编程接口中组合图形,动画和UI控件。本文详细介绍了JavaFx的常见用法,相信读完本教程你一定有所收获!
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)