# 必看基礎信息
系統做了一些封裝，先查看此文檔會有效解決你的疑問
# 后臺控制器與JS的綁定
* 控制器中JS的目錄對應為：`public/static/admin/js`
* 文件命名為:`小寫+下劃杠`
* `控制器`的每一個`方法`對應JS的`Controller`對象的一個`屬性`
* 每一個JS文件都需要引入`admin`模塊，并執行監聽`ea.listen();`;
> 例子
* 控制器對應的PHP文件`app/admin/controller/mall/Cate.php`
* 控制器對應的JS文件`public/static/admin/js/mall/cate.js`
* 每一個控制里面的`方法`對應js里面的`屬性`就會自動進行加載
~~~
define(["jquery", "easy-admin"], function ($, ea) {
var init = {
table_elem: '#currentTable',
table_render_id: 'currentTableRenderId',
index_url: 'mall.cate/index',
add_url: 'mall.cate/add',
edit_url: 'mall.cate/edit',
del_url: 'mall.cate/del',
export_url: 'mall.cate/export',
modify_url: 'mall.cate/modify',
};
var Controller = {
index: function () {
ea.table.render({
init: init,
modifyReload: true,
cols: [[
{type: "checkbox"},
{field: 'id', width: 80, title: 'ID'},
{field: 'sort', width: 80, title: '排序', edit: 'text'},
{field: 'title', minWidth: 80, title: '分類名稱'},
{field: 'image', minWidth: 80, title: '分類圖片', search: false, templet: ea.table.image},
{field: 'remark', minWidth: 80, title: '備注信息'},
{field: 'status', title: '狀態', width: 85, search: 'select', selectList: {0: '禁用', 1: '啟用'}, filter: 'status', templet: ea.table.switch},
{field: 'create_time', minWidth: 80, title: '創建時間', search: 'range'},
{
width: 250,
title: '操作',
templet: ea.table.tool,
operat: ['edit', 'delete']
}
]],
});
ea.listen();
},
add: function () {
ea.listen();
},
edit: function () {
ea.listen();
},
};
return Controller;
});
~~~
