transphporm:使用CSS樣語法
的新型PHP模板引擎> transphporm將自己區分為獨特的PHP模板引擎,採用類似於CSS的語法進行數據轉換,從而消除了對專業模板語言的需求。 這種方法使設計人員可以使用由引擎動態替換的佔位符內容直接使用完整的HTML頁面工作,從而有效地將設計與邏輯分開。
鍵優點:
基於CSS的轉換:與傳統引擎(Smarty,Blade,Twig)不同,通常涉及抽象的PHP代碼和自定義語法,TransPhporm使用了“模板動畫”方法。 設計人員使用佔位符內容創建功能齊全的HTML頁面,然後在渲染過程中將Transphporm用動態數據代替此內容。 這消除了設計人員了解後端代碼或專業模板語法的需求。 >
安裝和基本用法:
> >通過作曲家安裝:
創建
:<code class="language-bash">composer require level-2/transphporm:dev-master</code>
index.php
create
<code class="language-php"><?php require 'vendor/autoload.php'; $page = 'home.xml'; $tss = 'home.tss'; $template = new \Transphporm\Builder($page, $tss); echo $template->output()->body; ?></code>
創建home.xml
:
<code class="language-xml"><!DOCTYPE html> <meta charset="utf-8"> <title>HTML5 TEMPLATE</title> <style> body { padding: 20px; font-size:1em; } /* ... more CSS ... */ </style> <header> <nav> <ul> <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Home</a></li> <!-- ... more navigation ... --> </ul> </nav> </header> <main> <h1>Page Title</h1> <h2>By Jehoshaphat on Jan 1, 2015</h2> <p>Lorem ipsum...</p> <ul> <li>A list item 1</li> </ul> </main> <footer> <p>footer stuff</p> </footer> </code>
home.tss
>處理數據和高級功能:
<code class="language-css">article h1 {content: "My New Page Title"}</code>transphporm支持使用
> 的迭代,屬性操縱,部分模板(,
)的數據結合,以及基於應用程序邏輯的條件更改。 這些功能可實現動態內容管理和復雜的模板結構。 有關這些高級指令的詳細說明,請參閱GitHub文檔。>
data()
iteration()
挑戰和未來方向:@import
template()
>常見問題(常見問題解答):(從原始文本總結)
>composer require level-2/transphporm:dev-master
可以與WordPress一起使用嗎?
以上是transphporm-另一種模板引擎的詳細內容。更多資訊請關注PHP中文網其他相關文章!