Heim  >  Artikel  >  Backend-Entwicklung  >  Wie verwende ich Pug mit CakePHP?

Wie verwende ich Pug mit CakePHP?

王林
王林Original
2023-06-03 17:10:341055Durchsuche

Mit der kontinuierlichen Weiterentwicklung von Webanwendungen integrieren moderne Frameworks immer mehr Funktionen, um die Entwicklungseffizienz und Codequalität zu verbessern. CakePHP ist ein beliebtes Webentwicklungs-Framework mit Komponenten wie ORM, Routing und Ansichten, sodass sich Entwickler stärker auf die Implementierung von Geschäftsfunktionen konzentrieren können.

Der Ansichtsteil in CakePHP verwendet PHP als Hauptvorlagensprache, was Entwicklern die einfache Verwendung von PHP-Code zum Erstellen von HTML-Seiten ermöglicht. Allerdings erfordern PHP-Vorlagen oft eine große Anzahl von Frontend-Aspekten von HTML-Elementen und -Tags, die in manchen Fällen zu ausführlich wirken können. Um dieses Problem zu lösen, wurde in CakePHP eine Template-Engine namens Pug eingeführt, die bei immer mehr Entwicklern große Anerkennung findet.

Pug ist eine vereinfachte HTML-Vorlagensprache, die nicht wie HTML auf die lästige Tag-Struktur angewiesen ist, sondern eine einrückungsähnliche Methode verwendet, um die Beziehung zwischen Elementen sowie die Attribute und den Inhalt bestimmter Elemente zu bestimmen. Die Verwendung von Pug beschleunigt das Schreiben und Verwalten von Vorlagen und ermöglicht es Entwicklern, sich auf Design und Geschäftslogik statt auf die Vorlagenstruktur zu konzentrieren. Die Verwendung von Pug in CakePHP ist ebenfalls sehr einfach. Lassen Sie uns es gemeinsam erkunden.

Pug installieren

Zuerst müssen wir sicherstellen, dass Pug in der CakePHP-Anwendung installiert ist. Der Installationsprozess ist der gleiche wie bei anderen Composer-Paketen. Sie können den folgenden Befehl verwenden:

Composer require pug-php/pug composer require pug-php/pug

这将下载并安装最新版本的Pug以及其所有依赖项。

创建Pug视图

创建Pug视图和其他视图模板一样简单。在视图目录中创建一个新文件,并将其命名为your-view-file.pug。在文件中,你可以以缩进的方式编写HTML内容。以下是一个简单的例子:

html
  head
    title Welcome to My Site!
  body
    h1 My Site
    p This is my site.

上面的代码将创建一个简单的HTML页面,其中包含一个标题(Welcome to My Site)和一个H1标题(My Site),还有一个P段落(This is my site.)。

继承布局

Pug允许你使用“继承布局”模板,这类似于其他现代模板引擎中的模板继承。这可以大大减少重复的HTML内容,并使代码更加易于维护。

要使用布局,首先需要在根目录下创建一个带有扩展名.pug的模板,其中包含一些公共布局元素。然后,在其他视图中使用“extends”选项来继承此模板。在视图中可以使用“block”来表示此视图覆盖该布局元素。以下是一个具有布局的简单示例。

/public/layouts/default.pug

html
  head
    title My Site
  body
    block content

/views/pages/home.pug

extends ../layouts/default.pug

block content
  h1 Welcome to My Site
  p This is my site.

这将创建一个名为“home”的视图,并在布局文件中设置的公共元素周围添加内容时,将内容放入到“内容”块中。

应用程序设置

在运行CakePHP应用程序时,默认情况下使用PHP作为视图模板引擎。在应用程序中启用Pug是相对简单的,只需要更改View类的实例化方法以使用Pug:

use JollymagicPugViewViewPugView;

// In your controller
public $viewClass = PugView::class;

这将启用Pug,然后使用Pug模板渲染您的视图。现在,只需要将.pug文件存储在视图目录中,并在控制器中使用$this->render()函数渲染与视图对应的Pug文件即可。

$this->render('home');

结论

在CakePHP应用程序中使用Pug视图引擎非常简单,只需要安装Pug并在应用程序设置中更改View

Dadurch wird die neueste Version von Pug und allen seinen Abhängigkeiten heruntergeladen und installiert . 🎜🎜Pug-Ansichten erstellen🎜🎜Das Erstellen von Pug-Ansichten ist genauso einfach wie bei anderen Ansichtsvorlagen. Erstellen Sie eine neue Datei im Verzeichnis „views“ und nennen Sie sie your-view-file.pug. In einer Datei können Sie HTML-Inhalte eingerückt schreiben. Hier ist ein einfaches Beispiel: 🎜rrreee🎜Der obige Code erstellt eine einfache HTML-Seite mit einem Titel (Willkommen auf meiner Website) und einem H1-Titel (Meine Website) sowie einem P-Absatz (Dies ist meine Website.). 🎜🎜Geerbtes Layout🎜🎜Pug ermöglicht die Verwendung von „geerbten Layout“-Vorlagen, was der Vorlagenvererbung in anderen modernen Template-Engines ähnelt. Dies kann doppelte HTML-Inhalte erheblich reduzieren und den Code wartbarer machen. 🎜🎜Um Layout zu verwenden, müssen Sie zunächst eine Vorlage mit der Erweiterung .pug im Stammverzeichnis erstellen, die einige allgemeine Layoutelemente enthält. Verwenden Sie dann die Option „erweitert“ in anderen Ansichten, um diese Vorlage zu erben. Sie können „blockieren“ in einer Ansicht verwenden, um anzugeben, dass diese Ansicht das Layoutelement abdeckt. Unten finden Sie ein einfaches Beispiel mit einem Layout. 🎜🎜/public/layouts/default.pug🎜rrreee🎜/views/pages/home.pug🎜rrreee🎜Dadurch wird eine Ansicht namens „Home“ erstellt und beim Hinzufügen von Inhalten rund um die in der Layoutdatei festgelegten öffentlichen Elemente wird der Inhalt platziert in den Block „Inhalt“. 🎜🎜Anwendungseinstellungen🎜🎜Beim Ausführen einer CakePHP-Anwendung wird PHP standardmäßig als Ansichtsvorlagen-Engine verwendet. Das Aktivieren von Pug in Ihrer Anwendung ist relativ einfach. Ändern Sie einfach die Instanziierungsmethode der Klasse View, um Pug zu verwenden: 🎜rrreee🎜 Dadurch wird Pug aktiviert und dann Ihre Ansicht mithilfe der Pug-Vorlage gerendert. Speichern Sie nun einfach die Datei .pug im Ansichtsverzeichnis und verwenden Sie die Funktion $this->render() im Controller, um die der Ansicht entsprechende Pug-Datei zu rendern Das ist es. 🎜rrreee🎜Fazit🎜🎜Die Verwendung der Pug-Ansichts-Engine in einer CakePHP-Anwendung ist sehr einfach. Installieren Sie einfach Pug und ändern Sie die Instanziierungsmethode der Klasse View in den Anwendungseinstellungen. Darüber hinaus reduziert die Vorlagensprache Pug, die HTML-Elemente eingerückt darstellt, die Ausführlichkeit von HTML-Tags erheblich, sodass Sie sich auf andere wichtige Aspekte Ihrer Anwendung konzentrieren können. Viel Spaß mit Mops! 🎜

Das obige ist der detaillierte Inhalt vonWie verwende ich Pug mit CakePHP?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn