FastAdmin 个人记录 - Layui加载和语言包加载

Sep 10, 2021#FastAdmin #教程84

AI-generated summary

This article discusses the process of loading Layui and language packs in FastAdmin. It mentions the issues faced with displaying English language in nice-validator and daterangepicker controls. The solution involves downloading the Layui source code from the official website and placing it in the appropriate folder. The backend-init.js file is modified to include the necessary paths and dependencies. Additionally, the en.js file is copied from the moment/locale folder. The article also mentions compressing the JavaScript files using the "php think min" command.

Layui 加载和语言包加载#

由于需要使用 layui 的 css、js
并且发现 fastadmin 后台切换英文时，nice-validator 不能显示英文的问题
daterangepicker 控件不能显示英文

至 layui 官网下载源码，放入 public/assets/libs 下文件夹名 layui
修改文件 public/assets/js.backend-init.js 内容如下
复制 public/assets/libs/moment/locale/en-gb.js 复制为 en.js
执行 php think min -m all -r all 压缩 js，使 debug=false 也能使用

define(['backend'], function (Backend) {
    require.config({
        paths: {
            'layui': '../libs/layui/layui',
        },
        shim: {
            'layui':{
                deps:['css!../libs/layui/css/layui.css'],
                exports: "layui"
            },
            'bootstrap-daterangepicker': [
                'moment/locale/' + Config.language
            ],
            'bootstrap-datetimepicker': [
                'moment/locale/' + Config.language
            ],
        }
    });
    // 配置语言包的路径
    var paths = {};
    if (Config.language == 'en'){
        paths['validator-lang'] = '../libs/nice-validator/dist/local/'+Config.language
        require.config({paths: paths});
    }
});