一、菜鸟入门教程

一开始初学一个框架的时候，很多人会无所适从的直接看代码案例和怎么入门，但是很多新手不建议这样操作。这样反倒减少了我们的趣味性，如果太复杂的框架我们看着也会吃力。

我们初学这个layui框架时，应该先大体了解一下它的组成部分、优缺点以及应用场景是什么，比如：很多人用了很久，连layui和layer都没有分清楚，这是不可取的，layer是layui框架组合中的一个其中的模块儿，而layui是一个整合了很多模块的前端框架，属于被包含的关系。

layer只是一个弹框模块儿，该模块儿可以配合layui一起使用，也可以单独使用，只不过单独使用的时候只需要引入jquery.js就可以了噢，layUI框架如果要在页面中全部使用的话，需要引入layui.js和layui.css两个文件就可以。

至于优缺点，优点就是比较轻量便捷，应用起来比较容易吧，因为它不像elementUI这种框架是基于vue的情况下才能够使用，layui是不依赖于任何前端框架，只依赖于浏览器页面儿，也就是说在任何项目中都可以应用，并且可以随手拿来用。

也不需要像现在那些前端工程化一样，需要对前端工具安装配置很多东西，那样太复杂啦，有学习门槛，可以说这是一个为后端程序员提供的对界面快速布局快速设计的优雅的框架，至于缺点，目前暂时还没有发现。

二、layui在十大前端ui框架中的排名

通过这几年layui在国内的各大公司的使用情况和它的火爆程度，我们发现，目前该框架在前端十大ui框架中的排名大概在第五六名左右，使用热度目前依然排在elementUI的前面，因为element UI是在基于vue的基础上，本框架不依赖于任何框架，这是它天然的优势，这也是为什么后端程序员愿意用这个框架的原因所在。

该框架目前在后端程序员中是最受欢迎的一个ui框架，因为往往后端程序员对前端的开发有些磕磕碰碰，了解的没有那么顺手，所以layui的出现解决了他们的痛点，该框架是不需要配置各种工程化复杂的东西了，入门案例也是相当的简单，所以广受后端程成员的好评，也是基于广大后端程序员的用户基础，才将该框架的排名一再飙升。

扩展阅读：

Layui 开发使用文档

Layui项目实战干货总结(精品)

LayUI后台管理与综合示例

三、springboot2.x与layui整合CRM项目实战视频教程信息

1、课程大小：3.26GB

2、课程课时：共计52课时 15小时录播时长

3、播放格式：（.rmvb视频格式）百度云网盘在线播放、下载视频播放器播放、不加密

4、课程板块：技术栈与后端框架搭建项目整合、前端项目整合layui框架实战、前后端协作完成CRM功能模块

5、技术架构：springboot2.x+springMVCspring+Layui+Jquery+mybatis+thymeleaf

6、课件说明：教程课程涵盖素材、代码、笔记资料

7、以下是layui CRM项目实战讲解具体课程介绍

四、技术栈与后端框架搭建项目整合讲解（8课时）

1）CRM项目是什么

2）CRM功能演示与展示

3）管理后台采用的技术栈选型

4）该项目完成的功能介绍

5）Spring boot2X技术整合其它框架完成项目环境的构建

6）整合mybatis作为持久化框架

7）整合springmvc作为控制器实现前端页面到数据库整个流程的打通

8）编写测试案例

9）将项目代码提交到github或者是码云实现团队开发

10）云端码云仓库如何创建仓库与代码提交操作

11）实际开发中如何在码云上将项目当下来在自己的本地进行开发。

图一：技术栈与后端框架搭建项目整合课程信息

扩展阅读：

layui菜鸟教程

layui框架教学视频教程好用的layui前端框架全套 _IT教程屋

layui教程官网

五、前端项目整合layui框架实战（14课时）

1）前端项目中引入类layui框架里

2）编写一个layui快速入门案例

3）编写layui界面整合到spring boot项目。

4）界面面排版示例拷贝与整合。

5）整合类layui后台管理页面。

6）后端项目应用layuiadmin

7）整合好的前端项目与界面修改相应的信息然后打通前后端连接

8）左侧导航栏重新配置与设置。

9）导航栏点击如何切换

10）选择学员信息列表功能作为第一个模块进行测试

11）应用表格控件将学员信息分页展示。

12）讲解layui的表格控制的原理实现。

图二：前端项目整合layui框架实战

六、前后端协作完成CRM功能模块视频教程（）

1）课程订单模块儿功能分析

2）业务逻辑实现思路与代码完成。

3）layui表格接口的数据格式。

4）layui框架分页信息阅读。

5）完成课程订单的分页展现。

6）课程订单模块的其它功能以及增删改查案例。

7）修改删除添加成功之后使用layer弹框弹出提示信息。

8）前端layui与j query结合向后台发出请求提交表单数据。

9）表格列表而细致的功能实现如：双击监听功能。

10）鼠标双击表格实现查看该条信息的详情页面。

11）表格行如何删除数据？

12）表格做修改操作时如何使该行数据默认选中。

13）搜索订单功能实现。

14）layui界面中整合Echarts实现报表展示。

15）spring boot与layui CRM前后端的项目课程总结。

图三：前后端协作完成CRM功能模块

图四：CRM项目代码课件资料

图五：CRM layui项目报表模块效果展示

扩展阅读：

目前流行前端几大UI框架排行榜

前后端数据交互原理(layui+springboot)

vue和layui一起用好用吗?

layui入门案例(简单)