最後更新日期：2023年04月07日

什麼是MVC?

簡單來說，MVC為 Model、View、Controller的縮寫。

當我還是出了社會的菜鳥時，才接觸到了MVC，距離現今已經好多年了。

 

對於這一個架構奶酒曾經上網GOOGLE查詢，想要多了解關於這個架構的意思，但是可惜網路上有不少難度稍高的範例與說明，讓我很難跟其他一起學習的同事說明，也很難經由這些文章體會這個MVC架構的感覺，但是當時還是有寫了一個簡單的心法說明，現今回頭來看，還是覺得太簡易了，說明的不夠清楚。

 

其實，那個時候也非常的感謝Codeigniter這一套PHP的framework，因為他的快速上手，讓我完全體會到什麼是MVC，而不是經由網路上其他的艱深難懂的文章，來了解MVC，對於MVC其實也只是個心法，一個觀念。

 

以網頁架構來舉例子，我覺得可能是最簡單能夠體會什麼是MVC的觀念。

View

我們目前所”看到”的瀏覽器當中的頁面(畫面)就是一個V，V的意思為View或是翻譯為視圖。

各位在畫面上看到的東西的展現、編排、顏色等等，我們都可以把他歸納在所謂的View裡面，在當中所使用到的技術可能有html、css、javascript、jquery或是更深入的js框架，例如vue、react…等等，專職在這部分的工程師，又可以稱為「前端工程師」。

Model

網頁當中有許多的資料是儲存在資料庫當中的，例如說拍賣網站的商品價錢、你部落格文章的內容、標題、建立日期…等等。

當我們要拿出這些資料需要對資料庫下SQL語法來取出，例如說，我們要取出這本書籍的庫存還剩下幾本? 那我們所寫的的資料庫語法程式，就可以寫在Model內，這個所謂的Model就是在放關於操作資料庫語法的程式碼，也許裡面也有放一些簡單的判斷式，但是基本上整體還是對於資料庫內容的操作為主。

Controller

那C呢?所謂的Controller呢?

所謂的C其實指的就是邏輯計算操作，用英文翻譯為控制者，他有兩個主要的任務。

第一個任務為邏輯的判斷與運算，我們的一些網頁的邏輯運用，例如在登入頁面輸入帳號密碼後，經由前端的html來傳送表單資料給controller，controller要先判斷是否符合設定帳號密碼的格式，格式正確與否，就是經由C來判斷，如果輸入的格式正確，Controller就會透過Model來資料庫內拿取當初設定的帳號密碼，來確認你的輸入是否正確。

聰明的各位可以由上面的敘述來猜測到C的另外一個任務(第二任務)，就是連結View與Model，大家可以把它想像成一個運籌帷幄的大腦控制中心，掌管著從前端到資料庫的控制者，那所謂「後端工程師」，就是指專職做C跟M程式的工程師，以網頁來說相關的技術有PHP、JAVA、.NET…等等。

好了，奶酒已經大概說明完了什麼是MVC，那就可以說，什麼是「全端工程師」了，全端工程師就是指精通MVC技術語法的工程師，可以稱之為「全端工程師」，學海無涯，要成為全端工程師，可是不簡單，奶酒目前也只是後端工程師而已，但是我要學的就已經學不完了。

 

囉嗦的再提出一些關於MVC該注意的地方，奶酒非常堅持的地方有二。

一、View不該直接對於Model做存取，一定要透過C。

二、C不該吐出(印出)前端語法，如：HTML、CSS語法…等等，這些都要由前端來操控的。

 

以上的簡單說明，奶酒不跟大家講程式碼，不寫程式，奶酒試著用言語以及舉出範例，來讓大家了解。

---

如果您喜歡我的文章或是我的文章對您有幫助，歡迎幫我點讚或分享，謝謝您的觀看