首页 > 电脑专区 > 电脑教程 >

springboot--thymeleaf模板一个简单的web项目

来源:互联网 2023-02-21 18:36:03 199

已经学会了怎么创建一个简单的springboot项目,还想要创建一个简单的html页面,这样在Controller中直接能跳转到这个页面。XjC办公区 - 实用经验教程分享!

于是从网上找各种资源,发现了thymeleaf这个东西,这个东西是springboot推荐使用的前台页面模板,使用这个模板也可以获取Controller中的各种参数,很好用,下面就记录一下如何使用它。XjC办公区 - 实用经验教程分享!

8创建一个简单的springboot项目XjC办公区 - 实用经验教程分享!

工具/原料

  • ecplise
  • thymeleaf

方法/步骤

  • 1

    首先引入thymeleaf包,将其放在pom.xml文件中。XjC办公区 - 实用经验教程分享!

    springboot--thymeleaf模板一个简单的web项目XjC办公区 - 实用经验教程分享!

  • 2

    其次要知道thymeleaf的默认配置,从官网上可以查询到thymeleaf的默认配置,如下。有一个配置就是缓存最好关闭:spring.thymeleaf.cache=false,直接放到application.properties文件中。XjC办公区 - 实用经验教程分享!

    springboot--thymeleaf模板一个简单的web项目XjC办公区 - 实用经验教程分享!

  • 2本页面未经授权抓取自百度经验
  • 3

    踩过的坑:thymeleaf要求,html文档,必须严格的有开闭标签,即有tr>,必须有/tr>;因为是使用ecplise自动创建的html,meta>标签,并没有/meta>标签,导致程序后台一直报错,加上就好了。XjC办公区 - 实用经验教程分享!

    springboot--thymeleaf模板一个简单的web项目XjC办公区 - 实用经验教程分享!

  • 4

    编写Controller,使用ModelAndview返回到Hello页面(mv.setViewName("Hello")就会指向templates/Hello.html文件;可以看上面的thymeleaf默认配置),并携带数据到html页面。XjC办公区 - 实用经验教程分享!

    springboot--thymeleaf模板一个简单的web项目XjC办公区 - 实用经验教程分享!

  • 5

    编写html页面Hello.html 及 application.properties配置,如下图XjC办公区 - 实用经验教程分享!

    springboot--thymeleaf模板一个简单的web项目XjC办公区 - 实用经验教程分享!

    springboot--thymeleaf模板一个简单的web项目XjC办公区 - 实用经验教程分享!

  • 6

    启动项目,打开谷歌浏览器,访问/sjn/hello服务,查看效果XjC办公区 - 实用经验教程分享!

    springboot--thymeleaf模板一个简单的web项目XjC办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!XjC办公区 - 实用经验教程分享!


    标签: 操作系统模板简单项目

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码