栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

layui搭建后台管理系统

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

好文章需要耐心阅读…茶凡—Matrix

首先想要使用layui搭建一个这样简洁通用的后台管理模板,需要理解后台管理系统的结构。大致可以分为三部分。

header 这里的header 不只是最上面的部分,可以理解为点击可以跳转路径的地方,例如右边的菜单栏和右上角的用户名按钮。

content 这里就是我们点击按钮显示在中间的页面内容,这个content 页面通常就是根据我们自己业务来定义的,理论可以定义N个。

footer 这里的footer 其实对于后台管理系统来说可有可无,不过有的喜欢把左边菜单和右上角的地方分开来。即左边的header,右上角是footer。

理解了后台管理系统的模板结构,就只需要把它们的公共地方写成模板,在content页面里面去引用他们就可以,随着页面的增加一一引用就好了。

1.1、header.html

注意

本文中采用的是 thymeleaf + springboot + java + layui 来创建的项目,如果单纯写html可能会有一些区别。

在这个地方在body标签里面定义header 需要声明这个 【th:fragment=“header”】告诉thymeleaf 这是一个header模板。在header 标签里面就写菜单相关的按钮。




    
    
    


    
>
1.2、footer.html

在footer 里面其实是可有可无的,但是如果是做网站的话就非常由必要的,毕竟关于备案的相关重要信息的必须要的。这里就写个壳子在这里,具体使用否看大家自己的意愿。





    

底部部分

1.3、content

这里说的content不是说这个页面叫做content.html哈,这个content 中文就是内容的意思,上面也介绍了content是一个总称,包含了多个页面,而这些页面的名称是自定义的,这里我就以 about.html 为例子吧。

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))

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/936038.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号