//這里名字叫require的變量,會被requireJs當(dāng)作是配置參數(shù)自動納入到requireJs.config中
var  require = {
     config: {$config|json\_encode} //$config是后臺渲染的整個系統(tǒng)的配置數(shù)據(jù),包含各種配置參數(shù),這樣模板頁就可以隨意調(diào)用后臺傳過來的數(shù)據(jù)
};

<script src="__CDN__/assets/js/require{$Think.config.app_debug?'':'.min'}.js" data-main="__CDN__/assets/js/require-backend{$Think.config.app_debug?'':'.min'}.js?v={$site.version|htmlentities}"></script>

require(\['jquery', 'bootstrap'\], function ($, undefined) {

 //初始配置

 var  Config = requirejs.s.contexts.\_.config.config;

 //將Config渲染到全局

 window.Config = Config;

 // 配置語言包的路徑

 var  paths = {};
//語言文件的動態(tài)路徑配置
 paths\['lang'\] = Config.moduleurl + '/ajax/lang?callback=define&controllername=' + Config.controllername + '&lang=' + Config.language + '&v=' + Config.site.version;

 // 顯示指明backend的路徑,避免目錄沖突

 paths\['backend/'\] = 'backend/';
//繼續(xù)加入到配置中
 require.config({paths:  paths});

  
// 初始化
    $(function () {
        require(['fast'], function (Fast) {
            require(['backend', 'backend-init', 'addons'], function (Backend, undefined, Addons) {
                //加載相應(yīng)模塊
                if (Config.jsname) {//jsname的值就是'backend/'+后臺控制器的名稱
                    require([Config.jsname], function (Controller) {//require對應(yīng)的控制器Js進(jìn)來
                        if (Controller.hasOwnProperty(Config.actionname)) {//如果控制器Js里面存在對應(yīng)的方法
                            Controller[Config.actionname]();//執(zhí)行這個方法,完成前置的自動執(zhí)行,剩下的就交給相應(yīng)的控制器js了
                        } else {
                            if (Controller.hasOwnProperty("_empty")) {
                                Controller._empty();//這個empty方法是不存在對應(yīng)的方法時的默認(rèn)執(zhí)行方法
                            }
                        }
                    }, function (e) {
                        console.error(e);
                        // 這里可捕獲模塊加載的錯誤
                    });
                }
            });
        });
    });
});

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
        index: function () {
            // 初始化表格參數(shù)配置
            Table.api.init({
                extend: {
                    index_url: 'category/index',
                    add_url: 'category/add',
                    edit_url: 'category/edit',
                    del_url: 'category/del',
                    multi_url: 'category/multi',
                    dragsort_url: '',
                    table: 'category',
                }
            });

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                escape: false,
                pk: 'id',
                sortName: 'weigh',
                pagination: false,
                commonSearch: false,
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id')},
                        {field: 'type', title: __('Type')},
                        {field: 'name', title: __('Name'), align: 'left'},
                        {field: 'nickname', title: __('Nickname')},
                        {field: 'flag', title: __('Flag'), operate: false, formatter: Table.api.formatter.flag},
                        {field: 'image', title: __('Image'), operate: false, formatter: Table.api.formatter.image},
                        {field: 'weigh', title: __('Weigh')},
                        {field: 'status', title: __('Status'), operate: false, formatter: Table.api.formatter.status},
                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                    ]
                ]
            });

            // 為表格綁定事件
            Table.api.bindevent(table);
        },

define(function () {
    var  Controller = {
     index:  function () {
            業(yè)務(wù)代碼.....
    }
    return  Controller;
    }
})