一、首先进入官网

https://layui.dev/

然后点击直接下载。

fastadmin后台引入layui_css

 二、把下载好的包放入项目libs目录下。

我这里创建了一个目录叫:fastadmin-layui,然后把包里所有的文件复制到该目录下。

fastadmin后台引入layui_bootstrap_02

三、修改require-backend.js 文件,在 paths 和 shim 中分别添加

文件路径:/public/assets/js/require-backend.js 

require.config({
  paths: {
    //添加layui
    'layui': '../libs/fastadmin-layui/src/layui',
  },
  // shim依赖配置
  shim: {
    //添加layui
    'layui': {
        deps: ["css!../libs/fastadmin-layui/src/css/layui.css"],
        init: function () {
            console.log("在这里init了layui");
            return this.layui.config({ dir: "/assets/libs/fastadmin-layui/src/" });
        },
     },
  },
});

四、在所需要的模块js文件里引入,并拿插件测试

fastadmin后台引入layui_css_03

 

fastadmin后台引入layui_bootstrap_04

define(["jquery", "bootstrap", "backend", "form", "table", "layui"], function (
  $,
  undefined,
  Backend,
  Form,
  Table,
  layui
) {
  var Controller = {
    add: function () {  //我是在add模板中需要引入layui的星级插件
            layui.use(function(){
                var rate = layui.rate;
                // 渲染
                rate.render({
                    elem: '#ID-rate-demo'
                });
            });
            Controller.api.bindevent();
        },
  };
  return Controller;
});

五、清理缓存

php think min -m all -r all

六、刷新页面

fastadmin后台引入layui_bootstrap_05