layui后台框架的搭建
layui（谐⾳：类UI) 是⼀款采⽤⾃⾝模块规范编写的前端 UI 框架，遵循原⽣ HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即⽤。其外在极简，却⼜不失饱满的内在，体积轻盈，组件丰盈，从核⼼代码到 API 的每⼀处细节都经过精⼼雕琢，⾮常适合界⾯的快速开发。layui ⾸个版本发布于2016年⾦秋，她区别于那些基于 MVVM 底层的 UI 框架，却并⾮逆道⽽⾏，⽽是信奉返璞归真之道。准确地说，她更多是为服务端程序员量⾝定做，你⽆需涉⾜各种前端⼯具的复杂配置，只需⾯对浏览器本⾝，让⼀切你所需要的元素与交互，从这⾥信⼿拈来。
⼀、从官⽹下载layui（可保存⾄任意盘符）
  下载完成后，可以看到如下架构
1. ├─css //css⽬录
2. ││─modules //模块css⽬录（⼀般如果模块相对较⼤，我们会单独提取，⽐如下⾯三个：）
3. ││├─laydate
4. ││├─layer
5. ││└─layim
6. │└─layui.css //核⼼样式⽂件
7. ├─font //字体图标⽬录
8. ├─images //图⽚资源⽬录（⽬前只有layim和编辑器⽤到的GIF表情）
9. │─lay //模块核⼼⽬录
10. │└─modules //各模块组件
11. │─layui.js //基础核⼼库
12. └─layui.all.js //包含layui.js和所有模块的合并⽂件
layui框架怎么用
⼆、从Git仓库下载layui 的完整开发包，以便于进⾏⼆次开发
三、 npm 安装（前提是要先安装node.js-----此操作见下节node.js的安装）
⼀般⽤于 WebPack 管理
四、完成以上操作后，新建⼀个项⽬（这⾥以MVC为案例）
  然后将下载好的layui（完整移动，不要更改⽂件名以及其他信息）移⾄项⽬
  如上图所⽰
五、现在已经部署好了layui，可以新建页⾯查看效果
  在MVC中新建布局页（框架中有⼀部分内容是⼀样的，所以可以重复使⽤，故新建布局页，在其他项⽬中也可以新建母版页，⽤户控件等等）
  选择获取布局代码，将代码贴⾄布局页中。
  新建布局页和视图页，在布局页中内容主体区域要加@RenderBody()⽅法，其他项⽬不如此，如下
  添加视图--
  运⾏视图，可得到如下效果
  在布局页中给列表⼀加上跳转链接--
  运⾏index.cshtml页⾯后，点击列表⼀，出现如下效果：
  如上操作是简单搭建layui，进⾏后台系统搭建。
  下节讲解上⾯所提到的npm的安装过程。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。