學習 Javascript Mvc

Michael Zippo

軟件開發人員在設計新應用程序或網站時通常使用設計模式。高級設計模板是用於解決問題的非常通用的可重用模板。

本文探討了模型-視圖-控制器 (MVC) 設計模式：它是什麼，為什麼它可能很有用，以及如何開始學習設計 MVC 應用程序。

什麼是 MVC 設計模式？

如果要記住關於設計模式的一件事，是 MVC 設計模式要求每個組件獨立工作以貢獻於設計模式的總體目標：創建出色的圖形用戶界面。

模型-視圖-控制器設計模式由 Trygve Reenskaug 引入在 1970 年代為施樂工作時。隨後，兩位計算機科學家將 MVC 整合為用戶界面範例，他們於 1988 年在 The Journal of Object-Oriented Programming 上撰寫了一篇關於該主題的文章。

有MVC 框架的三個主要組件：

模型
模型純粹是應用程序的邏輯。它不是用戶界面 (UI) 的一部分，但它是用戶界面將呈現的模型。將其視為一個數據庫、數據庫架構以及如何將對象添加到數據庫的規則。
視圖
應用程序視圖可能正是您的想法：我們的數據在屏幕上的物理表示。例如，它可以是任何圖形或表格。
控制器
控制器監視您的操作。當前端與後端對話時，控制器會收到一條消息，告訴後端如何與模型層交互。

MVC用於加速開發過程。構建 Web 應用程序時要遵循的模型可以避免巨大的“如何開始”問題。我們希望這些模型可以減少解決問題所需的時間。

即使每個組件MVC 設計模式中的大多數在整體工作中相互依賴，它們是獨立的代碼塊。分離問題使您的代碼更簡潔、更短且更可重用。

它還負責與多個開發人員一起開發應用程序的後勤工作，允許開發人員開發不同的功能，而不必擔心踩到別人的代碼。

學習如果您打算成為任何類型的 Web 開發人員，請使用模型-視圖-控制器模型。了解這種設計架構將使故障排除更加容易。它是設計 Web 應用程序最流行的方法之一。

學習需要多長時間取決於以不同的方式解決問題——如果你已經知道如何編碼的話。您可以通過學習編碼來學習 MVC 設計模式。在了解構建應用程序所需的內容時，請注意架構以及應如何構建它。

您的里程可能會隨著時間和實踐的一致性而變化。

我建議按照說明用戶交互在應用程序中如何變化的路徑來學習此架構。

如果您是新手要編碼，我建議你先學習至少一門編程語言。 JavaScript、Python 或 C# 是學習的絕佳選擇，因此您可以在創建項目時推進對模型視圖控制器的探索。

用戶
- 用戶如何與網頁交互？
- 這些用戶事件在您使用此範例的語言中如何工作？
- 幫助您入門的項目：HTTP請求、JavaScript事件循環、fetch API、axios等
控制器
- 主要有哪些部分控制器？
- 控制器收到請求後，接下來會發生什麼？
模板
- 什麼是模板，它是做什麼來檢查數據庫的？
- 當模型收到更新數據庫的指令時，接下來會發生什麼？
視圖
- 視圖從模型接收到數據庫已更新的信息
- 視圖 c 更改屏幕上顯示的內容，以便用戶看到它到期到用戶交互的起源。