前端框架
參考polymer
- 自定義元素 文檔
- 控制器
前端架構(gòu)圖.png
<br />
APP （app.js）
主要功能
- app的聲明
- app生命周期
- 公共數(shù)據(jù)
- 公共方法
主要方法
- stop
- start
- createModel
<br />
View視圖（hpr.js/view.js/viewHelper.js）
主要功能 文檔
- 視圖模板
- 視圖控制器
- 視圖屬性
- 計(jì)算屬性
- 生命周期
- 局部刷新
- 視圖區(qū)塊
- 視圖查找
主要方法
- rerender
- render
- createModel
- findView/findViews
- findForm
- findControl
- next
常用瀏覽器端調(diào)試方法
-
View.running[viewId]獲取視圖控制器 -
View.running[viewId].$轉(zhuǎn)換成jquery對(duì)象
<br />
Model模型（model.js）
模型.png
主要功能
- 定義模型
- 統(tǒng)一查詢
- 統(tǒng)一增刪改
- 數(shù)據(jù)過濾
- 數(shù)據(jù)持久化
- 數(shù)據(jù)的快捷操作
- 數(shù)據(jù)同步
主要方法
- createModel （創(chuàng)建模型實(shí)例）
- find
- to(page)
- sort
- add
- update
- delete
- save
- destory
- offline
- each/pick/getCopyById/getByKey/getByIndex/pluck/values/first/last
常用瀏覽器端調(diào)試方法
-
HMP.useModel獲取所有注冊(cè)的模型實(shí)例
<br />
Adapter適配器 （adapter.js）
連接前后端通信
適配器.png
主要功能
- post/get發(fā)送請(qǐng)求
- store/db的socket多終端實(shí)時(shí)同步
- 讀寫文件
- 圖片上傳
- 下載
主要方法
- pull (db/store/file/temp/cache/img)
- push (db/store/file/temp/cache/img)
- get
- post
- download
<br />
路由（router.js）
路由的組成
#guide@guide/guide/route/overview
主要功能
- 切換app和視圖
- 參數(shù)
this.system.router.changingRoute.args - 錨點(diǎn)
<br />
UI組件（ui.js）
三大功能組件
- 布局
- 交互
- 表單
特性
- 風(fēng)格/尺寸/狀態(tài)
- 屬性配置
- 方法
- 事件
<br />
應(yīng)用配置
目前通過zookeeper來管理配置，在前端掛在this.system.settings下，后端掛在conf下
創(chuàng)建配置
在app.js里
this.defineSettings = [
{
key : 'platName',
input : 'textinput',
name : '平臺(tái)名稱',
desc : '可以填寫beibei或者mizhe'
},{
key : 'auto',
input : 'multiform',
inputAttrs : 'hide-name item-name="名稱" item-key="name"',
inputContent : settingInputContent,
inputContext : {
control : this
},
name : '自助查詢報(bào)表',
desc : '自助查詢報(bào)表相關(guān)接口'
}]
修改配置
zookeeper用來管理配置，前端掛在
this.system.settings下，后端掛在conf下
獲取配置
this.system.settings['dc@autoMax']
<br />
