前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >spring boot 中添加模版

spring boot 中添加模版

作者头像
Jimmy_is_jimmy
发布2023-08-18 08:15:26
1730
发布2023-08-18 08:15:26
举报
文章被收录于专栏:call_me_R

Yeah! 本文,我们谈谈如何在 spring boot 中添加模版,因为有时候我们也是需要后端渲染的嘛,比如公司官网,好吧~我听到某位前端小伙伴说用 node 呀,也行~

But,今天我们讲的是 spring boot

添加依赖

案例在之前项目 Spring Boot 整合 Swagger 接口文档工具 基础上进行整改~

这里我们添加模版依赖:

代码语言:javascript
复制
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

添加模版

我们添加测试的模版。

resources/templates 文件夹下新建 admin/index.html 文件:

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Index</title>
</head>
<body>
  <h1>Index</h1>
  <h1 th:text="${message}"></h1>
</body>
</html>

这里我们简单设置模板,message 假设是数据库返回的数据~

添加映射

我们紧接着编写 Controller

代码语言:javascript
复制
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("admin")
public class SysUserController {
    @RequestMapping("/index")
    public String Index(Model model) {
        model.addAttribute("message", "Hello, Spring Boot Thymeleaf!");
        return "admin/index";
    }
}

我们指定了路由的访问路径为 admin/index,然后其对应的模版文件是 resources 下面的 admin/index.html 文件,上面代码映射的模版路径 return "admin/index"

效果

完整操作后,启动项目,可得到下面的结果。

当然,页面很丑,但是不影响我们对该知识点的吸收。

感谢阅读~

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-08-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 添加依赖
  • 添加模版
  • 添加映射
  • 效果
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档