這里提供一個基于layui的后臺模板下載：https://share.weiyun.com/5GuYKyH

首頁進入layui官網(wǎng)下載必要的文件，下載后目錄如下：

  ├─css //css目錄
  │  │─modules //模塊css目錄（一般如果模塊相對較大，我們會單獨提取，比如下面三個：）
  │  │  ├─laydate
  │  │  ├─layer
  │  │  └─layim
  │  └─layui.css //核心樣式文件
  ├─font  //字體圖標目錄
  ├─images //圖片資源目錄（目前只有l(wèi)ayim和編輯器用到的GIF表情）
  │─lay //模塊核心目錄
  │  └─modules //各模塊組件
  │─layui.js //基礎核心庫
  └─layui.all.js //包含layui.js和所有模塊的合并文件

并將css文件夾、layui.js、lay文件夾(內(nèi)置模塊,不需要則不用拷貝)拷貝到項目中。
先看看官方文檔的介紹，再往下說：https://www.layui.com/doc/
定義一個名稱為index.js的入口文件，內(nèi)容如下：

<script>
    layui.config({
        base: '/public/static/layui/lay/modlues/' //你存放新模塊的目錄，注意，不是layui的模塊目錄
    }).extend({
    // 加載自定義模塊
        index:'{/}/public/static/layui/js/index',
        login:'{/}/public/static/layui/js/login',
    }).use(['layer','form']); //加載入口 , form 是 lay 模塊核心目錄下的默認form模塊

    //你也可以忽略 base 設定的根目錄，直接在 extend 指定路徑（主要：該功能為 layui 2.2.0 新增）
    layui.extend({
       mod2: '{/}http://cdn.xxx.com/lib/mod2' // {/}的意思即代表采用自有路徑，即不跟隨 base 路徑
    })
</script>

官網(wǎng)文檔：https://www.layui.com/doc/base/modules.html，將入口文件引入html頁面，
分別自定義模塊名稱為/public/static/layui/js/目錄下的index.js與login.js文件，內(nèi)容分別如下：

// index.js
layui.define(['layer'], function(exports){
    var obj = {
        login:function(param) {
            layer.msg(param);
        }
    };
  exports('index', obj); //注意，這里是模塊輸出的核心，模塊名必須和use時的模塊名一致
});  
// login.js
 layui.define(['layer'],function(exports) {
    exports('login',function (callback) {
        callback && callback();
    });
});

然后就可以再項目中使用內(nèi)置的模塊與自定義的模塊

layui.use(['form','index','login'],function(args) {
    layui.index.login(123111111111111111111111);
    layui.login(function() {
        console.log(456);
    });
    console.log(layui.form);
});