composer 需要 laravel 6 的 laravel ui - PHP (1)

📌 相关文章

📜 composer 需要 laravel 6 的 laravel ui - PHP (1)

📅 最后修改于: 2023-12-03 15:14:13.915000 🧑 作者: Mango

Composer 需要 Laravel 6 的 Laravel UI - PHP

简介

Laravel UI 是一个官方 Laravel 包，它提供了用户认证和身份验证的基本功能，包括登录、注册、密码重置等。而 Laravel 6 版本开始，Laravel UI 支持多个前端框架，如 Vue、React、Bootstrap、Semantic UI 等。使用 Laravel UI 可以提高开发效率，快速地构建用户认证和身份验证功能。

安装

使用 Composer 安装 Laravel UI 非常方便。只需要在终端中运行以下命令：

composer require laravel/ui:^1.0

这将会安装 Laravel UI 的最新版本，并且会自动解决依赖关系。如果需要安装指定的版本，可以使用以下命令：

composer require laravel/ui:1.2.0

配置

安装 Laravel UI 之后，还需要做一些配置工作。执行以下命令，发布 Laravel UI 的配置文件、视图和资源文件：

php artisan ui vue --auth

其中，--auth 参数用于生成用户认证和身份验证的相关文件。如果需要生成指定的前端框架，可以使用以下命令：

php artisan ui react --auth

在 resources/views/layouts/app.blade.php 文件中，可以看到以下代码：

<head>
    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>

这是 Laravel UI 自动生成的视图模板。其中，app.js 和 app.css 分别是前端框架的 JavaScript 和 CSS 文件。如果需要使用其他前端框架的文件，需要将它们替换成相应的文件名。

页面渲染

使用 Laravel UI 构建的用户认证和身份验证功能都是基于 Laravel 默认的视图模板和控制器来实现的。因此，可以直接使用 Laravel 的路由、控制器和模板语法来开发认证功能。

例如，在 routes/web.php 文件中定义以下路由：

Route::get('/home', 'HomeController@index')->name('home');

在 app/Http/Controllers/HomeController.php 文件中编写以下代码：

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller
{
    /**
     * Show the application dashboard.
     *
     * @return \Illuminate\Contracts\Support\Renderable
     */
    public function index()
    {
        return view('home');
    }
}

接着，在 resources/views/home.blade.php 文件中编写以下代码：

@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Dashboard</div>

                    <div class="card-body">
                        @if (session('status'))
                            <div class="alert alert-success" role="alert">
                                {{ session('status') }}
                            </div>
                        @endif

                        You are logged in!
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

此时，访问 /home 路径，就会渲染出上面定义的视图模板。

总结

Laravel UI 是一个非常实用的 Laravel 包，它可以帮助开发者快速构建用户认证和身份验证功能。使用 Laravel UI 需要先安装，然后进行配置，最后就可以使用 Laravel 默认的视图模板和控制器来实现功能了。