SpringBoot后台管理系统,抽取前端页面中的公共代码,对应雷丰阳老师SpringBoot课程。
这一部分主要是将前端页面中的公共部分抽取出来,避免代码的冗余,便于维护和修改
前端页面主要是basic_table.html dynamic_table.html editable_table.html pricing_table.html responsive_table.html 这几个,将他们的公共部分抽取到common.html中
前端页面使用thymeleaf模板引擎,Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。它与 JSP,Velocity,FreeMaker 等模板引擎类似,也可以轻易地与 Spring MVC 等 Web 框架集成。与其它模板引擎相比,Thymeleaf 最大的特点是,即使不启动 Web 应用,也可以直接在浏览器中打开并正确显示模板页面 。与 Velocity、FreeMarker 等传统 Java 模板引擎不同,Thymeleaf 支持 HTML 原型,其文件后缀为“.html”,因此它可以直接被浏览器打开,此时浏览器会忽略未定义的 Thymeleaf 标签属性,展示 thymeleaf 模板的静态页面效果;当通过 Web 应用程序访问时,Thymeleaf 会动态地替换掉静态内容,使页面动态显示。
首先编写接口,来正常访问相应的页面
前端页面目录结构如下
公共的common.html中部分代码如下
抽取完成后,需要在前端查看修改后的效果basic_table页面如下
responsive table 页面
以此类推 所有页面正常显示