layui 新手实例教程

首先:
官网地址:https://www.layui.com/
食用建议:1,官方文档和官方实例 &&开源的项目
文档: https://www.layui.com/doc/
实例:https://www.layui.com/demo/
项目demo:https://github.com/FairyLii/layuiTest

(非常厚脸皮的放上了自己写的小demo,这个非常简单,代码简单,适合刚开始看)
大佬的项目地址 :https://github.com/BrotherMa/layuiCMS
(里面的内容非常全面,涵盖了很多内容,页面比较多,可以学习如何设计文件目录以及代码的封装 页面地址:http://www.layuicms.com/v1/)

	以上是学习的资源,下面开始上过程

//分割线///
1,文件结构
layui 新手实例教程_第1张图片
2,html文件解析
layui 新手实例教程_第2张图片
3,js文件解析
layui 新手实例教程_第3张图片

OK fine,上面的结构清晰了,那么下面用一个组件举例子
4,组件实例
layui 新手实例教程_第4张图片

以上就是本人在刚接触layui的时候觉得比较重要的能够清晰点名关键点的部分,各个组件会有自己的一些封装好的api或者属性。基本上仔细看文档都能解决问题。
如果觉得这个还不够,小可爱们可以给我留言,我可以继续写哈哈哈,详细写写组件,自己也学习了。
layui 新手实例教程_第5张图片

你可能感兴趣的:(layui 新手实例教程)