Xác thực Scaffold Laravel với hỗ trợ bootstrap

Trong hướng dẫn này, bạn sẽ tìm hiểu về Laravel 8 Bootstrap Auth Scaffolding Example và ứng dụng của nó với ví dụ thực tế

Trong Hướng dẫn ví dụ về Laravel 8 Bootstrap Auth Scaffolding này, tôi sẽ chỉ cách tạo trang đăng nhập, đăng ký, đăng xuất, quên mật khẩu, hồ sơ và đặt lại mật khẩu bằng laravel Bootstrap Auth Scaffolding mà không cần sử dụng laravel 8. lệnh xác thực. Bootstrap Auth Scaffolding cho phép chúng tôi tạo giàn giáo xác thực laravel mặc định. Bootstrap Auth Scaffolding bao gồm đầy đủ chức năng đăng nhập, đăng ký, đăng xuất, đặt lại mật khẩu, quên mật khẩu, xác minh email, xác thực hai yếu tố, quản lý phiên

Mục lục

  • Laravel 8 Ví dụ giàn giáo Bootstrap Auth
    • Bước 1 – Cài đặt ứng dụng Laravel 8
    • Bước 2 – Cấu hình cơ sở dữ liệu
    • Bước 3 – Cài đặt Laravel UI
    • Bước 4 – Cài đặt Giàn giáo Bootstrap Auth
    • Bước 5 – Cài đặt gói Npm
    • Bước 6 – Chạy php artisan Migrate
    • Bước 7 – Chạy máy chủ phát triển

Trong hướng dẫn Bootstrap Auth Scaffolding 8 này, tôi sẽ chỉ cho bạn cách sử dụng Bootstrap Auth Scaffolding để tạo giàn giáo xác thực trong laravel 8. Bootstrap Auth Scaffolding sẽ bao gồm đăng nhập, đăng ký, đặt lại mật khẩu, quên mật khẩu, xác minh email và chế độ xem lưỡi xác thực hai yếu tố và tệp bộ điều khiển

Trong hướng dẫn ví dụ xác thực bootstrap laravel 8 này, tôi sẽ chỉ cho bạn cách sử dụng laravel Ui và bootstrap auth để thực hiện đăng nhập mặc định, đăng ký, đặt lại mật khẩu, quên mật khẩu, xác minh email và chế độ xem phiến xác thực hai yếu tố và tệp điều khiển

Laravel 8 Ví dụ giàn giáo Bootstrap Auth

Trong hướng dẫn từng bước về ví dụ xác thực bootstrap laravel 8 này, chúng ta sẽ tìm hiểu cách triển khai hoặc tạo Auth Scaffolding bằng cách sử dụng laravel ui và bootstrap auth. Vui lòng làm theo hướng dẫn dưới đây

  • Bước 1 – Cài đặt ứng dụng Laravel 8
  • Bước 2 – Cấu hình cơ sở dữ liệu
  • Bước 3 – Cài đặt Laravel UI
  • Bước 4 – Cài đặt Giàn giáo Bootstrap Auth
  • Bước 5 – Cài đặt gói Npm
  • Bước 6 – Chạy PHP artisan Migrate
  • Bước 7 – Chạy máy chủ phát triển

Bước 1 – Cài đặt ứng dụng Laravel 8

Trước hết, chúng ta cần tạo một dự án laravel mới, tải xuống và cài đặt Laravel 8 bằng lệnh bên dưới

1

nhà soạn nhạc tạo-dự án --prefer-dist laravel/laravel Laravel8Auth

Bước 2 – Cấu hình cơ sở dữ liệu

Bây giờ, hãy tạo cơ sở dữ liệu MySQL và kết nối nó với ứng dụng laravel. Sau khi tạo cơ sở dữ liệu, chúng ta cần đặt thông tin xác thực cơ sở dữ liệu trong ứng dụng. tập tin env

1

2

3

4

5

6

DB_CONNECTION=mysql

DB_HOST=127. 0. 0. 1

DB_PORT=3306

DB_DATABASE=db tên

DB_USERNAME=db người dùng tên

DB_PASSWORD=db mật khẩu

Bước 3 – Cài đặt Laravel UI

Bây giờ, chuyển thư mục dự án laravel và chạy lệnh soạn thảo sau để cài đặt gói laravel/ui. Laravel UI là một thư viện chính thức cung cấp các thành phần UI chọn lọc hoặc được xác định trước. Gói laravel/ui đi kèm với giàn giáo đăng nhập và đăng ký cho các bố cục React, Vue, jQuery và Bootstrap. Chạy lệnh soạn thảo sau để cài đặt Laravel/UI

1

nhà soạn nhạc yêu cầu laravel/ui

Bước 4 – Cài đặt Giàn giáo Bootstrap Auth

Sử dụng lệnh thủ công sau để Cài đặt giàn giáo xác thực với Bootstrap

1

php artisan ui bootstrap --auth

Bây giờ, bạn đã cài đặt thành công bootstrap trong dự án laravel 8 của mình, bạn có thể thấy thư mục js thư mục tài nguyên của mình

Bước 5 – Cài đặt gói Npm

Bây giờ, bạn cần cài đặt gói bootstrap và các phụ thuộc giao diện người dùng có liên quan, chẳng hạn như jquery từ npm bằng lệnh sau

1

npm cài đặt

Sau đó gõ lệnh sau vào cmd để chạy npm

1

npm run dev

Bước 6 – Chạy php artisan Migrate

Bây giờ, trong bước này, chúng ta sẽ tạo mô hình và tệp di chuyển. Vui lòng chạy lệnh sau

1

php nghệ nhân di cư

Bước 7 – Chạy máy chủ phát triển

Bây giờ chúng tôi đã sẵn sàng để chạy ví dụ của mình, vì vậy hãy khởi động máy chủ phát triển bằng cách sử dụng lệnh thủ công sau –

Làm cách nào để cài đặt auth trong Laravel 8 bằng bootstrap?

Bạn sử dụng Auth trong Laravel như thế nào? .
Bước 1. Thiết lập cơ sở dữ liệu. Truy cập ứng dụng Laravel của bạn trên máy chủ Cloudways
Bước 2. Thiết lập các tuyến đường. ứng dụng $ vim/Http/tuyến. php
Bước 3. Làm bộ điều khiển. $ vim ứng dụng/Http/Bộ điều khiển/MainController. php
Bước 4. Thiết lập Chế độ xem

Làm cách nào để cài đặt bootstrap auth trong Laravel?

Bước 1. Cài đặt dự án Laravel. .
Bước 2. Cài đặt giao diện người dùng Laravel cho Bootstrap 5. .
Bước 3. Thiết lập Giàn giáo Auth với Bootstrap 5. .
Bước 4. Cài đặt phụ thuộc NPM. .
Bước 5. vite nhập khẩu. .
Bước 6. Cập nhật bootstrap. js. .
Bước 7. Nhập Bootstrap 5 SCSS trong Thư mục JS. .
Bước 8. Thay mix[] bằng lệnh @vite Blade

Làm cách nào để bắt đầu Laravel 8 với xác thực & bootstrap đúng cách?

Hướng dẫn ví dụ về Bootstrap Auth Scaffolding của Laravel 8 .
Bước 1 – Cài đặt ứng dụng Laravel 8
Bước 2 – Cấu hình cơ sở dữ liệu
Bước 3 – Cài đặt Laravel UI
Bước 4 – Cài đặt Giàn giáo Bootstrap Auth
Bước 5 – Cài đặt gói Npm
Bước 6 – Chạy PHP artisan Migrate
Bước 7 – Chạy máy chủ phát triển

Bootstrap có hỗ trợ Laravel không?

Giới thiệu. Mặc dù Laravel không quy định bạn sử dụng bộ tiền xử lý JavaScript hay CSS nào, nhưng nó cung cấp một điểm khởi đầu cơ bản bằng Bootstrap, React và/hoặc Vue rằng . Theo mặc định, Laravel sử dụng NPM để cài đặt cả hai gói giao diện người dùng này.

Chủ Đề