后台管理系统搭建1 - layui 前端框架搭建

来源:https://www.bilibili.com/video/BV1ki4y147oK?p=1

下一节链接:https://blog.csdn.net/qq_40893824/article/details/106968464

源码:
https://github.com/13407196713/layui-springboot
https://gitee.com/raboy/layui-springboot.git

目录

    • 下载框架
    • 修改代码
    • HBuilder X
    • 代码分析

下载框架

1 进入 https://www.layui.com,下载:

layui 2021官网下线了。。。(伤心)
备用网址 https://www.python87.com/layui/index.htm
https://www.python87.com/layui/demo/table/totalRow.html

后台管理系统搭建1 - layui 前端框架搭建_第1张图片 文件层次: 后台管理系统搭建1 - layui 前端框架搭建_第2张图片

2 在线实例:https://www.layui.com/demo/
后台管理系统搭建1 - layui 前端框架搭建_第3张图片
后台管理系统搭建1 - layui 前端框架搭建_第4张图片

3 新建你的项目 前端 文件架:
后台管理系统搭建1 - layui 前端框架搭建_第5张图片
左图:刚从 layui 官网下载的文件 中的layui框架代码部分
右图:项目 前端 文件夹

4 在 layui 同一个文件夹下,新建一个 table.html
后台管理系统搭建1 - layui 前端框架搭建_第6张图片

5 选 1 个 稍复杂的网页框架:
后台管理系统搭建1 - layui 前端框架搭建_第7张图片
复制代码 进 table.html:
后台管理系统搭建1 - layui 前端框架搭建_第8张图片

修改代码

6 修改代码:
看下图:
后台管理系统搭建1 - layui 前端框架搭建_第9张图片
上面红框可以不要,可以删除
下面的红框处,有提示:link 的 href 的路径 换成 你的本地路径
如,我的 layui.css 相对 table.htmlsrc=".//layui/layui.js"src="layui/layui.js"
后台管理系统搭建1 - layui 前端框架搭建_第10张图片

代码中需要修改的地方,有注释提示:
后台管理系统搭建1 - layui 前端框架搭建_第11张图片

上图的路径 也换成 本地路径:src=".//layui/layui.js"src="layui/layui.js"

然后把代码中

你可能感兴趣的:(后台管理项目,layui,java,html)