Bagaimana untuk menggunakan Pug dengan CakePHP?

Dengan pembangunan berterusan aplikasi web, rangka kerja moden menyepadukan lebih banyak ciri untuk meningkatkan kecekapan pembangunan dan kualiti kod. CakePHP ialah rangka kerja pembangunan web popular yang mempunyai komponen seperti ORM, penghalaan dan pandangan, membolehkan pembangun menumpukan lebih pada pelaksanaan fungsi perniagaan.

Bahagian paparan dalam CakePHP menggunakan PHP sebagai bahasa templat utama, yang membolehkan pembangun menggunakan kod PHP dengan mudah untuk mencipta halaman HTML. Walau bagaimanapun, templat PHP selalunya memerlukan sejumlah besar aspek bahagian hadapan bagi elemen dan teg HTML, yang boleh kelihatan terlalu bertele-tele dalam beberapa kes. Untuk menyelesaikan masalah ini, enjin templat yang dipanggil Pug telah diperkenalkan ke dalam CakePHP dan telah mendapat pengiktirafan luas daripada semakin ramai pembangun.

Pug ialah bahasa templat HTML yang dipermudahkan yang tidak memerlukan struktur teg yang menjengkelkan seperti HTML Sebaliknya, ia menggunakan kaedah seperti lekukan untuk menentukan hubungan antara elemen, serta atribut dan atribut elemen tertentu. kandungan. Menggunakan Pug menjadikannya lebih pantas untuk menulis dan mengurus templat dan membolehkan pembangun menumpukan pada reka bentuk dan logik perniagaan berbanding struktur templat. Menggunakan Pug dalam CakePHP juga sangat mudah, mari kita terokai bersama-sama.

Pasang Pug

Pertama, kita perlu pastikan Pug dipasang dalam aplikasi CakePHP. Proses pemasangan adalah sama seperti pakej Komposer lain, anda boleh menggunakan arahan berikut:

composer require pug-php/pug

Ini akan memuat turun dan memasang versi terkini Pug dan semua kebergantungannya.

Mencipta Pandangan Pug

Mencipta Pandangan Pug adalah semudah templat paparan lain. Cipta fail baharu dalam direktori pandangan dan namakannya your-view-file.pug. Dalam fail, anda boleh menulis kandungan HTML secara inden. Berikut ialah contoh mudah:

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

Kod di atas akan mencipta halaman HTML ringkas dengan tajuk (Selamat Datang ke Tapak Saya) dan tajuk H1 (Tapak Saya), dan perenggan P ( Ini tapak saya. ).

Reka Letak Warisan

Pug membolehkan anda menggunakan templat "reka letak warisan", yang serupa dengan pewarisan templat dalam enjin templat moden yang lain. Ini boleh mengurangkan kandungan HTML pendua dan menjadikan kod lebih mudah diselenggara.

Untuk menggunakan reka letak, anda perlu mencipta templat dengan sambungan .pug dahulu dalam direktori akar, yang mengandungi beberapa elemen reka letak biasa. Kemudian, gunakan pilihan "lanjutkan" dalam paparan lain untuk mewarisi templat ini. Anda boleh menggunakan "sekat" dalam paparan untuk menunjukkan bahawa paparan ini meliputi elemen reka letak. Di bawah adalah contoh mudah dengan susun atur.

/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.

Ini akan mencipta paparan yang dipanggil "home" dan Apabila menambah kandungan di sekeliling elemen biasa yang ditetapkan dalam fail susun atur, letakkan kandungan ke dalam blok "kandungan".

Tetapan Aplikasi

Apabila menjalankan aplikasi CakePHP, PHP digunakan secara lalai sebagai enjin templat paparan. Mendayakan Pug dalam aplikasi anda agak mudah, cuma tukar kaedah instantiasi kelas View untuk menggunakan Pug:

use JollymagicPugViewViewPugView;

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

Ini akan membolehkan Pug dan kemudian gunakan templat Pug untuk memaparkan paparan anda. Sekarang, simpan sahaja fail .pug dalam direktori paparan dan gunakan fungsi $this->render() dalam pengawal untuk memaparkan fail Pug sepadan dengan paparan.

$this->render('home');

Kesimpulan

Menggunakan enjin paparan Pug dalam aplikasi CakePHP adalah sangat mudah, anda hanya perlu memasang Pug dan menukar kaedah instantiasi kelas View dalam tetapan aplikasi. Selain itu, bahasa templat Pug, yang mewakili unsur HTML secara inden, sangat mengurangkan verbositi teg HTML, membolehkan anda menumpukan pada aspek penting lain aplikasi anda. Nikmati Pug!

Atas ialah kandungan terperinci Bagaimana untuk menggunakan Pug dengan CakePHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!