layui实战
一.目录结构 ├─src // layui目录 │ │─lay // 模块核心目录 │ │ └─modules // 各模块组件 │ └─layui.js // 基础核心库 │ └─res // 测试目录 ├─js // js目录 │ ├─modules // 自定义模块 │ └─index.js // 模块加载入口 └─html 测试页面 二.自定义模块 - 简单方法封装 2.1 在 modules 创建模块 // res/js/modules/simple.js layui.define(function(exports){ // 通过exports暴露，给外部使用 exports('simple', function(){ alert('Hello World!'); }); }); 2.2 在 index.js 中配置扩展 // res/js/index.js layui.config({ //自定义layui组件的目录,设定扩展的layui模块的所在目录，一般用于外部模块扩展 base: '/layui/res/js/modules/' }).extend({ //设定组件别名 simple: 'simple', }); 三.自定义模块 - 对象封装 3.1 在 modules 创建模块 // res/js/modules/common.js /** * layui