MVC, The flow chart of design and debug(MVC架構 網頁設計與除錯的思考流程)

  • 3683
  • 0
  • 2017-04-29

MVC架構 網頁設計思考流程

M=Model, C=Controller ,V=View

1. .先思考好使用者介面,需要哪些功能與資料,並且完成簡單的V。如:標題,主版面套用

2. 寫好C裡面的get部分確定要從資料庫裡取得那些資料

3. 寫好M裡的responsiblty,從資料庫取出資料與進行商業邏輯的判斷或運算

4. 將處理完的資料取出丟給ViewModel並開始偵錯 測試資料的接收與取得是否出錯

5. 在ViewModel裡使用客戶端語法寫好V要的功能與呈現方式

6. 在C的post裡處理要傳給伺服器端儲存的資料並於最後導向新頁面

對我來說這張圖寫出了MVC的設計流程,最近這階段不管是除錯或設計都是在照著這張圖上的流程再處理,靠者這張圖能使我對MVC的設計架構更為清楚