springboot

        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 页面

以此类推   所有页面正常显示

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值