封装的两个层次
1、与具体业务无关的封装，比如 某个具体显示效果，字符操作函数 日期操作函数 或者网络请求函数等
2、与具体业务或者说具体的html页面相关的的模块
/ 定义一应用的通用模块 /layui.define(function (exports) { var $ = layui.$; //对象 var o = { getName: function() { return "测试"; } } //输出 exports('adfRequest', o);});
说明:
var o; 表示是一个对象，getName是其中的一个方法
页面中进行引用【参照之前通用的模块引用方法】<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script src="/template/tpl01/js/adf.js"></script></head><body> <button class="layui-btn" id="btnHello">您好！
</button><script src="/Style/v3/layui/layui.js"></script><script> doLoadLayuiModule("app", function() { layui.app2.AdfRequest.getName(); }); </script></body></html>
这样完成了自定义扩展并使用到html页面中。
注:doLoadLayuiModule ：是封装layui加载模块的方法，代码如下
var globalConfig = { ver: "1.0", moduleDir: "/template/tpl01/js/modules/"};/ 加载Layui模块，并指定版本 @param {any} moduleName /function doLoadLayuiModule(moduleName, callBack) { var arrModule = moduleName.split(","); layui.config({ version:true, base: globalConfig.moduleDir }).use(arrModule,callBack);}
