我的编程空间,编程开发者的网络收藏夹
学习永远不晚

SpringMvc学习之旅与Thymeleaf的常用用法

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

SpringMvc学习之旅与Thymeleaf的常用用法

 哈喽~大家好呀,这篇继续上篇的SpringMvc讲解与Thymeleaf的常用用法。

 🥇个人主页:个人主页​​​​​             

🥈 系列专栏:【Java框架】   

🥉与这篇相关的文章:            

 【JAVAEE框架】MyBatis与Spring的整合(上)【JAVAEE框架】MyBatis与Spring的整合(上)_程序猿追的博客-CSDN博客
【JAVAEE框架】浅谈 AOP 及代码实现【JAVAEE框架】浅谈 AOP 及代码实现_程序猿追的博客-CSDN博客
【JAVAEE框架】浅谈 Spring 框架的两大核心思想 AOP 与 IOP【JAVAEE框架】浅谈 Spring 框架的两大核心思想 AOP 与 IOP_程序猿追的博客-CSDN博客

目录

一、前言

1、ModelAndView 详解

二、Servlet重定向forward与redirect

1、Model

三、thymeleaf 的用法

1、Thymeleaf 的特点

2、常用的语法

3、th属性


一、前言

1、ModelAndView 详解

前面写到,当控制器处理完请求时,通常会将包含视图名称或视图对象以及一些模型属性的ModelAndView对象返回到DispatcherServlet。

ModelAndView 当中包含了一个model属性和一个view属性,model其实是一个 ModelMap 类型,它是一个LinkedHashMap的子类,view包含了一些视图信息。

如何使用?

ModelAndView 通过 setViewName方法来实现跳转的页面。

eg:跳转的页面 mv.setViewName("user/userInfo"); 就是跳转到 user的userInfo页面

addObject

addObject 该方法用于设置【前端页面要显示的数据是什么】;该方法的参数:可以是任何一个有效的Java对象;该方法默认把对象,存放在当前请求中的;

通过设置键值对的方式来实现传给页面的值。

eg:

    
       
           

超市订单管理系统

       
       
       
${error }
                   
                                                       
                                                       
       
   

该页面是超市管理系统的登录页面,看 input 里面的name属性,用户名的name属性是usercode,那么addObject传值是 mv.addObject(“usercode”,xxx)来传值,注:记得大小写一定要对上

二、Servlet重定向forward与redirect

使用servlet重定向有两种方式,一种是forward,另一种就是redirect。forward是服务器内部重定向,客户端并不知道服务器把你当前请求重定向到哪里去了,地址栏的url与你之前访问的url保持不变。redirect则是客户端重定向,是服务器将你当前请求返回,然后给个状态标示给你,告诉你应该去重新请求另外一个url,具体表现就是地址栏的url变成了新的url。

eg:

ModelAndView mv = new ModelAndView("/user/save/result");//默认为forward模式  ​ModelAndView mv = new ModelAndView("redirect:/user/save/result");//redirect模式  

1、Model

Model 作用: 作为数据流转的载体,相当于前端的一个数据库,就好比后端中的user实体类所对应的数据库User, 从Model中获取数据比从后端的User实体类中获取数据更加方便。

img

如图,这是一个简单的实例,简单展示一下Model是怎么存储数据然后展示到前段页面的。

控制层

@Controller// 在Spring MVC 中使用 @RequestMapping 来映射请求,也就是通过它来指定控制器可以处理哪些URL请求,相当于Servlet中在web.xml中配置@RequestMapping("/user")public class UserAction {​    @RequestMapping("/test04")    public String test02(Model model){​        User user = new User("Lucy","123456",18);        // return "userInfo";        System.out.println(user);        model.addAttribute("user",user);        return "userDetail";    }}

前台页面

    Title​    

用户详情页

   

姓名:${user.username}

   

密码:${user.password}

   

年龄:${user.age}

访问地址

http://localhost:8080/day09_SpringMvc01/user/test04

效果

如果使用 HttpServletRequest 或 HttpSession 来传数据呢?

    @RequestMapping("/test05")    public String test03(User user, Model model, HttpServletRequest request, HttpSession session){        user = new User("Lucy","123456",18);        // return "userInfo";​        // user放入Session        // 用到ServletAPI        request.setAttribute("requestKey","requestValue");        session.setAttribute("sessionKey","sessionValue");​        model.addAttribute("user",user);        return "userDetail";    }

前台页面

    Title    

用户信息页面

  姓名:${user.name}
  年龄:${user.age}
  requestValue:${requestKey}
  sessionValue:${sessionKey}

springMVC.xml 配置说明

                ​                                ​        web.xml 配置说明​      dispatcherServlet    org.springframework.web.servlet.DispatcherServlet          contextConfigLocation      classpath:springMVC.xml            dispatcherServlet    /  ​​

主要理解 DispatcherServlet 的流程理解,控制层传前台可以理解为使用了类似于键值对的方式进行获取值的。

三、thymeleaf 的用法

Thymeleaf 是新一代 Java 模板引擎,与 Velocity、FreeMarker 等传统 Java 模板引擎不同,Thymeleaf 支持 HTML 原型,其文件后缀为“.html”,因此它可以直接被浏览器打开,此时浏览器会忽略未定义的 Thymeleaf 标签属性,展示 thymeleaf 模板的静态页面效果;当通过 Web 应用程序访问时,Thymeleaf 会动态地替换掉静态内容,使页面动态显示。

使用它,需要在 html 标签中,增加额外属性来达到 “模板+数据” 的展示方式,示例代码如下。

        Title

欢迎您访问静态页面 HTML

效果

1、Thymeleaf 的特点

Thymeleaf 模板引擎具有以下特点:

动静结合:Thymeleaf 既可以直接使用浏览器打开,查看页面的静态效果,也可以通过 Web 应用程序进行访问,查看动态页面效果。

开箱即用:Thymeleaf 提供了 Spring 标准方言以及一个与 SpringMVC 完美集成的可选模块,可以快速的实现表单绑定、属性编辑器、国际化等功能。

多方言支持:它提供了 Thymeleaf 标准和 Spring 标准两种方言,可以直接套用模板实现 JSTL、 OGNL 表达式;必要时,开发人员也可以扩展和创建自定义的方言。

与 SpringBoot 完美整合:SpringBoot 为 Thymeleaf 提供了的默认配置,并且还为 Thymeleaf 设置了视图解析器,因此 Thymeleaf 可以与 Spring Boot 完美整合。

注:要使用 Thymeleaf 就要在 html 导入额外属性

xmlns:th="http://www.thymeleaf.org"

2、常用的语法

表达式

变量表达式:${...}

选择变量表达式:*{...}

链接表达式:@{...}

国际化表达式:#{...}

片段引用表达式:~{...}

本人常用的是变量表达式

假设获取 person 对象的 name属性,表达式形式如下:

${person.name}

3、th属性

属性描述示例
th:id替换 HTML 的 id 属性
th:text文本替换,转义特殊字符

hello

th:utext文本替换,不转义特殊字符
欢迎你
th:object在父标签选择对象,子标签使用 *{…} 选择表达式选取值。 没有选择对象,那子标签使用选择表达式和 ${…} 变量表达式是一样的效果。 同时即使选择了对象,子标签仍然可以使用变量表达式。

firstname

th:value替换 value 属性
th:with局部变量赋值运算
th:style设置样式
编程帮 www.biancheng.net
th:onclick点击事件
th:each遍历,支持 Iterable、Map、数组等。
th:if根据条件判断是否需要展示此标签
th:unless和 th:if 判断相反,满足条件时不显示
th:switch与 Java 的 switch case语句类似 通常与 th:case 配合使用,根据不同的条件展示不同的内容
编程帮 www.biancheng.net
th:fragment模板布局,类似 JSP 的 tag,用来定义一段被引用或包含的模板片段
插入的内容
th:insert布局标签; 将使用 th:fragment 属性指定的模板片段(包含标签)插入到当前标签中。
th:replace布局标签; 使用 th:fragment 属性指定的模板片段(包含标签)替换当前整个标签。
th:selectedselect 选择框选中
th:class="lazy" data-src替换 HTML 中的 class="lazy" data-src 属性
th:inline内联属性; 该属性有 text、none、javascript 三种取值, 在
th:action替换表单提交地址

不积跬步无以至千里,趁年轻,使劲拼,给未来的自己一个交代!向着明天更好的自己前进吧!

来源地址:https://blog.csdn.net/aasd23/article/details/127457126

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

SpringMvc学习之旅与Thymeleaf的常用用法

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

jmeter学习指南之常用函数的使用

说明:本文内容是基于jmeter3.0版本来编写,不同版本可能会有个别部分不一致,但是不会差别太大的。JMeter提供了很多函数,如果能够熟练使用,可以为脚本带来很多方便。JMeter函数是一种特殊值,可用于除测试计划外的任何组件。函数调用
2023-06-05

python学习之字符串常用方法和格式化

Python中的字符串同样适用标准的序列操作(索引,分片,乘法,成员判断,求长度,取最小值和最大值),但因为字符串是不可变的,因此字符串不支持分片赋值。1 s='http://www.baidu.com'2 s[-3:]='aaa'3 pr
2023-01-30

Gitlab学习之企业常用的一些git规范

俗话说,没有规矩不成方圆,我们的git也需要规范。下面介绍一下企业常用的一些规范。分支管理规范分支命名不能千奇百怪,必须有统一的命名方式。主要有以下几种:分支管理命名规范解释master 主分支master稳定版本分支,上线完成回归后后,由
2023-10-22

常用的机器学习算法有哪些

常用的机器学习算法有以下几种:1. 线性回归(Linear Regression):通过线性模型进行回归分析。2. 逻辑回归(Logistic Regression):通过逻辑函数进行二分类分析。3. 决策树(Decision Tree):
2023-09-21

常用的深度学习算法有哪些

常用的深度学习算法有以下几种:1. 卷积神经网络(Convolutional Neural Network, CNN):用于图像识别和处理任务。2. 递归神经网络(Recurrent Neural Network, RNN):用于序列数据的
2023-10-08

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录