前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >(12)SpringBoot使用Thymeleaf开发web页面

(12)SpringBoot使用Thymeleaf开发web页面

作者头像
IT云清
发布2022-05-07 16:24:46
6110
发布2022-05-07 16:24:46
举报
文章被收录于专栏:IT云清IT云清

   摘要:本文主要讲解SpringBoot使用Thymeleaf开发web页面。

SpringBoot官方不推荐使用JSP来开发WEB,而是推荐使用如下几种模板引擎来开发:

  • Thymeleaf(SpringBoot官方推荐)
  • FreeMarker
  • Velocity
  • Groovy
  • Mustache

前面我们讲过(8)SpringBoot整合JSP,这里再以Thymeleaf为例,介绍如何和SpringBoot集成,开发web项目。我们这里新建一个项目,因为之前的项目整合了jsp,如果再次整合Thymeleaf比较麻烦,这里直接新建了(所以本文可以独立参考学习),具体步骤如下:

目录:

  • 1.pom.xml引入依赖
  • 2.application.properties配置模板解析的前后缀
  • 3.upload.html创建页面
  • 4.写接口做测试
1.pom.xml引入依赖
2.application.properties配置模板解析的前后缀

配置完之后,当我们接口返回"index"时,会自动解析为

3.upload.html创建页面

我们新建springBoot 的web项目时,目录结构中,resources结构如下:

resources

  • static:默认存放css等文件
  • templates:默认存放我们写得页面

我们现在在templates下创建一个文件上传页面:upload.html,里面写上简单的文件上传的代码:

如果你新建的目录结构没有templates文件夹,自己新建一个就好,前后缀配置对了就可以找到页面进行跳转。

4.写接口做测试

这个类上我们要用@Controller,如果用@RestController,就会返回json格式。 启动项目,我们访问一下:

页面如下:

640?wx_fmt=png
640?wx_fmt=png

选择文件,上传后,页面如下:

640?wx_fmt=png
640?wx_fmt=png

项目结构如下:

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.pom.xml引入依赖
  • 2.application.properties配置模板解析的前后缀
  • 3.upload.html创建页面
  • 4.写接口做测试
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档