Laravel의 뷰 및 템플릿 엔진: 아름답고 사용자 정의 가능한 인터페이스 구축-Laravel-php.cn

Laravel의 뷰 및 템플릿 엔진: 아름답고 사용자 정의 가능한 인터페이스 구축

王林

풀어 주다： 2023-08-12 13:54:26

원래의

1075명이 탐색했습니다.

Laravel의 뷰 및 템플릿 엔진: 아름답고 사용자 정의 가능한 인터페이스 구축

Laravel의 보기 및 템플릿 엔진: 아름답고 사용자 정의 가능한 인터페이스 구축

현대 웹 개발에서 아름답고 쉽게 사용자 정의 가능한 인터페이스는 사용자 경험을 향상하고 사용자 참여를 유도하는 데 매우 중요합니다. 널리 사용되는 PHP 프레임워크인 Laravel은 강력한 보기 및 템플릿 엔진 기능을 제공하므로 아름답고 사용자 정의 가능한 인터페이스를 매우 간단하게 구축할 수 있습니다. 이 글에서는 라라벨의 뷰와 템플릿 엔진의 기본 개념과 사용법을 소개하고, 독자들이 이를 더 잘 이해하고 적용할 수 있도록 몇 가지 코드 예제를 제공합니다.

1. 뷰 개요
뷰는 사용자가 보는 웹 인터페이스의 프리젠테이션 레이어입니다. Laravel에서 뷰 파일은 resources/views 디렉터리에 저장됩니다. 보기 파일은 .blade.php 확장자를 가지며 블레이드 템플릿 엔진을 사용하여 렌더링됩니다. 보기 파일은 데이터 표시, 사용자 입력 처리, 페이지 탐색 및 기타 중요한 기능 생성을 담당합니다.

2. 뷰 생성 및 렌더링
새 뷰를 생성하려면 resources/views 디렉터리에 확장자가 .blade.php인 새 파일을 생성하세요. 예를 들어, 다음 내용을 포함하는 Welcome.blade.php라는 뷰 파일을 생성합니다:

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

로그인 후 복사

이 뷰를 컨트롤러에서 렌더링하려면 다음 코드를 사용합니다:

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

로그인 후 복사

뷰를 렌더링할 때 Laravel은 자동으로 변수를 뷰에 전달합니다. 문서. 예를 들어, 데이터는 다음과 같은 방식으로 뷰에 전달될 수 있습니다:

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

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

로그인 후 복사

뷰 파일에서 전달된 데이터는 이중 중괄호 구문을 사용하여 액세스할 수 있습니다:

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

로그인 후 복사

3. 템플릿 엔진 및 레이아웃
Laravel의 템플릿 엔진 Blade는 보다 유연하고 재사용 가능한 인터페이스를 구축하기 위한 풍부한 구문과 기능을 제공합니다. 다음은 일반적으로 사용되는 블레이드 구문 예입니다.

조건문:
@if ($age > 18)
```
 You are an adult.
```
로그인 후 복사
@elseif ($age >= 13)
```
 You are a teenager.
```
로그인 후 복사
@else
```
 You are a child.
```
로그인 후 복사
@endif
루프 문:
@foreach ($users as $user)
```
 <p>{{ $user->name }}</p>
```
로그인 후 복사
@endforeach
하위 뷰 소개:
@include('partials.header')

레이아웃 정의:

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

로그인 후 복사

 <header>
     @yield('header')
 </header>
 <main>
     @yield('content')
 </main>
 <footer>
     @yield('footer')
 </footer>

로그인 후 복사

하위 뷰에서 @section을 사용할 수 있으며 @

@extends('layouts.app')

@section('title', 'Welcome')

@section('header')
    <h1>Welcome to Laravel</h1>
@endsection

@section('content')
    <p>This is the main content.</p>
@endsection

@section('footer')
    <p>© 2021 Laravel</p>
@endsection

로그인 후 복사

4. 공유 데이터 및 템플릿 상속
Laravel은 공유 데이터 및 템플릿 상속 기능을 제공하므로 데이터 및 레이아웃 구조를 여러 뷰 간에 공유할 수 있습니다.

공유 데이터:
with 및 압축 메소드를 사용하여 여러 뷰에 데이터를 공유할 수 있습니다.
public function index()
{
```
 $data = 'Some data';
 return view('view1')->with('data', $data);
```
로그인 후 복사
}

뷰에서 공유 데이터에 직접 액세스할 수 있습니다. :

<p>{{ $data }}</p>

로그인 후 복사

템플릿 상속:
extends 지시문을 사용하여 다른 뷰의 레이아웃을 상속한 다음 @section 및 @yield 지시문을 사용하여 특정 내용을 채울 수 있습니다.

5. 요약
Laravel의 뷰 및 템플릿 엔진 기능은 개발자에게 아름답고 사용자 정의 가능한 인터페이스를 구축할 수 있는 강력한 도구를 제공합니다. 뷰 파일의 생성 및 렌더링과 블레이드 템플릿 엔진의 유연한 구문 및 기능을 통해 개발자는 자신의 요구 사항을 충족하는 인터페이스를 쉽게 구축할 수 있습니다. 동시에 공유 데이터 및 템플릿 상속 기능은 인터페이스 사용자 정의 및 유지 관리를 더욱 효율적으로 만듭니다. Laravel의 뷰와 템플릿 엔진을 마스터함으로써 우리는 사용자 요구 사항을 더 잘 충족하고 웹 개발의 효율성과 품질을 향상시킬 수 있습니다.

이상은 Laravel의 뷰 및 템플릿 엔진에 대한 소개입니다. 독자들이 이 기능을 이해하고 적용하는 데 도움이 되기를 바랍니다. 계속해서 깊이 있게 배우고 연습하면 더 나은 인터페이스와 사용자 경험을 구축할 수 있을 것이라고 믿습니다.

위 내용은 Laravel의 뷰 및 템플릿 엔진: 아름답고 사용자 정의 가능한 인터페이스 구축의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!