SpringMVC thymeleaf 关于layout使用的一些心得

前言:本人PHP程序猿一枚,近来想捣鼓捣鼓Java,希望对强类型的语言有深入的理解,就踏上了SpringMVC开发web应用的艰苦之路,由于java只在大学里学习过差不多一年,工作之后就没接触过,所以对java还是很生疏的,不过对编程还是有一定的理解的,大多建立在PHP的认知上,望大牛看到了别喷,只想记录在开发中个人碰到的问题和解决问题的方法。

由于我打算以从后台管理系统入手,所以开发过程中会考虑到使用布局(layout)的这种方式,公用头部,侧边栏(sidebar),底部并且加载公用的css和js资源文件。

第一步:先在pom.xml文件中加入nz.net.ultraq.thymeleaf依赖,这个依赖是实现thymeleaf 使用layout布局的关键,如下图:

第二步:在servlet.xml容器中注入thymeleaf模板引擎(不知道描述的对不对,门外汉),如下:

这里参考了thymeleaf官网layout的文档:传送门

这里我使用了bean注入的方法实现了官网layout需要的配置。

第三步:配置模板的layout文件,我这里将layout文件命名为base.html,页面的部分代码如下:

第四步:接下来我们就可以使用base.html作为基础模板,来往里面塞入不同的内容来展示页面,如:

如果没有第一步和第二部的操作,这里IDE会提示layout这个属性后面的uri is not registed。

最后,来展示下thymeleaf 使用layout布局的最终html的展示效果:

希望这点小小心得对大家有所帮助。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,552评论 25 708
  • Thymeleaf简介 前面的例子我们使用的视图技术主要是JSP。JSP的优点是它是Java EE容器的一部分,几...
    乐百川阅读 9,049评论 2 56
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,991评论 19 139
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 46,971评论 6 342
  • *还记得 风雨里 和你相逢 早知道 如此匆匆 又何必 和你相逢 往事一幕幕 伤心一幕幕 你的眼光你的笑 你的叮咛你...
    95栗子宝宝阅读 153评论 0 0