SpringBoot中web模版数据渲染展示的案例详解
在第一节我们演示通过接口返回数据,数据没有渲染展示在页面上 。在这里我们演示一下从后台返回数据渲 染到前端页面的项目案例.
模板引擎
SpringBoot是通过模版引擎进行页面结果渲染的,官方提供预设配置的模版引擎主要有
- Thymeleaf
- FreeMarker
- Velocity
- Groovy
- Mustache
Thymeleaf
和FreeMarker
模板引擎。Thymeleaf Thymeleaf是适用于 Web 和独立环境的现代服务器端 Java 模板引擎。
Thymeleaf 的主要目标是为你的开发工作流程带来优雅的自然模板——HTML可以在浏览器中正确显示,也可以作为静态原型工作,从而加强开发团队的协作。
凭借 Spring Framework 的模块、与你最喜欢的工具的大量集成以及插入你自己的功能的能力,Thymeleaf 是现代 HTML5 JVM Web 开发的理想选择——尽管它还有更多功能。
新建一个模块
文章图片
选择我们需要的组建
Developer Tools
中的Spring Boot DevTools
Web
中的Spring Web
Template Engines
中的Thymeleaf
文章图片
文章图片
文章图片
也可以直接在pom.xml中引入
thymeleaf
依赖org.springframework.boot spring-boot-starter-thymeleaf
文章图片
创建模板页面
src/main/resources/templates/index.html
thymeleaf - 入门小站 - 锐客网
创建
controller
com.rumenz.lession4.controller.ThymeleafRumenController
package com.rumenz.lession4.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; /** * @className: ThymeleafRumenController * @description: TODO 类描述 * @author: 入门小站 rumenz.com * @date: 2021/11/1 **/@Controller@RequestMapping("/")public class ThymeleafRumenController {@RequestMapping(value = "https://www.it610.com/index",method= RequestMethod.GET)public String index(ModelMap m){//数据也可以从数据库查询出来返回m.addAttribute("name", "入门小站"); m.addAttribute("url", "https://rumenz.com"); //返回是一个页码:src/main/resources/templates/thymeleaf.htmlreturn "thymeleaf"; }}
启动项目
文章图片
浏览器验证 浏览器访问
http://127.0.0.1:8080/index
文章图片
FreeMarker FreeMarker是一款模板引擎,即一种基于模板和要改变的数据,并用来生成输出文本(HTML网页,电子邮件,配置文件,源代码等)的通用工具。
引入依赖
org.springframework.boot spring-boot-starter-freemarker
创建模板
src/main/resources/templates/freemarker.html
freemarker - 入门小站 - 锐客网 FreeMarker案例名字:${name}
网址:${url}
配置文件
src/main/resources/application.properties
,指定模板文件的后缀。spring.freemarker.suffix=.html
编写
controller
com.rumenz.lession4.controller.FreeMarkerRumenController
package com.rumenz.lession4.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.RequestMapping; /** * @className: FreeMarkerRumenController * @description: TODO 类描述 * @author: 入门小站 rumenz.com * @date: 2021/11/1 **/@Controller@RequestMapping("/")public class FreeMarkerRumenController {@RequestMapping("/index2")public String index2(ModelMap m){//数据也可以从数据库查询出来返回m.addAttribute("name", "入门小站"); m.addAttribute("url", "https://rumenz.com"); //返回是一个页码:src/main/resources/templates/freemarker.htmlreturn "freemarker"; }}
文章图片
浏览器验证 浏览器访问
http://127.0.0.1:8080/index2
文章图片
本小结源码地址: GitHub:https://github.com/mifunc/springboot/tree/main/lession4
Gitee:https://gitee.com/rumenz/springboot/tree/master/lession4
https://rumenz.com/rumenbiji/springboot-tpl.html
【SpringBoot中web模版数据渲染展示的案例详解】到此这篇关于SpringBoot中web模版数据渲染展示 的文章就介绍到这了,更多相关SpringBoot模版渲染内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- Mybatis|Mybatis Mapper中多参数方法不使用@param注解报错的解决
- 大数据之Hive:Hive中next_day函数
- spark|Spark中RDD的依赖关系
- 从零开始,开发一个|从零开始,开发一个 Web Office 套件(5)(Mouse hover over text)
- HMS|HMS Core Discovery第13期回顾长文——构建手游中的真实世界
- 视觉检测图像分割干货|浅谈BiFPN结构并在mmdetection中从Registry开始逐步实现
- 【Spring|SpringBoot - 使用Assert校验让业务代码更简洁
- 【Spring|SpringBoot - 优雅的实现【自定义参数校验】高级进阶
- 数据仓库|浅谈数仓建设中的分层
- 这样|这样 PDF 的技术简历,HR根本不想看,谈何到面试官手中()