好文章需要耐心阅读…茶凡—Matrix
1.1、header.html首先想要使用layui搭建一个这样简洁通用的后台管理模板,需要理解后台管理系统的结构。大致可以分为三部分。
header 这里的header 不只是最上面的部分,可以理解为点击可以跳转路径的地方,例如右边的菜单栏和右上角的用户名按钮。
content 这里就是我们点击按钮显示在中间的页面内容,这个content 页面通常就是根据我们自己业务来定义的,理论可以定义N个。
footer 这里的footer 其实对于后台管理系统来说可有可无,不过有的喜欢把左边菜单和右上角的地方分开来。即左边的header,右上角是footer。
理解了后台管理系统的模板结构,就只需要把它们的公共地方写成模板,在content页面里面去引用他们就可以,随着页面的增加一一引用就好了。
注意
本文中采用的是 thymeleaf + springboot + java + layui 来创建的项目,如果单纯写html可能会有一些区别。
在这个地方在body标签里面定义header 需要声明这个 【th:fragment=“header”】告诉thymeleaf 这是一个header模板。在header 标签里面就写菜单相关的按钮。
>
1.2、footer.html
在footer 里面其实是可有可无的,但是如果是做网站的话就非常由必要的,毕竟关于备案的相关重要信息的必须要的。这里就写个壳子在这里,具体使用否看大家自己的意愿。
1.3、content
about.html这里说的content不是说这个页面叫做content.html哈,这个content 中文就是内容的意思,上面也介绍了content是一个总称,包含了多个页面,而这些页面的名称是自定义的,这里我就以 about.html 为例子吧。
在about.html 页面上需要引用 header.html 和 footer.html 两个页面来组成一个完整的后台页面,当创建新页面的时候同理这样操作。还有一点很重要在body 标签上要加上 【class=“layui-layout-body”】样式,加上它才表示这个页面是layui的中间content内容部分,不然点击后就会跳转到一个html网页上去,达不到想要的效果。
Title
-
8月18日
layui 2.0 的一切准备工作似乎都已到位。发布之弦,一触即发。
不枉近百个日日夜夜与之为伴。因小而大,因弱而强。
无论它能走多远,抑或如何支撑?至少我曾倾注全心,无怨无悔
-
8月16日
杜甫的思想核心是儒家的仁政思想,他有“致君尧舜上,再使风俗淳”的宏伟抱负。个人最爱的名篇有:
- 《登高》
- 《茅屋为秋风所破歌》
-
8月15日
中国人民抗日战争胜利72周年
常常在想,尽管对这个国家有这样那样的抱怨,但我们的确生在了最好的时代
铭记、感恩
所有为中华民族浴血奋战的英雄将士
永垂不朽
-
过去
1.4、效果
茶凡_Matrix仓亏地址:(CommuteRate: 通勤率后台初版 (gitee.com))



