FastAdmin 個人記錄 - Layui加載和語言包加載

2021年9月10日#FastAdmin #教程82

AI 翻譯

這篇文章透過AI由英文翻譯成繁體中文。查看原文

AI 生成的摘要

FastAdmin个人记录中提到了关于Layui加载和语言包加载的问题。作者发现在使用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的情况下也能使用。在配置语言包的路径时，如果Config.language为en，则将validator-lang路径设置为'../libs/nice-validator/dist/local/'+Config.language。

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});
    }
});