Rumah > rangka kerja php > Laravel > teks badan

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

王林
Lepaskan: 2023-08-12 13:54:26
asal
1025 orang telah melayarinya

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

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>
Salin selepas log masuk

Untuk memaparkan paparan ini dalam pengawal, gunakan kod berikut:

public function welcome()
{
    return view('welcome');
}
Salin selepas log masuk

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);
}
Salin selepas log masuk

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

<h2>Hello, {{ $name }}</h2>
<p>Your age is {{ $age }}</p>
Salin selepas log masuk

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:

  1. Pernyataan bersyarat:
    @if ($umur > 18)

     You are an adult.
    Salin selepas log masuk

    @elseif ($age >= 13)

     You are a teenager.
    Salin selepas log masuk

    @reee

    @reee

    @reee

  2. loop Pernyataan:
    @foreach ($ pengguna sebagai pengguna $)

     You are a child.
    Salin selepas log masuk
    e

    @endforeach

  3. introduce subviews:
    @include ('partials.header')
  4. Define Layout:
    & lt ;! Doctype html & gt; . melanjutkan arahan untuk mengisi pelbagai bahagian reka letak:

     <p>{{ $user->name }}</p>
    Salin selepas log masuk

    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:

  5. indeks fungsi awam()
{

 <title>@yield('title')</title>
Salin selepas log masuk

}


    Anda boleh mengakses terus data yang dikongsi :
  1.  <header>
         @yield('header')
     </header>
     <main>
         @yield('content')
     </main>
     <footer>
         @yield('footer')
     </footer>
    Salin selepas log masuk


    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.

    Di atas adalah pengenalan kepada enjin paparan dan templat dalam Laravel saya harap ia dapat membantu pembaca memahami dan mengaplikasikan fungsi ini. Teruskan belajar dan berlatih secara mendalam, dan saya percaya anda akan dapat membina antara muka dan pengalaman pengguna yang lebih baik.

    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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan