前端框架LayUi的使用总结(一)

        近端时间做一个关于后台管理系统时用到了LayUi前端框架,对于搞后台的我开始使用时那真是一脸茫然,百般查阅资料才搞明白一些简单的使用,小小的总结一下分享给大家。不足之处,欢迎指导交流。

  一,使用LayUi需要引入的文件及目录结构

  1. ├─css// css目录
  2. ││─modules//模块css目录(一般如果模块相对较大,我们会单独提取,比如下面三个:)
  3. ││├─Laydate
  4. ││├─层
  5. ││└─layim
  6. │└─layui.css//核心样式文件
  7. ├─font//字体图标目录
  8. ├─images//图片资源目录(目前只有layim和编辑器用到的GIF表情)
  9. │─lay//模块核心目录
  10. │└─模块//各模块组件
  11. │─layui.js//基础核心库
  12. └─layui.all.js//包含layui.js和所有模块的合并文件

二,获取LayUi的方式(良心资源,小小推荐一下喽〜)

1.官网获取  https://www.layui.com /

2.通过  GitHub  或  码云得到  layui的完整开发包

 三,LayUI的使用

相信很多刚开始使用LayUi这款前端框架的小猿们最头疼的就是怎么接收值?怎么传值?接下来就以简单的对管理员的一些操作功能演示一下。

  (一)数据表格的使用:

        1.HTML代码断

   
		
搜索

        2.js代码断(方法渲染以及数据表格重载)

        3.js代码段(数据转译)


        4.js代码段(动态加载的工具按钮)

		

        5.js代码段(时间戳的处理)


后续内容请查看我的博文,前端框架LayUi的使用总结(二)~~~欢迎访问我的博客:谁让你是巧克力​​​​​​​

你可能感兴趣的:(前端框架-layui)