>  기사  >  백엔드 개발  >  Pug를 CakePHP와 함께 사용하는 방법은 무엇입니까?

Pug를 CakePHP와 함께 사용하는 방법은 무엇입니까?

王林
王林원래의
2023-06-03 17:10:341034검색

웹 애플리케이션이 지속적으로 개발됨에 따라 최신 프레임워크는 점점 더 많은 기능을 통합하여 개발 효율성과 코드 품질을 향상시킵니다. CakePHP는 ORM, 라우팅, 뷰 등의 구성 요소를 포함하는 인기 있는 웹 개발 프레임워크로, 개발자가 비즈니스 기능 구현에 더 집중할 수 있도록 해줍니다.

CakePHP의 뷰 부분은 PHP를 기본 템플릿 언어로 사용하므로 개발자는 PHP 코드를 사용하여 HTML 페이지를 쉽게 만들 수 있습니다. 그러나 PHP 템플릿에는 HTML 요소와 태그의 프런트엔드 측면이 많이 필요한 경우가 많으며, 어떤 경우에는 너무 장황해 보일 수 있습니다. 이 문제를 해결하기 위해 Pug라는 템플릿 엔진이 CakePHP에 도입되었으며 점점 더 많은 개발자들로부터 폭 넓은 인정을 받았습니다.

Pug는 HTML과 같은 성가신 태그 구조가 필요하지 않고 들여쓰기와 유사한 방법을 사용하여 요소 간의 관계는 물론 특정 요소의 속성과 콘텐츠를 결정하는 단순화된 HTML 템플릿 언어입니다. Pug를 사용하면 템플릿을 더 빠르게 작성하고 관리할 수 있으며 개발자는 템플릿 구조보다는 디자인 및 비즈니스 로직에 집중할 수 있습니다. CakePHP에서 Pug를 사용하는 것도 매우 간단합니다. 함께 살펴보겠습니다.

Pug 설치

먼저 Pug가 CakePHP 애플리케이션에 설치되어 있는지 확인해야 합니다. 설치 프로세스는 다른 Composer 패키지와 동일하며 다음 명령을 사용할 수 있습니다:

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

이렇게 하면 최신 버전의 Pug와 모든 종속 항목이 다운로드되어 설치됩니다. . 🎜🎜퍼그 뷰 생성🎜🎜퍼그 뷰 생성은 다른 뷰 템플릿만큼 쉽습니다. views 디렉터리에 새 파일을 만들고 이름을 your-view-file.pug로 지정하세요. 파일에서는 들여쓰기 방식으로 HTML 콘텐츠를 작성할 수 있습니다. 다음은 간단한 예입니다. 🎜rrreee🎜위 코드는 제목(내 사이트에 오신 것을 환영합니다), H1 제목(내 사이트), P 단락(This is my site .)이 있는 간단한 HTML 페이지를 생성합니다. 🎜🎜상속된 레이아웃🎜🎜Pug를 사용하면 다른 최신 템플릿 엔진의 템플릿 상속과 유사한 "상속된 레이아웃" 템플릿을 사용할 수 있습니다. 이렇게 하면 중복된 HTML 콘텐츠가 크게 줄어들고 코드 유지 관리가 더욱 쉬워집니다. 🎜🎜레이아웃을 사용하려면 먼저 몇 가지 일반적인 레이아웃 요소가 포함된 루트 디렉터리에 확장자가 .pug인 템플릿을 만들어야 합니다. 그런 다음 다른 보기에서 "확장" 옵션을 사용하여 이 템플릿을 상속합니다. 뷰에서 "블록"을 사용하여 이 뷰가 레이아웃 요소를 포함함을 나타낼 수 있습니다. 다음은 레이아웃이 포함된 간단한 예입니다. 🎜🎜/public/layouts/default.pug🎜rrreee🎜/views/pages/home.pug🎜rrreee🎜 이렇게 하면 "home"이라는 뷰가 생성되고 레이아웃 파일에 설정된 공용 요소 주위에 콘텐츠를 추가할 때 콘텐츠를 "콘텐츠" 블록에 넣습니다. 🎜🎜애플리케이션 설정🎜🎜CakePHP 애플리케이션을 실행할 때 기본적으로 PHP가 뷰 템플릿 엔진으로 사용됩니다. 애플리케이션에서 Pug를 활성화하는 것은 비교적 간단합니다. Pug를 사용하도록 View 클래스의 인스턴스화 방법을 변경하기만 하면 됩니다. 🎜rrreee🎜이렇게 하면 Pug가 활성화된 다음 Pug 템플릿을 사용하여 보기가 렌더링됩니다. 이제 뷰 디렉터리에 .pug 파일을 저장하고 컨트롤러의 $this->render() 함수를 사용하여 뷰에 해당하는 Pug 파일을 렌더링하면 됩니다. 그게 다야. 🎜rrreee🎜결론🎜🎜CakePHP 애플리케이션에서 Pug 뷰 엔진을 사용하는 것은 매우 간단합니다. Pug를 설치하고 애플리케이션 설정에서 View 클래스의 인스턴스화 방법을 변경하기만 하면 됩니다. 또한 HTML 요소를 들여쓰기 방식으로 나타내는 Pug 템플릿 언어는 HTML 태그의 장황함을 크게 줄여 애플리케이션의 다른 중요한 측면에 집중할 수 있게 해줍니다. 퍼그를 즐겨보세요! 🎜

위 내용은 Pug를 CakePHP와 함께 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.