文章详情

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

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2023-10-09 19:31

关注

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

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

🥈 系列专栏:【Java框架】   

🥉与这篇相关的文章:            

目录

一、前言

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:src替换 HTML 中的 src 属性
th:inline内联属性; 该属性有 text、none、javascript 三种取值, 在
th:action替换表单提交地址

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

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

阅读原文内容投诉

免责声明:

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

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

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯