成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

項(xiàng)目實(shí)踐總結(jié)

wpw / 3231人閱讀

摘要：產(chǎn)品特點(diǎn)多角色產(chǎn)品，分為廣告主和供應(yīng)商，通過訂單流程管理雙方的交易行為。由于面臨著后續(xù)修復(fù)數(shù)據(jù)的問題。保證及時(shí)修改到所有。

產(chǎn)品特點(diǎn)

1 多角色產(chǎn)品，分為廣告主和供應(yīng)商，通過訂單流程管理雙方的交易行為。這就意味組件的狀態(tài)是多變，這里多變主要是因?yàn)橐幌聝蓚€(gè)點(diǎn)影響

  一：角色，每個(gè)組件不同的角色會有不同行為,和后臺交互的API也是不一樣的w
  二：訂單狀態(tài)，每個(gè)組件在不同的訂單狀態(tài)會有不同行為

2 探索性產(chǎn)品，產(chǎn)品的方案都是摸索實(shí)踐中產(chǎn)生，沒有成型產(chǎn)品可以借鑒，這就意味著訂單流程隨時(shí)都可能變化，隨時(shí)都要對老數(shù)據(jù)展示進(jìn)行修復(fù)處理。（我們訂單流程大的變化有過3次，每一次都必須兼容老數(shù)據(jù)的處理，頭大..）

前端架構(gòu) 
 架構(gòu)的目的是管理復(fù)雜度，將復(fù)雜問題分為治之，有效管理，方便后續(xù)的開發(fā)與迭代
 
 
 1 通過路由切換頁面級粒度的功能模塊
 

 2  同一頁面內(nèi)的模塊再劃分
     
    一:縱向 通過業(yè)務(wù)功能（可根據(jù)試圖模塊判斷）劃分
    二:橫向：通過model-view-controller三種不同職能劃分
    
    這里根據(jù)我們業(yè)務(wù)的特點(diǎn)：
    1 組件的UI狀態(tài)顯示邏輯比較復(fù)雜，所以我們將組件的顯示和數(shù)據(jù)分離,將組件分為容器型組件和展示型組件。
    容器組件負(fù)責(zé)為展示型組件或者其他容器組件提供數(shù)據(jù)和行為，盡量避免在其中做一些界面渲染相關(guān)的事情。
    展示型組件獨(dú)立于應(yīng)用的其它部分內(nèi)容，不關(guān)心數(shù)據(jù)的加載和變更，保持職責(zé)單一，僅做視圖呈現(xiàn)和最基本交互行為，通過props接收數(shù)據(jù)和回調(diào)函數(shù)輸出結(jié)果，保證接收的數(shù)據(jù)為組件數(shù)據(jù)依賴的最小集
    通過沉淀可復(fù)用的通用業(yè)務(wù)組件提供admin端，廣告主端 供應(yīng)商端復(fù)用。
    
    2 由于面臨著后續(xù)修復(fù)數(shù)據(jù)的問題。我們盡量收斂數(shù)據(jù)，所以盡量將API的控制的調(diào)用封裝在第一層的業(yè)務(wù)功能組件上。保證及時(shí)修改到所有。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103805.html

相關(guān)文章

  • Webpack 最佳實(shí)踐總結(jié)(三)

    摘要：這里要介紹的是工作流中的一種很普遍的代碼加工流程正常的業(yè)務(wù)邏輯開發(fā)流程需要經(jīng)過預(yù)處理器如或，然后再經(jīng)過后處理器如進(jìn)行深加工。 還未看的，可以點(diǎn)擊查看上兩篇文章喲：Webpack 最佳實(shí)踐總結(jié)(一)、Webpack 最佳實(shí)踐總結(jié)(二) 好了，這篇是第三篇，也是完結(jié)篇，我感覺這一篇是最亂的一篇，湊合著看吧，不會讓你失望的 整合 CSS 加工流 有時(shí)候，前端項(xiàng)目中除了 JavaScript ...

    pkhope 評論0 收藏0

  • Webpack 最佳實(shí)踐總結(jié)(三)

    摘要：這里要介紹的是工作流中的一種很普遍的代碼加工流程正常的業(yè)務(wù)邏輯開發(fā)流程需要經(jīng)過預(yù)處理器如或，然后再經(jīng)過后處理器如進(jìn)行深加工。 還未看的，可以點(diǎn)擊查看上兩篇文章喲：Webpack 最佳實(shí)踐總結(jié)(一)、Webpack 最佳實(shí)踐總結(jié)(二) 好了，這篇是第三篇，也是完結(jié)篇，我感覺這一篇是最亂的一篇，湊合著看吧，不會讓你失望的 整合 CSS 加工流 有時(shí)候，前端項(xiàng)目中除了 JavaScript ...

    jerryloveemily 評論0 收藏0

  • TP5實(shí)踐小總結(jié)（1）

    摘要：的關(guān)聯(lián)應(yīng)用參考的多對多關(guān)聯(lián)文檔，給大家簡單介紹一下我在項(xiàng)目應(yīng)用中的實(shí)現(xiàn)。數(shù)據(jù)表根據(jù)繪制的圖我們可以確定，訂單票據(jù)的數(shù)據(jù)表實(shí)現(xiàn)需要三張表，訂單表是數(shù)據(jù)庫關(guān)鍵字因此不能作為表名，票據(jù)表，中間表。 TP5的關(guān)聯(lián)應(yīng)用 參考TP5的多對多關(guān)聯(lián)文檔，給大家簡單介紹一下我在項(xiàng)目應(yīng)用中的實(shí)現(xiàn)。 ER圖講解多對多關(guān)系 showImg(https://segmentfault.com/img/bV7to2...

    EsgynChina 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<