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

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

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

原文地址:https://www.cnblogs.com/printwangzhe/p/11435247.html