架構、框架和設計模式是Web初學者比較難理解和表述的三個概念，在查閱了大量前人寫的部落格和資料後，將這三個概念和Web的經典三層架構搭配講解，總結如下：

一、架構 FrameWork

架構可以理解成對客戶的需求進行拆分，抽象出不同的元件，不同的抽象元件完成不同的功能，偏於設計一個草圖；
一個架構可以包含多個框架和多種設計模式，框架包含了它們之間通訊和呼叫的規則；
不同的框架和設計模式，在同一個架構體系中相互配合，各司其職，最終完成需求。

二、框架 Frame

所謂框架，就是為應用開發者定製的應用骨架；我們在這個應用骨架裡把需要用到的一些底層的類、介面等進行封裝，然後我們依據實際的要求，在這個底層框架的基礎上，再進行二次開發，改寫和增加檔案/程式碼等，最終完成開發目標。

最簡單直觀的理解就是，我們所建立一個工程，或者說Web應用，它就可以理解成一個框架
eg：在STS軟體中，我們建立一個Maven Project

這個SpringMVC可以看成是一個框架，我們在：

src/main/java中，寫入java檔案；
src/main/resources中，寫入java檔案的xml配置檔案；
src/test/java中，寫入用於測試的java檔案；
src/test/resource中，寫入用於測試的java檔案的xml配置檔案；
JRE中放JDK，已內建完畢；
瀏覽器只能找到WebContent目錄下的xml檔案；
WEB-INF目錄下的xml檔案由伺服器找到；
pom.xml檔案是配置依賴注入用的；
 

這樣，一個框架就搭建完畢了，我們在這個框架的基礎上進行二次開發，寫各種java和xml檔案，最終完成開發需求。

三、設計模式 Design Model

設計模式是指標對特定的場景下特定的問題所提出的一種固定的解決方法，是一套被反覆使用、多數人知曉的、經過分類編目的、程式碼設計經驗的總結；主要是為了減少程式碼量，讓開發人員一眼就能知道，這段程式碼是用來解決什麼特定問題的

eg：Java的23種設計模式：

1. 建立型模式（5種）：工廠方法模式，抽象工廠模式，單例模式，建造者模式，原型模式。
2. 結構型模式（7種）：介面卡模式，裝飾器模式，代理模式，外觀模式，橋接模式，組合模式，享元模式。
3. 行為型模式（11種）：策略模式、模板方法模式、觀察者模式、迭代子模式、責任鏈模式、命令模式、備忘錄模式、狀態模式、訪問者模式、中介者模式、直譯器模式。