待解決問(wèn)題:
- 公共組件的名字沖突問(wèn)題(組件管理)
- 同一模塊在不同客戶方的需求不一樣察藐,怎么適配
- 框架規(guī)范的維護(hù)
建議的解決方法:
- 前端需要對(duì)頁(yè)面完全控制【未實(shí)現(xiàn)】
- [需要過(guò)程]目前的php主頁(yè)還控制著CMS的權(quán)限處理,遷移到html需要和后端的配合襟齿。
- 接口平臺(tái)梯澜,及前端模擬數(shù)據(jù)的接入系統(tǒng)的方式【未實(shí)現(xiàn)】
- [馬上進(jìn)行]代碼model層使用model工廠通過(guò)接口配置文件來(lái)產(chǎn)出model寞冯。接口平臺(tái)圍繞接口配置文件做實(shí)現(xiàn):1.管理配置 2.輸出配置
- 前端代碼的可測(cè)試性【未實(shí)現(xiàn)】
- 結(jié)合框架考慮
- 組件管理,component.config【未實(shí)現(xiàn)】
- 加載器,方便管理依賴
- 使用requirejs/modjs吮龄,確認(rèn)使用commonjs規(guī)范
- MVVM
- KnockoutJs/VueJs/...
- 組件初始化命令俭茧,模塊初始化命令
目錄結(jié)構(gòu)
- v3
- common
- lib // 公共js(jquery,NBOSS)/公共樣式/公共圖片/其他非模塊化靜態(tài)資源
- js
- css
- img
- ...
- c_base // 命名需要考量±熘悖基礎(chǔ)組件母债,如表格、表單驗(yàn)證尝抖、樹
- c_bus // 命名需要考量毡们。業(yè)務(wù)組件,如選擇CP昧辽、選擇業(yè)務(wù)號(hào)
modelFactory.js // model工廠
- base
- moduleA
- js
- A1.js
- A2.js
- css
- A.css
- img
- A1.html
- A2.html
- moduleB
- ...
- ext_tw
- ext_gx
- ...
和薛老師討論結(jié)果:
- 上面的目錄結(jié)構(gòu)
-
model工廠
Model工廠及接口輸入 - 模塊加載器
define('base:module1/js/module1', function(require, exports, module){
require('../css/module1.css');
require('jquery');
//require('Starcor.S67');
var Starcor = require('Starcor.S67.MVC');
var NOBSS = require('NBOSS');
var model = require('modelFactory').getModel('double_epg');
model.get_epg_list(params).then(function(data) {
show(data);
}).done().catch();
module.exports = {
destory: function() {
}
};
});