phpmaster |使用PHPQUERY的服務器端HTML處理-php教程-PHP中文網

phpmaster |使用PHPQUERY的服務器端HTML處理

在網絡開發的日常工作中，我們有必要與客戶端和服務器端代碼一起工作。我們使用PHP編寫業務邏輯，並生成要在用戶瀏覽器中顯示的HTML。然後，我們使用諸如jQuery或原型之類的框架來提供客戶端的交互性。現在考慮如何使用服務器端PHP代碼更改和操縱生成的HTML。 PHPQUERY是您想到的最終解決方案。如果您還沒有聽說過Phpquery，則可能會對本文感興趣，因為我將簡要介紹一下Phpquery，並解釋如何在現實世界項目中使用它。

鑰匙要點

phpquery的功能包括創建DOM元素，選擇和操縱元素，通過DOM迭代以及將輸出打印到瀏覽器中。它還提供了諸如選擇器，屬性，遍歷，操縱，Ajax，事件和實用程序之類的功能。 > PHPQUERY允許開發人員使用服務器端PHP代碼更改和操縱生成的HTML。這可以提高Web應用程序的性能和安全性，因為傳統上在客戶端上完成的任務可以在服務器端處理。
什麼是phpquery
PHPQUERY是基於jQuery JavaScript庫的服務器端，可鏈，CSS3選擇器驅動的文檔對像模型（DOM）API。

創建DOM Elements

選擇和操縱元素

迭代

您可以使用phpquery提供的功能執行任務，該功能稱為“端口jQuery部分”。讓我們首先查看功能：

選擇器 - 根據給定條件找到元素。
屬性 - 使用DOM元素的屬性。

操作 - 添加和刪除所選元素的內容。

ajax - 創建服務器端AJAX請求。

>事件 - 綁定選定元素上的DOM事件。

實用程序 - 支持其他功能的通用函數。

您可以從code.google.com/p/phpquery的項目頁面下載phpquery庫。將文件夾複製到您的Web服務器，您可以使用。安裝很簡單，您可以執行demo.php文件以開始。

如何使用phpquery

我將向您展示如何創建一個帶標頭的兩列無序列表，以及不同的行顏色，以構成奇數甚至行，如下圖所示：

首先，讓我們使用phpquery創建一個HTML文檔： phpmaster |使用PHPQUERY的服務器端HTML處理上面的代碼將創建具有DIV標籤的基本HTML文檔。圖書館提供了創建文檔的各種方法；我已經使用了最簡單的，但是您可以在demo.php和文檔中找到其他。現在，我們需要創建一個無序的列表，並將其添加到我們的HTML文檔中。

您可以看到我們現在有無序的列表。但是所有元素都在單列中，這是默認值。我們必須將列表的均勻元素移至第二列。

<span><span><?php
</span></span><span><span>require("phpQuery/phpQuery.php");
</span></span><span><span>$doc = phpQuery<span>::</span>newDocument("<div/>");</span></span>

登入後複製

我正在使用樣式屬性來定義此處示例所需的CSS樣式，但是不建議除非確實需要內聯樣式。始終使用CSS類添加樣式。現在，讓我們使用phpquery方法突出顯示標頭，甚至編號的行。

<span><span><?php
</span></span><span><span>...
</span></span><span><span>$doc["div"]->append("<ul><li>Product Name</li><li>Price</li></ul>");
</span></span><span><span>$products = array(
</span></span><span>    <span>array("Product 1","<span><span></span>"</span>),
</span></span><span>    <span>array("Product 2","<span><span></span>"</span>),
</span></span><span>    <span>array("Product 3","<span><span></span>"</span>));
</span></span><span>
</span><span><span>foreach($products as $key=>$product) {
</span></span><span>    <span>$doc["div ul"]->append("<li><span><span>$product[0]</span></li><li><span>$product[1]</span></li>"</span>);
</span></span><span><span>}
</span></span><span><span>print $doc;</span></span>

登入後複製

我們已經完成了簡單的示例，現在您應該了解如何使用phpquery來簡化HTML生成服務器端。我們所做的一切幾乎與jQuery所做的幾乎相同，只是我們對$ doc對象進行了所有操作。

<span><span><?php
</span></span><span><span>...
</span></span><span><span>$doc["div ul"]->attr("style", "width:420px;");
</span></span><span><span>$doc["div ul"]->find("li:even")->attr("style","width:200px; float:left; padding:5px; list-style:none;");
</span></span><span><span>$doc["div ul"]->find("li:odd")->attr("style","width:200px; float:left; padding:5px; list-style:none;");</span></span>

登入後複製

phpquery

<span><span><?php
</span></span><span><span>...
</span></span><span><span>$doc["div ul"]->find("li:nth-child(4n)")->attr("style","background:#EEE; width:200px; float:left; padding:5px; list-style:none;");
</span></span><span><span>$doc["div ul"]->find("li:nth-child(4n-1)")->attr("style","background:#EEE; width:200px; float:left; padding:5px; list-style:none;");
</span></span><span><span>$doc["div ul"]->find("li:lt(1)")->attr("style","background:#CFCFCF; width:200px; float:left; padding:5px; list-style:none;");</span></span>

登入後複製

的重要性即使我解釋了Phpquery的功能，您也必須想知道為什麼在客戶端上有jQuery時我們需要庫。我將使用實用方案來展示Phpquery的重要性。考慮以下情況：假設我們有一張如下表，其中所有有關Web開發人員參加採訪的信息。

現在，這是我們在這種情況下必須制定的要求列表：

>公司具有基於經驗的工資結構：

1年 - $ 5,000

2年 - $ 10,000

3年 - $ 20,000
超過3年 - $ 50,000
薪資柱應以綠色突出顯示，適用於符合條件的申請人。

開發人員可能會提供以下解決方案，以使用純PHP代碼滿足要求。

<span><span><?php
</span></span><span><span>require("phpQuery/phpQuery.php");
</span></span><span><span>$doc = phpQuery<span>::</span>newDocument("<div/>");</span></span>

登入後複製

現在，讓我們使用phpquery進行比較代碼和優勢。

<span><span><?php
</span></span><span><span>...
</span></span><span><span>$doc["div"]->append("<ul><li>Product Name</li><li>Price</li></ul>");
</span></span><span><span>$products = array(
</span></span><span>    <span>array("Product 1","<span><span></span>"</span>),
</span></span><span>    <span>array("Product 2","<span><span></span>"</span>),
</span></span><span>    <span>array("Product 3","<span><span></span>"</span>));
</span></span><span>
</span><span><span>foreach($products as $key=>$product) {
</span></span><span>    <span>$doc["div ul"]->append("<li><span><span>$product[0]</span></li><li><span>$product[1]</span></li>"</span>);
</span></span><span><span>}
</span></span><span><span>print $doc;</span></span>

登入後複製

如果您已經知道已經與JQuery合作，則PHPQUERY很容易。以上大多數代碼將是自我解釋的。我想提一下，pq（）是指當前文檔。所有其他都是jQuery函數。即使兩者看起來都相似，使用PHPQUERY的代碼也提供了更好的質量和擴展性。考慮一下，如果您以後必須添加額外的功能，原始代碼可能會多麼脆弱。假設我們想根據工作經驗添加對標記的其他驗證。在這種情況下，您必須添加另一種方法，並在foreach循環中分配返回的結果。這意味著您必須更改已經書面的代碼，違反了開放式原則：

軟件實體（類，模塊，功能等）應打開以進行擴展，但要修改。

使用PHPQUERY的第二個示例，首先生成代碼沒有任何驗證，然後我們將表傳遞到每個函數中，然後將更改放入原始表中。每個功能不會影響其他功能，因此我們可以為任何新要求編寫一個新功能，並在循環外使用其他功能。我們沒有修改已經存在的代碼，聽起來不錯，對嗎？這稱為裝飾：

裝飾器圖案是一種設計模式，可以動態地將行為添加到現有對像中。 >

摘要

我們通過介紹Phpquery功能及其重要性來啟動本教程。在學習瞭如何使用一個簡單的示例使用phpquery之後，我們轉到了實際示例，在這些示例中，它在提高代碼質量方面變得越來越重要。 Phpquery為我們提供了在服務器端與HTML合作的新觀點，我希望您能以不同的方式使用Phpquery，並在下面的評論中分享您的個人經驗。

使用PHPQUERY

的有關服務器端HTML處理的常見問題

什麼是phpquery，為什麼對於服務器端HTML處理很重要？

phpquery是服務器端，可鏈的，CSS3選擇器驅動的文檔對像模型（DOM）API，基於JQUERY JAVERY JAVASCRIPT庫。它用PHP5編寫，並提供了一種處理服務器端上HTML元素的簡便方法。它允許開發人員執行HTML文檔遍歷和操縱，事件處理和動畫等任務，這些任務傳統上是在客戶端完成的。這可以顯著提高Web應用程序的性能和安全性。 >

phpquery與其他DOM操縱庫相比如何？它支持大多數jQuery語法，使選擇，操縱和遍歷HTML元素變得易於選擇。與其他一些庫不同，phpquery是可鏈的，這意味著您可以在單個語句中將多個操作鏈接在一起。

我如何安裝phpquery？

可以使用Composer（php）安裝Phpquery，phpquery是PHP的依賴項管理工具。您可以通過運行命令作曲家需要phpquery/phpquery添加phpquery。這將下載並安裝最新穩定版本的phpquery及其依賴項。

如何使用phpquery？

phpquery使用CSS3選擇器選擇元素來選擇類似於JQuery的元素。例如，要選擇文檔中的所有段落，您將使用$ doc ['p']。您還可以使用更複雜的選擇器，例如$ doc ['div.content> p']來選擇所有是Div的所有段落，這些段落是Div的“內容”。例如，您可以使用append（），prepend（），ewher（）和（）方法插入內容。您還可以使用attr（）方法獲取或設置屬性的值，以及addClass（），removeclass（）和toggleclass（）方法來操縱類。

>我如何使用phpquery？

bind（'click'，function（）{echo'段落clicked！';}）;會回應“段落點擊！”每當單擊一個段落時。 >我可以將phpquery與ajax？使用，是的，phpquery可以通過ajax（）方法支持ajax。此方法使您可以將異步HTTP請求發送到服務器並使用phpquery操縱響應。如何使用phpquery？ phpquery phpquery通過動畫（）方法來支持動畫。此方法允許您通過隨著時間的推移更改CSS屬性來創建自定義動畫。 >如何使用phpquery？ >我可以與其他PHP庫一起使用phpquery嗎？它旨在靈活和可互操作，使其成為任何PHP開發人員工具包的絕佳工具。 >

以上是phpmaster |使用PHPQUERY的服務器端HTML處理的詳細內容。更多資訊請關注PHP中文網其他相關文章！