好的MVC架構,能實現View與Model層的分離、可替代。擁有條理、邏輯清晰的代碼結構。前端
MVC 是一種使用 MVC(Model View Controller 模型-視圖-控制器)設計建立 Web 應用程序的模式。使用MVC的目的是 將M和V的實現代碼分離,從而使同一個程序能夠使用不一樣的表現形式。
核心理念:分離bash
當理解MVC的三個組成部分時,只有抓住核心理念,才能深入的理解其中的含義,並實際應用。架構
view層的主要做用是:實現DOM元素與Controller之間的 「綁定」。函數
所以view的主要內容則是:設計
document.getElementId('id').addEventListener('eventName',controller); document.getElementId('id').innerText = Controller.getModelByKey('text');
Model層的主要做用是:保證數據的 「純淨」 存儲。code
若是你之前對Ajax數據請求屬於哪部分有疑問,那麼從純淨角度來看,它並不該該屬於Model部分。事件
Controller層的主要做用是:「聯接」 View層與Model層。get
所以Controller的主要內容則是:架構模式
要作好MVC架構,必定要把握好各個層的側重方向,劃分好功能區域,保證功能區的分離。event