鑰匙要點
- > WordPress MVC是一個插件,將模型視圖 - 控制器(MVC)架構(gòu)引入WordPress,使開發(fā)人員能夠在插件開發(fā)中分離邏輯和演示。
- > 要使用WordPress MVC,您必須安裝和激活WP MVC插件,然後允許您使用命令行中的特定MVC命令進行腳克式新插件。
- > >教程演示了構(gòu)建一個名為“ Animelist”的示例插件,其中包括創(chuàng)建自定義數(shù)據(jù)庫表,用於添加和編輯條目的表單以及在Admin和公共側(cè)面管理數(shù)據(jù)顯示。 通過將代碼構(gòu)造到模型(數(shù)據(jù)處理),視圖(輸出表示)和控制器(請求處理)中,
- WordPress MVC可以增強代碼組織和可維護性,這對於復雜或大規(guī)模的WordPress項目特別有用。 該教程涵蓋了從WordPress中設(shè)置MVC環(huán)境,為插件生成必要的MVC組件,以添加自定義樣式和腳本,在WordPress插件開發(fā)中展示MVC的實際實現(xiàn)。 >>>>>>
- 什麼是mvc?
- 在我們繼續(xù)前進之前,重要的是我們都在同一頁面上。如果您已經(jīng)知道什麼是MVC,請隨時跳到下一節(jié)。 >
>安裝和設(shè)置
WP MVC是一個插件,我們需要安裝它,以使MVC與WordPress一起使用。您可以在此處下載插件並像通常在WordPress中安裝插件一樣安裝它。完成此操作後,登錄WordPress並從您的插件頁面激活它。
>構(gòu)建插件MVC方式
>在我們繼續(xù)前進之前,我將簡要介紹一下我們在本教程中將要構(gòu)建的內(nèi)容。我們將構(gòu)建一個插件,該插件將列出網(wǎng)站管理員端創(chuàng)建的所有動漫。幾乎就像這個網(wǎng)站所做的那樣。在管理方面,我們將擁有一個接口,可以在其中添加,列表,編輯或刪除動漫顯示。在公共方面,我們將在特定頁面中的網(wǎng)格視圖中介紹它們。
>
然後,將執(zhí)行權(quán)限添加到WPMVC文件中。這是我們將用於生成新插件的文件。cd path/to/plugins/wp-mvc>
接下來,我們現(xiàn)在可以生成一個新的插件。執(zhí)行以下命令來執(zhí)行此操作。
chmod +x wpmvc
這將在WordPress安裝的WP-CONTENT/插件目錄下創(chuàng)建一個新的插件。對我來說,它創(chuàng)建了一個動漫列表目錄。打開該目錄,然後打開anime_list_loader.php文件。該文件包含在激活或停用插件後將執(zhí)行的函數(shù)。由於我們需要節(jié)省大量自定義數(shù)據(jù),因此我們必須創(chuàng)建一個自定義表,而不是使用選項API將內(nèi)容存儲在數(shù)據(jù)庫中。為此,我們必須添加將在插件激活時創(chuàng)建新表的代碼。在激活方法中添加以下代碼。
./wpmvc generate plugin AnimeList
在上面的代碼中,我們正在創(chuàng)建一個具有ID,標題,海報,情節(jié)和流派字段的表,使用RAW SQL查詢。然後使用DBDELTA函數(shù)執(zhí)行SQL查詢。 接下來,在停用方法下,我們必須清理混亂。下面的代碼從WordPress數(shù)據(jù)庫中刪除了表。
global $wpdb; $sql = ' CREATE TABLE '. $wpdb->prefix . 'animelists ( id int(11) NOT NULL auto_increment, title varchar(255) NOT NULL, poster varchar(255) NOT NULL, plot TEXT NOT NULL, genres TEXT default NULL, PRIMARY KEY (id) )'; dbDelta($sql);
通常,這不是您想要的方式。一些用戶可能仍然需要您的插件隨著時間的推移獲得的數(shù)據(jù)。即使它們停用您的插件。但是要使事情變得簡單,我們不會在這里處理。
>現(xiàn)在是從WordPress管理頁面激活新插件的好時機。如果一切正常工作,那應該在WordPress數(shù)據(jù)庫中創(chuàng)建WP_ANIME_LISTS表。
>require_once ABSPATH.'wp-admin/includes/upgrade.php'; global $wpdb; $sql = 'DROP TABLE ' . $wpdb->prefix . 'anime_lists'; $wpdb->query($sql);接下來,執(zhí)行以下命令:
>上面的命令生成了您指定的模型的視圖,控制器和模型。第一個動畫主義者是插件的名稱,第二個是模型的名稱。請注意,WPMVC在此處使用命名約定。模型應始終以奇異形式,桌子是複數(shù)形式。並且每個以模型名義的大寫字母意味著應與下劃線分開。模型的名稱應基於表的名稱。因此,使用上面的規(guī)則,如果表的名稱是Anime_Lists,則該模型應名為Animelist。下劃線變成駱駝飾,並將復數(shù)轉(zhuǎn)化為單數(shù)形式。
下一步,在應用程序/views/admin/anime_lists/下打開add.php文件和edit.php,並添加以下代碼:
>cd path/to/plugins/wp-mvc
>在edit.php文件上:
chmod +x wpmvc我們上述所做的是創(chuàng)建用於添加新動漫節(jié)目和編輯現(xiàn)有的表格。這利用了WPMVC內(nèi)置的形式助手。要分解它,首先我們創(chuàng)建一個新的形式,然後提供模型的名稱作為其參數(shù)。在這種情況下,該模型的名稱是Animelist。
接下來,我們使用輸入方法在表中添加的每一列輸出每個列。該方法將字段的名稱作為其第一個參數(shù)。默認情況下,WPMVC通過檢查數(shù)據(jù)類型確定將輸出的字段類型。因此,如果數(shù)據(jù)類型為VARCHAR,它將輸出文本輸入。如果數(shù)據(jù)類型是文本,它將輸出文本方面等等。
>./wpmvc generate plugin AnimeList
如果要使用另一種輸入類型,則可以指定一個包含輸入類型的數(shù)組作為第二個參數(shù):
global $wpdb; $sql = ' CREATE TABLE '. $wpdb->prefix . 'animelists ( id int(11) NOT NULL auto_increment, title varchar(255) NOT NULL, poster varchar(255) NOT NULL, plot TEXT NOT NULL, genres TEXT default NULL, PRIMARY KEY (id) )'; dbDelta($sql);>最後,我們使用結(jié)束方法關(guān)閉表單。這將按鈕的標籤作為其參數(shù)。
>
在這一點上,我們現(xiàn)在可以添加一些動漫節(jié)目。 WP MVC自動處理WordPress儀表板上以模型名稱命名的新菜單。在這種情況下,新菜單的名稱應為“動漫列表”。從那裡您可以開始使用“添加新”子菜單添加新項目。require_once ABSPATH.'wp-admin/includes/upgrade.php'; global $wpdb; $sql = 'DROP TABLE ' . $wpdb->prefix . 'anime_lists'; $wpdb->query($sql);>
接下來,我們需要更新列出現(xiàn)有項目的代碼。您可以在以下路徑上找到它:
./wpmvc generate scaffold AnimeList AnimeList
默認情況下,它包含以下代碼:
>這將導致表中每個行返回的錯誤,因為我們在Anime_lists表中沒有名稱字段。要解決此問題,我們要做的就是使用WP_ANIME_LISTS表上的字段:
<h2>Add Anime List</h2> <?php echo $this->form->create($model->name); ?> <?php echo $this->form->input('title'); ?> <?php echo $this->form->input('poster'); ?> <?php echo $this->form->input('plot'); ?> <?php echo $this->form->input('genres'); ?> <?php echo $this->form->input('producer'); ?> <?php echo $this->form->end('Add'); ?>
更新文件後,結(jié)果現(xiàn)在應該看起來像這樣:
><h2>Edit Anime List</h2> <?php echo $this->form->create($model->name); ?> <?php echo $this->form->input('title'); ?> <?php echo $this->form->input('poster'); ?> <?php echo $this->form->input('plot'); ?> <?php echo $this->form->input('genres'); ?> <?php echo $this->form->input('producer'); ?> <?php echo $this->form->end('Update'); ?>
現(xiàn)在,我們可以繼續(xù)進行網(wǎng)站的公開面向。 在我們繼續(xù)前進之前,重要的是要知道,每當我們使用命令行生成模型,控制器和視圖時。 WP MVC還為該模型分配了一個新頁面。因此,對於Animelists模型,它創(chuàng)建了Anime_Lists頁面。不要忘記在apache配置中啟用mod_rewrite,添加wordpress .htaccess文件,然後將永久鏈接設(shè)置設(shè)置為使用帖子名稱。
<?php echo $this->form->create($model->name); ?>為了方便起見,這是我正在使用的.htaccess文件:
>完成此操作後,您可以檢查是否可以訪問該頁面。默認情況下,您不會在其中看到任何東西。這就是要處理的。

cd path/to/plugins/wp-mvc
首先,打開app/controllers/anime_lists_controller.php文件。這是Anime_Lists頁面的控制器。默認情況下,它應包含以下代碼:
>chmod +x wpmvc
>如果要堅持從基本公共控制器(MVCPUBLICCONTROLLER)添加的默認值,這很好。但是,如果您想對內(nèi)容進行自定義,則必須使用以下內(nèi)容覆蓋索引方法:
./wpmvc generate plugin AnimeList我們上面正在做的是通過使用$ this-> params在基本控制器中提供默認參數(shù)。然後,我們將其分配給一個變量,以便可以覆蓋默認值。默認情況下,控制器每頁從數(shù)據(jù)庫中選擇10個項目。如果我只想選擇6,我可以通過將per_page參數(shù)設(shè)置為6:
>這確實是我們需要自定義的全部。該代碼的其餘部分僅在模型中使用Paginate方法創(chuàng)建一個集合。然後,該集合用於傳遞“對象”(動漫顯示),然後將分頁設(shè)置為視圖。
global $wpdb; $sql = ' CREATE TABLE '. $wpdb->prefix . 'animelists ( id int(11) NOT NULL auto_increment, title varchar(255) NOT NULL, poster varchar(255) NOT NULL, plot TEXT NOT NULL, genres TEXT default NULL, PRIMARY KEY (id) )'; dbDelta($sql);
現(xiàn)在打開負責呈現(xiàn)Anime_Lists頁面的視圖。它在app/views/anime_lists/index.php上。打開後,添加以下代碼:
require_once ABSPATH.'wp-admin/includes/upgrade.php'; global $wpdb; $sql = 'DROP TABLE ' . $wpdb->prefix . 'anime_lists'; $wpdb->query($sql);
此循環(huán)遍歷我們從控制器早些時候傳遞的所有對象。在循環(huán)內(nèi)部,我們渲染顯示每個對象的詳細信息的視圖。 render_view方法將視圖的名稱作為其第一個參數(shù),而我們要傳遞的數(shù)據(jù)作為第二個。
./wpmvc generate scaffold AnimeList AnimeList最後,我們輸出分頁。
接下來,在同一目錄上打開_item.php文件,然後添加以下代碼:
<h2>Add Anime List</h2> <?php echo $this->form->create($model->name); ?> <?php echo $this->form->input('title'); ?> <?php echo $this->form->input('poster'); ?> <?php echo $this->form->input('plot'); ?> <?php echo $this->form->input('genres'); ?> <?php echo $this->form->input('producer'); ?> <?php echo $this->form->end('Add'); ?>>
>這顯示了每個對象的詳細信息。從上面的代碼中可以看到,我們可以直接從$對像變量訪問每個字段。我們還使用稱為MVC_PUBLIC_URL的輔助函數(shù)來生成一個指向每個對象的單個頁面的URL。此方法佔用一個數(shù)組,其中包含控制器的名稱和對象的ID。
<h2>Edit Anime List</h2> <?php echo $this->form->create($model->name); ?> <?php echo $this->form->input('title'); ?> <?php echo $this->form->input('poster'); ?> <?php echo $this->form->input('plot'); ?> <?php echo $this->form->input('genres'); ?> <?php echo $this->form->input('producer'); ?> <?php echo $this->form->end('Update'); ?>
這會生成類似於以下的URL:
><?php echo $this->form->create($model->name); ?>
接下來,我們還必須更新單個對象頁面。為此,請打開show.php文件。仍在同一目錄中。
<?php echo $this->form->input('title'); ?> <?php echo $this->form->input('poster'); ?> <?php echo $this->form->input('plot'); ?> <?php echo $this->form->input('genres'); ?> <?php echo $this->form->input('producer'); ?>
在這裡沒有太大的區(qū)別。它基本上與上一個視圖中的輸出相同。只有這一次,我們還輸出了圖。
<?php echo $this->form->input('is_awesome', array('type' => 'checkbox')); ?>
我們還添加了一個鏈接到主要的Anime_lists頁面:
<?php echo $this->form->end('Add'); ?>讓事情有些愉悅。讓我們?yōu)榫W(wǎng)站的公眾面對面添加一些CSS。您可以在應用程序/public/css目錄上添加樣式表。只需命名文件動漫列表。
cd path/to/plugins/wp-mvc為了使用我們剛剛創(chuàng)建的樣式表。在插件的應用/配置目錄下創(chuàng)建Bootstrap.php文件。然後,我們添加以下代碼:
chmod +x wpmvc上面的代碼應該看起來很熟悉。這是我們通常在WordPress中添加自定義腳本和樣式的方式。只有這次,我們使用了另一個稱為MVC_CSS_URL的輔助功能。此功能訪問了插件的機器友好名稱(提示:複製插件的文件夾名稱)和樣式表的文件名。
完成此操作後,您已經(jīng)在管理員側(cè)添加了一些項目。最終輸出應該看起來像這樣:
>您可以在此github存儲庫上查看此插件中使用的代碼。

就是這樣!在本教程中,您通過創(chuàng)建利用它的插件來了解如何在WordPress中實現(xiàn)MVC。我們只在本教程中刮擦了表面。請務必查看WP MVC文檔以了解更多信息。你呢?您知道或使用其他任何MVC解決方案用於WordPress嗎?在評論中讓我們知道。
經(jīng)常詢問有關(guān)WordPress MVC
的問題WordPress MVC和傳統(tǒng)的WordPress開發(fā)之間有什麼區(qū)別?
傳統(tǒng)的WordPress開發(fā)涉及使用PHP來創(chuàng)建主題和插件,而WordPress MVC(模型視圖控制器)是一種設(shè)計模式,是一種分隔的設(shè)計模式應用程序邏輯分為三個互連組件。這種分離使開發(fā)人員可以更有效地管理複雜的應用程序。該模型處理數(shù)據(jù)和業(yè)務邏輯,視圖管理數(shù)據(jù)顯示,並且控制器處理用戶輸入。該結(jié)構(gòu)使代碼更有條理,可重複使用且更易於維護。 如何開始使用WordPress MVC?開始使用WordPress MVC,您需要安裝WordPress MVC框架。有幾種可用的選項,例如WP MVC,Typerocket或Rareloop。安裝後,您可以開始為WordPress應用程序創(chuàng)建模型,視圖和控制器。這些框架提供了詳細的文檔和教程,以幫助您開始。
>>使用WordPress MVC? 是的,您可以將WordPress MVC與WordPress MVC一起使用現(xiàn)有主題和插件。但是,您可能需要修改代碼以適合MVC結(jié)構(gòu)。也可以創(chuàng)建自己的基於MVC的主題和插件。 >我可以將WordPress MVC用於電子商務網(wǎng)站嗎? ,WordPress MVC可用於電子商務網(wǎng)站。它可以處理複雜的功能和大型數(shù)據(jù)庫,使其適用於在線商店。 我可以將WordPress MVC與其他編程語言一起使用嗎? >如果您熟悉MVC設(shè)計模式並且具有PHP的經(jīng)驗,很難學習WordPress MVC?學習WordPress MVC應該相對簡單。但是,如果您是MVC或PHP的新手,則可能需要一些時間才能適應結(jié)構(gòu)和語法。
>> wordpress MVC如何處理數(shù)據(jù)庫操作?
以上是開始使用WordPress MVC的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

熱AI工具

Undress AI Tool
免費脫衣圖片

Undresser.AI Undress
人工智慧驅(qū)動的應用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

使用Git管理WordPress項目時,應只將主題、自定義插件和配置文件納入版本控制;設(shè)置.gitignore文件以忽略上傳目錄、緩存和敏感配置;利用webhook或CI工具實現(xiàn)自動部署並註意數(shù)據(jù)庫處理;採用兩分支策略(main/develop)進行協(xié)作開發(fā)。這樣做可避免衝突、保障安全,並提升協(xié)作與部署效率。

使用WordPress測試環(huán)境是為了確保新功能、插件或主題在正式上線前的安全性和兼容性,避免影響真實網(wǎng)站。搭建測試環(huán)境的步驟包括:下載安裝本地服務器軟件(如LocalWP、XAMPP),創(chuàng)建站點、設(shè)置數(shù)據(jù)庫和管理員賬號,安裝主題和插件進行測試;複製正式網(wǎng)站到測試環(huán)境的方法是通過插件導出站點、導入測試環(huán)境並替換域名;使用時應注意不使用真實用戶數(shù)據(jù)、定期清理無用數(shù)據(jù)、備份測試狀態(tài)、適時重置環(huán)境,並統(tǒng)一團隊配置以減少差異問題。

創(chuàng)建Gutenberg塊的關(guān)鍵在於理解其基本結(jié)構(gòu)並正確連接前後端資源。 1.準備開發(fā)環(huán)境:安裝本地WordPress、Node.js和@wordpress/scripts;2.使用PHP註冊塊並用JavaScript定義塊的編輯和顯示邏輯;3.通過npm構(gòu)建JS文件以使更改生效;4.遇到問題時檢查路徑、圖標是否正確或使用實時監(jiān)聽構(gòu)建避免重複手動編譯。按照這些步驟,可以逐步實現(xiàn)一個簡單的Gutenberg塊。

在WordPress中,當新增自定義文章類型或修改固定鏈接結(jié)構(gòu)後,需手動刷新重寫規(guī)則,此時可通過代碼調(diào)用flush_rewrite_rules()函數(shù)實現(xiàn)。 1.可在主題或插件激活鉤子中添加該函數(shù)以自動刷新;2.僅在必要時執(zhí)行一次,如添加CPT、分類法或修改鏈接結(jié)構(gòu)後;3.避免頻繁調(diào)用以免影響性能;4.多站點環(huán)境下需視情況為每個站點單獨刷新;5.某些託管環(huán)境可能限制規(guī)則保存。此外,訪問“設(shè)置>固定鏈接”頁麵點擊保存也可觸髮刷新,適合非自動化場景。

要實現(xiàn)響應式WordPress主題設(shè)計,首先要使用HTML5和移動優(yōu)先的Meta標籤,在header.php中添加viewport設(shè)置以確保移動端正確顯示,並用HTML5結(jié)構(gòu)標籤組織佈局;其次,利用CSS媒體查詢實現(xiàn)不同屏幕寬度下的樣式適配,按移動優(yōu)先原則編寫樣式,常用斷點包括480px、768px和1024px;第三,彈性處理圖片和佈局,為圖片設(shè)置max-width:100%並使用Flexbox或Grid佈局替代固定寬度;最後,通過瀏覽器開發(fā)者工具和真實設(shè)備進行充分測試,優(yōu)化加載性能,確保響應

tosetupredirectsinwordpressingthe.htaccessfile,locateThEfileInyourSite'sRootDirectorectoryAndDrectRectrulesabovethe#beginWordPresssection.forbasic301redirects,USETHEETHEETERECTREFTATRECTATREDERTREFTATREDERTREFTATRECTRECTATRECTRECTATREDECT301/OLD-PAGEHTTPS:

UsingsMtpForWordPresseMailSimProvesDeliverabilitialComparedComparedTothEdeDefaultPhpMail()函數(shù).1.smtpauthenticateswithyouremailserver.2.somemomehostsdisablesablephpmail()

TOINTEGRATETHIRD-PARTYAPISINTOWORDPRESS,關(guān)注臺詞:1.SelectAutableabepianDobtainCredentialslikeapikeYsoroAuthtoKensByEnterRegisteringThemSecure.2.ChooseBeteBetB????eteBetB????eteBetB????etebetInpliCityOorcustimplicityOrcustomPliCoseTompliCoseTomploomcoseusionfunctionfunctionfunctibunitiacuciencipuity forfunigation。
