在本系列中，我們將討論如何使用 WordPress 建立 Web 應(yīng)用程式。儘管這不是我們將研究程式碼的技術(shù)系列，但我們涵蓋了框架、基礎(chǔ)、設(shè)計(jì)模式、架構(gòu)等主題。

如果您還沒有閱讀該系列的第一篇文章，我推薦您閱讀；但是，出於本文的目的，我們可以將上一篇文章總結(jié)如下：

簡而言之，軟體可以建構(gòu)在框架上，軟體可以擴(kuò)展基礎(chǔ)。

簡單地說，我們區(qū)分了框架和基礎(chǔ)——這兩個(gè)術(shù)語在軟體中經(jīng)常互換使用，儘管它們不是同一件事。 WordPress 是一個(gè)基礎(chǔ)，因?yàn)樗旧砭褪且粋€(gè)應(yīng)用程式。它不是一個(gè)框架。

為此，當(dāng)涉及在 WordPress 上建立 Web 應(yīng)用程式時(shí)，我們需要重新思考架構(gòu)或重新考慮如何建立應(yīng)用程式的概念模型。

Web 應(yīng)用程式的結(jié)構(gòu)

在盡可能高的層級(jí)上，Web 應(yīng)用程式通常由以下三個(gè)元件構(gòu)成：

1. 資料庫層
2. 應(yīng)用層
3. 表示層

一般來說，表示層就是使用者看到的、使用者互動(dòng)的。它包括將某些內(nèi)容呈現(xiàn)在使用者面前所需的所有樣式、客戶端程式碼和標(biāo)記。

當(dāng)使用者點(diǎn)擊某些內(nèi)容或頁面呈現(xiàn)從資料庫檢索的資訊時(shí)，它正在與應(yīng)用程式層進(jìn)行互動(dòng)。

應(yīng)用層負(fù)責(zé)協(xié)調(diào)來自瀏覽器和/或來自使用者操作的資訊到資料庫。有時(shí)，這包括將資訊寫入資料庫（例如來自表單欄位的資訊）以及從資料庫讀取資訊（例如檢索使用者的帳戶資訊）。

就像表示層由不同的元件組成（例如樣式、JavaScript、標(biāo)記等）一樣，應(yīng)用程式層也可以由各種不同的元件組成，例如從資料庫讀取資料和寫入資料到資料庫所需的系統(tǒng)、清理資訊、驗(yàn)證資訊以及執(zhí)行針對(duì)當(dāng)前問題所特有的某些規(guī)則。

最後，資料庫層是儲(chǔ)存資料的地方。它可能由檔案系統(tǒng)組成，可能由 MySQL 資料庫組成，也可能由第三方解決方案組成，例如「雲(yún)端」的資料儲(chǔ)存（例如 Amazon S3 或類似的東西）。

都是抽象的

要理解的重點(diǎn)是，在軟體中，我們總是在處理某種程度的抽象。例如，我們談?wù)撡Y料儲(chǔ)存或資料庫層，但我們並沒有真正具體化。應(yīng)用層和表示層也是如此。

• 我們是在談?wù)摼哂卸鄠€(gè)表格的關(guān)聯(lián)式資料庫，還是在談?wù)撾?yún)端儲(chǔ)存？
• 我們將使用哪種資料存取層連接到應(yīng)用程式層來與資料庫通訊？
• 我們在前端使用哪些框架和語言？普通 JavaScript、jQuery、Knockout.js？ CSS 預(yù)處理器 - LESS 或 Sass 怎麼樣？

顯然，我們現(xiàn)在並不打算提供這些問題的答案，但重點(diǎn)是所有 Web 應(yīng)用程式都包含類似的元件，但每個(gè)元件的詳細(xì)資訊因?qū)０付悺?

WordPress 的元件

作為一個(gè) Web 應(yīng)用程式本身，WordPress 是各種技術(shù)如何組合在一起形成 Web 應(yīng)用程式的完美範(fàn)例：

1. 資料庫層是MySQL資料庫。
2. 應(yīng)用層（有些人會(huì)認(rèn)為是 WordPress 本身）是用 PHP 編寫的，處理許多讀取和寫入資料儲(chǔ)存的核心操作，同時(shí)為開發(fā)人員提供 API 以進(jìn)一步利用它。
3. 表示層使用基本的CSS（至少目前如此）、HTML（一些主題現(xiàn)在使用HTML5）、jQuery，並且部分儀表板使用Backbone.js。

這是 WordPress 架構(gòu)，但是我們想要在應(yīng)用程式之上建立的專案又如何呢？他們?nèi)绾巫裱嗤募軜?gòu)？

好吧，請記住 WordPress 是一個(gè)基礎(chǔ) - 而不是一個(gè)框架 - 因此我們預(yù)設(shè)受到 WordPress 架構(gòu)的影響。這並不意味著在某些情況下我們不能引入自己的程式庫，但它確實(shí)會(huì)影響我們應(yīng)用程式和專案的建置方式。

稍後我們將更多地討論庫、可擴(kuò)展性等，但首先，重要的是要注意，在當(dāng)今時(shí)代，重新構(gòu)思架構(gòu)：將WordPress用於網(wǎng)頁應(yīng)用程式開發(fā)（以及MVVM 和模型、視圖等的其他變體）範(fàn)例風(fēng)靡一時(shí)，但WordPress不遵循這個(gè)慣例。

對(duì)於為什麼這可能是好事或壞事，存在著支持和反對(duì)的爭論，但這不是這篇文章的目的。相反，值得注意的是 WordPress 使用事件驅(qū)動(dòng)模式，而不是模型視圖控制面板。

為此，值得了解事件驅(qū)動(dòng)模型的工作原理，以便您清楚地了解 WordPress 掛鉤的工作原理，以及如何將您的思維從 重新構(gòu)思架構(gòu)：將WordPress用於網(wǎng)頁應(yīng)用程式開發(fā) 或您使用的任何其他範(fàn)式轉(zhuǎn)變使用、WordPress 如何管理其資訊。

事件驅(qū)動(dòng)意味著什麼？

在查看事件驅(qū)動(dòng)應(yīng)用程式的範(fàn)例之前，讓我們回顧一下遵循 重新構(gòu)思架構(gòu)：將WordPress用於網(wǎng)頁應(yīng)用程式開發(fā) 範(fàn)例的含義。

• 首先，視圖用作演示。用戶查看資訊並與用戶介面互動(dòng)。
• 接下來，控制器協(xié)調(diào)模型和視圖之間的資訊。它們響應(yīng)用戶操作，並從模型中檢索資訊以傳輸?shù)揭晥D中。
• 之後，模型代表資料庫中的資料。這可以透過多種方式完成，但最受歡迎的方法之一是將資料庫中的資料映射到物件關(guān)係模型，以便資料以物件的格式表示。

整個(gè)重新構(gòu)思架構(gòu)：將WordPress用於網(wǎng)頁應(yīng)用程式開發(fā)模型如下圖所示：

重新構(gòu)思架構(gòu)：將WordPress用於網(wǎng)頁應(yīng)用程式開發(fā)圖標(biāo)題>

現(xiàn)在，事件驅(qū)動(dòng)的應(yīng)用程式可以具有一些相同的元件- 也就是說，它們可以具有視圖和模型或視圖和資料物件- 但它們不一定具有協(xié)調(diào)從前端到後端的資訊的控制器後端。

相反，事件驅(qū)動(dòng)程式設(shè)計(jì)的工作前提是「某件事發(fā)生了」。因此，在 WordPress 行話中，操作 被命名為「操作」（當(dāng)然，我們也有過濾器，但我將立即介紹這些內(nèi)容）。

WordPress 提供了鉤子，這些鉤子實(shí)際上是執(zhí)行中的點(diǎn)，我們可以在其中引入自己的功能，以便WordPress 識(shí)別「當(dāng)此事件發(fā)生時(shí)，我需要觸發(fā)這些函數(shù)”，其中這些函數(shù)被定義為我們提供的任何內(nèi)容。

事實(shí)是，過濾器的工作方式相同，但目的不同。簡而言之，過濾器是用於在返回應(yīng)用程式執(zhí)行之前以某種方式操作資料（例如附加、前置、刪除或更新內(nèi)容）的操作。

那麼這看起來像什麼？

沒什麼特別複雜的，對(duì)吧？

那我們的新架構(gòu)是什麼？

本文的要點(diǎn)主要是讓我們思考事件驅(qū)動(dòng)程式設(shè)計(jì)以及如何協(xié)調(diào)我們專門在 WordPress 上建立 Web 應(yīng)用程式的工作。

也就是說，我們必須根據(jù)事件或「發(fā)生了一些事情」的事實(shí)來思考，這樣我們才能知道何時(shí)適當(dāng)?shù)夭迦胛覀冏约旱男袆?dòng)。我們將在下一篇文章中更詳細(xì)地討論這一點(diǎn)，但我希望你們從這篇特定文章中學(xué)到的要點(diǎn)是，僅僅因?yàn)槟承〇|西不是重新構(gòu)思架構(gòu)：將WordPress用於網(wǎng)頁應(yīng)用程式開發(fā)（或任何下一個(gè)流行的範(fàn)例） ）並不意味著它不適合應(yīng)用程式開發(fā)。

每種模式和架構(gòu)都為我們提供了優(yōu)點(diǎn)和缺點(diǎn)，所有這些都有助於成功建立 Web 應(yīng)用程式。

下一個(gè)...

在本系列的下一篇中，我們將更詳細(xì)地了解掛鉤如何在WordPress 上建立Web 應(yīng)用程式中發(fā)揮重要作用，然後我們將開始研究WordPress 提供的一些功能-使其成為某些類型（並非所有類型）網(wǎng)頁應(yīng)用程式的可靠選擇。