Rumah > Artikel > rangka kerja php > Paparan dan enjin templat dalam Laravel: membina antara muka yang cantik dan boleh disesuaikan

Paparan dan enjin templat dalam Laravel: membina antara muka yang cantik dan boleh disesuaikan

王林asal: 2023-08-12 13:54:261015semak imbas

Enjin Lihat dan Templat dalam Laravel: Bina Antara Muka Yang Cantik dan Boleh Disesuaikan

Dalam pembangunan web moden, antara muka yang cantik dan mudah disesuaikan adalah penting untuk meningkatkan pengalaman pengguna dan melibatkan pengguna. Sebagai rangka kerja PHP yang popular, Laravel menyediakan paparan berkuasa dan fungsi enjin templat, menjadikannya sangat mudah untuk membina antara muka yang cantik dan boleh disesuaikan. Artikel ini akan memperkenalkan konsep asas dan penggunaan paparan dan enjin templat dalam Laravel, dan menyediakan beberapa contoh kod untuk membantu pembaca memahami dan menggunakannya dengan lebih baik.

1. View Overview
View ialah lapisan pembentangan antara muka web yang dilihat oleh pengguna. Dalam Laravel, fail lihat disimpan dalam direktori sumber/pandangan. Lihat fail mempunyai sambungan .blade.php dan dipaparkan menggunakan enjin templat Blade. Lihat fail bertanggungjawab untuk memaparkan data, memproses input pengguna, dan menjana navigasi halaman serta fungsi penting lain.

2 Cipta dan paparkan paparan
Untuk mencipta paparan baharu, cuma buat fail baharu dengan sambungan .blade.php dalam direktori sumber/pandangan. Sebagai contoh, kami mencipta fail paparan yang dipanggil welcome.blade.php dengan kandungan berikut:

<html>
<head>
    <title>Welcome</title>
</head>
<body>
    <h1>Welcome to Laravel</h1>
</body>
</html>

Untuk memaparkan paparan ini dalam pengawal, gunakan kod berikut:

public function welcome()
{
    return view('welcome');
}

Apabila memberikan paparan, Laravel secara automatik menghantar pembolehubah kepada paparan dokumen. Sebagai contoh, data boleh dihantar ke paparan dengan cara berikut:

public function welcome()
{
    $data = [
        'name' => 'John',
        'age' => 30
    ];

    return view('welcome', $data);
}

Dalam fail paparan, data yang diluluskan boleh diakses dengan menggunakan sintaks pendakap kerinting berganda:

<h2>Hello, {{ $name }}</h2>
<p>Your age is {{ $age }}</p>

3. Enjin templat dan susun atur
Enjin templat Laravel Blade menyediakan sintaks dan fungsi yang kaya untuk membina antara muka yang lebih fleksibel dan boleh digunakan semula. Berikut ialah beberapa contoh sintaks Blade yang biasa digunakan:

Pernyataan bersyarat:
@if ($umur > 18)
```
 You are an adult.
```
@elseif ($age >= 13)
```
 You are a teenager.
```
@reee
@reee
@reee
loop Pernyataan:
@foreach ($ pengguna sebagai pengguna $)
```
 You are a child.
```
e
@endforeach
introduce subviews:
@include ('partials.header')
Define Layout:
& lt ;! Doctype html & gt; . melanjutkan arahan untuk mengisi pelbagai bahagian reka letak:
```
 <p>{{ $user->name }}</p>
```
4. Data kongsi dan warisan templat
Laravel menyediakan fungsi data kongsi dan warisan templat, supaya data dan struktur reka letak boleh dikongsi antara berbilang paparan.

Data kongsi:
Anda boleh menggunakan kaedah dengan dan padat untuk berkongsi data ke berbilang paparan:

{

 <title>@yield('title')</title>

}

```
 <header>
     @yield('header')
 </header>
 <main>
     @yield('content')
 </main>
 <footer>
     @yield('footer')
 </footer>
```
Warisan templat:
Anda boleh menggunakan arahan lanjutan untuk mewarisi reka letak paparan lain, dan kemudian gunakan arahan @bahagian dan @hasil untuk mengisi kandungan tertentu.

5. Ringkasan
Pandangan dan keupayaan enjin templat Laravel menyediakan alat yang berkuasa untuk membina antara muka yang cantik dan boleh disesuaikan. Melalui penciptaan dan pemaparan fail paparan serta sintaks dan kefungsian fleksibel enjin templat Blade, pembangun boleh membina antara muka yang memenuhi keperluan mereka dengan mudah. Pada masa yang sama, fungsi data yang dikongsi dan warisan templat menjadikan penyesuaian antara muka dan penyelenggaraan lebih cekap. Dengan menguasai enjin paparan dan templat Laravel, kami dapat memenuhi keperluan pengguna dengan lebih baik dan meningkatkan kecekapan dan kualiti pembangunan web.

Atas ialah kandungan terperinci Paparan dan enjin templat dalam Laravel: membina antara muka yang cantik dan boleh disesuaikan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Pembinaan dan pengesahan borang dalam Laravel: Memudahkan input pengguna dan pengendalian dataArtikel seterusnya：Pembinaan dan pengesahan borang dalam Laravel: Memudahkan input pengguna dan pengendalian data

Artikel berkaitan

Lihat lagi