Layui新手教程----帮助小白少走弯路

Layui的学习

Layui官方文档：https://www.layui.com/

　　先说说为啥我接触到了layui，因为需要去参与做一个项目，被学长推荐去学习layui，用来处理一些前端的问题。

　　Layui作为一个前端框架，用起来是十分的方便，并且官方文档中还有很多的模板可以参考。作为一个小白，首次接触layui还是比较茫然的，不知道如何去下手，网上搜索的博客也是杂七杂八的，起初看了一个多小时还是不明所以，作为一个走过来的小白，希望能给其他像我一样的小白一点经验，让他们少走一点弯路。

　　首先，当你搜索”layui教程”，你会发现许多博客都是给你贴脸丢一堆代码的截图啥的，瞬间就懵逼了。又或者你会发现，我搜索的是layui教程，为啥给我讲layer，看了一半就感觉受骗了。

那么，我就来快速的解释一下，layui是什么，layui是一个整合了多个模块的框架，之前提到的layer就是其中的一种模块。

通过这张图，我们就可以明白，网上很多教程是把layer单独拿出来用的，所以需要安装JQuery1.8。但是如果我们把layer当一个模块使用的话，我们就只需要引入layui.css和layui.js。

那么问题又来了，如何引入这两个东西呢？？

说来也丢人，我在相对路径的填写上绕了半个多小时，导致上面的组件一直导入不进去（我觉得一般小白也会在这个地方栽跟头，所以我就把，相对路径的教程贴出来https://blog.csdn.net/chenjine125/article/details/50920602，另外建议把网页和layui放在一个文件夹里面，这样便于操作）。

当上面两个问题就解决了之后，那么我们就可以正式的来学习layui了

关于layui的教程：

https://blog.csdn.net/weixin_42855542/article/details/83153807

这个大佬写的博客挺好的，可以去看看。

另外，学的话，多看一下官网的文档，他人的博客只能属于帮助你理解，真正起作用的还是官方的文档。