?

?

?

Atitit 提升效率 界面gui方面的前后端分離與cbb體系建設 規范與推薦標準

?

?

1. 界面gui方面的前后端分離重大意義1

2. 業務邏輯也適當的遷移js化1

3. 常用分離方法2

3.1. 頁面html 靜態化2

3.2. Html Ide用好dw ，切莫手寫ui界面代碼，少量調整可以手動調整。2

3.3. H5 html+ajax與后端徹底的前后端分離2

3.4. Ajax 推薦使用fetch w3c api.也可使用jq ajax備用 。2

3.5. 數據綁定到表格，到form表單使用vue.js2

3.6. 模擬json數據測試 ，可以使用本地json法，或者使用sql接口2

3.7. 模塊化 以文件夾為目標模塊化，方便跨項目復制。3

3.8. Cbb體系 通用化 抽象化3

4. 其他與界面想過的提升效率方法3

4.1. 需求文檔直接生成html界面原形3

4.2. 原形設計h5化3

4.3. 國際化，配置化3

4.4. 跨域 與服務端代理（已經實現）3

4.5. 直接方便html界面與后端的連接。3

?

1.?界面gui方面的前后端分離重大意義

這樣方便人員梯度建設以及加快效率。。一個項目很大的部分就在于界面制作

當界面制作好，就可以通過通用接口或者本地json直接連接測試，提升效率。

?

?

2.?業務邏輯也適當的遷移js化

很大部分，業務邏輯是根據項目情況，有些部分很適合遷移到js端來實現。更簡單快捷的開發與熱部署

后端則類庫化。通用化。

?

3.?常用分離方法

3.1.?頁面html 靜態化

優點非常多，跨語言跨平臺通用，java ??php ??net 項目，安卓 ios跨平臺app都可以使用。。。

方便前端人員隨時調整與介入。如用服務端技術，則修改門檻變高，前端人員難以修改

方便調整，無需服務器環境。。

3.2.?Html Ide用好dw ，切莫手寫ui界面代碼，少量調整可以手動調整。

?

3.3.?H5 html+ajax與后端徹底的前后端分離

3.4.?Ajax 推薦使用fetch w3c api.也可使用jq ajax備用 。

經過洗衣洗衣項目的驗證。。基本證明fetch效果很好了，兼容性chrome ff 360se

Get操作全兼容，Post操作在360se8會有點兼容性問題，可以使用jq實現post。。

?

Ajax方面解決方案參照文檔：：Atitit ?v2 ?ajax 最佳實踐規范 標準化流程attilax總結 r34.docx

?

3.5.?數據綁定到表格，到form表單使用vue.js

具體使用參照我們總結的vue使用文檔。。以及范例。。可以配合jq綜合使用。。

?

3.6.?模擬json數據測試 ，可以使用本地json法，或者使用sql接口

?

3.7.?模塊化 以文件夾為目標模塊化，方便跨項目復制。

3.8.?Cbb體系 通用化 抽象化

設計模塊，的時候，盡可能的通用化，向上抽象一層。。這樣可以多重適用于多個項目

?

4.?其他與界面想過的提升效率方法

4.1.?需求文檔直接生成html界面原形

從需求文檔直接直接生成大概的界面。用來做原形，以及實際使用的前端。

如有調整，則直接調整界面微調即可。

4.2.?原形設計h5化

直接以h5做原形。。優點是原形完成，基本立即可以運用到項目中，無需二次轉換

有些界面可能有些復雜，配合現有原型工具。

4.3.?國際化，配置化

國際化可以實現配置化的界面生產

?

?

4.4.?跨域 與服務端代理（已經實現）

4.5.?直接方便html界面與后端的連接。

?

作者:: 綽號:老哇的爪子claw of Eagle 偶像破壞者Iconoclast image-smasher

捕鳥王"Bird Catcher ?kok??虔誠者Pious 宗教信仰捍衛者 Defender Of the Faith. 卡拉卡拉紅斗篷 Caracalla red cloak 萬獸之王

簡稱：： Emir Attilax Akbar 埃米爾 阿提拉克斯 阿克巴

全名：：Emir Attilax Akbar bin Mahmud bin ?attila bin Solomon bin adam Al Rapanui 埃米爾 阿提拉克斯 阿克巴 本 馬哈茂德 本 阿提拉 本 所羅門 本亞當 ?阿爾 拉帕努伊

常用名：艾提拉（艾龍）， ?EMAIL:1466519819@qq.com

?

?

頭銜：uke總部o2o負責人，全球網格化項目創始人，

uke交友協會會長 ?uke捕獵協會會長 Emir Uke部落首席大酋長，

?

uke宗教與文化融合事務部部長， uke宗教改革委員會副主席

uke制度與重大會議委員會委員長，uke保安部首席大隊長,uke制度檢查委員會副會長，

?

uke 首席cto ??軟件部門總監 技術部副總監 ?研發部門總監主管 ?產品部副經理 項目部副經理???uke科技研究院院長 uke軟件培訓大師

?

uke波利尼西亞區大區連鎖負責人 湯加王國區域負責人?uke克爾格倫群島區連鎖負責人，萊恩群島區連鎖負責人，uke布維島和南喬治亞和南桑威奇群島大區連鎖負責人

?Uke軟件標準化協會理事長理事長 Uke 數據庫與存儲標準化協會副會長

?

uke終身教育學校副校長 ??Uke醫院 與醫學院方面的創始人

?uec學院校長， uecip圖像處理機器視覺專業系主任 ??uke文檔檢索專業系主任

Uke圖像處理與機器視覺學院首席院長

Uke 戶外運動協會理事長 ?度假村首席大村長 ??uke出版社編輯總編

?

轉載請注明來源：attilax的專欄 ??http://www.cnblogs.com/attilax/

--Atiend??v8

?

?

?

?

?

?

轉載于:https://www.cnblogs.com/attilax/p/6623685.html

總結

以上是生活随笔為你收集整理的Atitit 提升效率 界面gui方面的前后端分离与cbb体系建设 规范与推荐标准的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。