概述
1、与具体业务无关的封装，比如 某个具体显示效果，字符操作函数 日期操作函数 或者网络请求函数等
2、与具体业务或者说具体的html页面相关的的模块
定义插件 app.js
/** * 定义一应用的通用插件 * */layui.define(function (exports) { var $ = layui.$; //对象 var o = { getName : function() { return "名称"; } } //输出 exports('app', o);});页面js index.js
/** * 定义一应用的通用插件 * * */layui.define(['app'],function (exports) { var $ = layui.$; var app = layui.app; //函数封装 var o = { }; //页面操作部分 $("body").on("click","#btnHello", function() { layer.msg(app.getName()); }); //输出 这个可以有或者没有。index.js只对index.html有用. exports('index', o);});页面index.js文件引用了通用插件 app.js
页面index.html 引入 index.js文件
<!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("index", function() { //令扩展 });</script></body></html>注当前Html.只使用了加载index.js这个对应的模块,具体的页面加载完成后的动作可以不写
版权声明：内容来源于互联网和用户投稿 如有侵权请联系删除