iT邦幫忙

2023 iThome 鐵人賽

DAY 11
1

有遇過專案太大,難以管理以及維護的狀況嗎?

這時候我們需要依照模式去設計,今天先講一個模式 : MVC!

MVC

一種軟體設計模式(design pattern),用於組織和分離應用程序的不同部分,以便更容易管理和維護代碼。

通常應用於開發軟體應用程序,特別是網頁應用程序

組成:

https://ithelp.ithome.com.tw/upload/images/20230928/20162596Mvfdb3oaTe.png

  • Model(模型):

    • 模型代表應用程序的數據結構和業務邏輯。
    • 它負責處理數據的存儲、處理和更新。
    • 通常不負責界面或顯示。
  • View(視圖):

    • 負責顯示模型的數據。
    • 可以是圖形界面、網頁頁面或任何用於與用戶互動的介面元素。
  • Controller(控制器):

    • 控制器充當模型和視圖之間的中介,處理用戶的輸入,並根據這些輸入更新模型和視圖。
    • 協調應用程序的邏輯流程。

優點:

  • 簡單易懂:
    • 基於事件驅動,透過呼叫相對應的API來完成操作
    • 程式碼容易理解,學習門檻較低,因此當發生錯誤時,易於判斷。
  • 直接控制元件:
    • 可以直接呼叫元件API,所以能夠直接控制元件的創建、刪除以及各種操作,具有較大的控制權。

缺點:

  • Controller容易受畫面變化影響而修改:
    • 當畫面發生變化並更換了元件,通常也需要修改Controller。

今天先到這,明天介紹另一個模式 MVVM /images/emoticon/emoticon08.gif


上一篇
【DAY10】Bootstrap樣板 & Live Server
下一篇
【DAY12】 MVVM(Model-View-ViewModel)
系列文
30天全端:關於網站實作的聊聊30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言