Làm cách nào để tạo dự án Laravel phiên bản 7?

Laravel là một PHP Framework mã nguồn mở và miễn phí dành cho Web Artisans dựa trên Symfony giúp tạo các Ứng dụng web theo mẫu thiết kế MVC (Model View Controller)

Có 2 cách để tạo ứng dụng Laravel, một là sử dụng bộ cài đặt Laravel. Cái còn lại yêu cầu gói Laravel và để chúng tôi sử dụng trình soạn thảo và lệnh tạo dự án

Trong hướng dẫn này, chúng tôi sẽ sử dụng cái sau

Hướng dẫn từng bước về cách xây dựng ứng dụng Laravel (blog) đầu tiên của bạn

Dưới đây là một số thông tin về Laravel framework

• khung. ấu trùng
• Tác giả. Taylor Otwell
• Ngày phát hành ban đầu. tháng 6 năm 2011
• Phiên bản hiện tại. 8 (08/09/2020)
• Phiên bản ổn định. số 8. 11. 2 (28/10/2020)

Laravel là gì?

Phiên bản ngắn gọn là Laravel là một PHP MVC Framework. Phiên bản dài sẽ là, Laravel là một Framework PHP mã nguồn mở và miễn phí dành cho Web Artisans dựa trên Symfony

Nó giúp tạo các Ứng dụng web theo mẫu thiết kế MVC (Model View Controller). Để chúng ta hiểu rõ hơn về Laravel, chúng ta sẽ xây dựng một ứng dụng blog đơn giản với Laravel từ đầu

Yêu cầu. Để tạo một ứng dụng Laravel, bạn sẽ cần một vài công cụ được cài đặt trong máy tính của mình

Những công cụ này bao gồm

• PHP >= 7. 3
• Cơ sở dữ liệu (MySql)
• Máy chủ web localhost – Trong trường hợp của chúng tôi, chúng tôi sẽ sử dụng WAMP (dành cho Windows), LAMP (dành cho Linux) hoặc MAMP (dành cho MacO). Máy chủ web localhost này được cài đặt cơ sở dữ liệu PHP và MySQL mới nhất, do đó bạn sẽ không cần phải cài đặt chúng theo cách thủ công. Để cài đặt MAMP, LAMP hoặc WAMP, hãy truy cập http. // bộ khuếch đại. com/downloads và chọn phần mềm nền tảng của bạn
• Composer – Đây là một phần mềm quản lý phụ thuộc cho PHP. Để cài đặt trình soạn nhạc, hãy truy cập https. //getcomposer. org/ và tải xuống ở đó cho nền tảng của bạn
• Nút. js – Đây là môi trường thời gian chạy JavaScript nguồn mở và miễn phí, thực thi JavaScript bên ngoài trình duyệt. Chúng tôi sẽ không viết bất kỳ nút nào. js nhưng nó sẽ được Laravel sử dụng trong nền để đơn giản hóa quá trình phát triển của chúng tôi
• Trình chỉnh sửa mã – Cần có trình chỉnh sửa mã. Chúng tôi khuyên bạn nên sử dụng Visual Studio Code. nó miễn phí
• Một trình duyệt – Google Chrome, Edge, Safari hoặc Mozilla Firefox sẽ hoạt động tốt
• Kiến thức cơ bản về ngôn ngữ lập trình PHP

Khi thiết lập máy của chúng tôi hoàn tất, đã đến lúc bắt đầu phát triển

Tạo một ứng dụng Laravel mới

Như chúng tôi đã đề cập trước đây, có hai cách để tạo một ứng dụng Laravel;

Trong hướng dẫn này, chúng tôi sẽ sử dụng cái sau

• Mở bảng điều khiển của bạn và cd đến thư mục www trong thư mục cài đặt MAMP, LAMP hoặc WAMP của bạn

• Gõ lệnh sau

  composer create-project --prefer-dist laravel/laravel my-blog
  

Nó sẽ tạo một thư mục có tên là

config('app.name', 'Default Name')

Định cấu hình ứng dụng Laravel của chúng tôi

Sau khi cài đặt ứng dụng Laravel của chúng tôi, chúng tôi sẽ cần định cấu hình cơ sở dữ liệu của mình để nó hoạt động

• Tới

  config('app.name', 'Default Name')
  

  5
• Tạo Cơ sở dữ liệu mới bằng cách nhấp vào mới (hiển thị màu đỏ bên dưới)

• Đặt tên cho nó là

  config('app.name', 'Default Name')
  

  6 và nhấp vào Tạo

Bây giờ chúng ta đã có cơ sở dữ liệu, chúng ta có thể tiến hành thiết lập ứng dụng để làm việc với cơ sở dữ liệu

• Mở trình khám phá tệp của bạn và điều hướng đến thư mục

  config('app.name', 'Default Name')
  

  4
• Mở tệp

  config('app.name', 'Default Name')
  

  8 trong trình chỉnh sửa mã của bạn
• Thay đổi các mục sau trong tệp. -

config('app.name', 'Default Name')

env('KEY','default')

Tệp cuối cùng sẽ trông như thế này

________số 8

Với mọi thứ đã được định cấu hình, đã đến lúc chạy ứng dụng của chúng ta và xem nó trông như thế nào

Để chạy ứng dụng, gõ lệnh sau

php artisan serve

Nó sẽ khởi động ứng dụng và cung cấp cho bạn một URL,

env('KEY','default')

Hiểu cấu trúc tệp ứng dụng Laravel

Trước khi chúng tôi bắt đầu viết mã, hãy hiểu cấu trúc tệp của ứng dụng Laravel

Ví dụ: hầu hết các bạn có thể không hiểu tại sao chúng tôi lại thay đổi tệp

config('app.name', 'Default Name')

Dưới đây là cấu trúc tệp Ứng dụng Laravel

Thư mục

env('KEY','default')

Là người mới bắt đầu, bạn sẽ dành phần lớn thời gian của mình trong các thư mục Mô hình và Bộ điều khiển, hai điều này là những gì chúng ta sẽ thảo luận chi tiết

• Thư mục

  env('KEY','default')
  

  4- Đây là nơi lưu trữ logic nghiệp vụ của Ứng dụng của bạn, một mô hình là đại diện của một đối tượng trong đời thực. Ví dụ, một bài đăng trên blog

Các mô hình sẽ được tạo bằng cách sử dụng lệnh php artisan

env('KEY','default')

Ghi chú. Laravel đi kèm với một Người dùng. php Mô hình ra khỏi hộp xác định chi tiết người dùng

• Thư mục

  env('KEY','default')
  

  6 – Thư mục này sẽ chứa tất cả các tệp điều khiển của ứng dụng của bạn

Bộ điều khiển tạo liên kết giữa Mô hình và Chế độ xem của bạn. Khi người dùng gửi biểu mẫu bài đăng blog mới, dữ liệu sẽ được đưa vào bộ điều khiển nơi nó được làm sạch và sau đó được chuyển đến mô hình để lưu trữ trong cơ sở dữ liệu, sau đó bộ điều khiển sẽ gửi phản hồi lại cho chế độ xem cho biết bài đăng blog đã được tạo

Bộ điều khiển sẽ được tạo bằng cách sử dụng lệnh php artisan

env('KEY','default')

Bộ điều khiển có 7 phương thức chữ ký cho phép hoạt động thô

1. env('KEY','default')
   

   8 – để lấy tất cả các tài nguyên e. g. tất cả các bài đăng trên blog có sẵn

2. env('KEY','default')
   

   9 – để tìm nạp một tài nguyên e. g. một bài đăng trên blog, giả sử, bài 5

3. config('app.name', 'Default Name')
   

   90 – hiển thị biểu mẫu sẽ sử dụng để tạo tài nguyên (không khả dụng cho bộ điều khiển API)

4. config('app.name', 'Default Name')
   

   91 – chuyển giao tài nguyên cho cơ sở dữ liệu e. g. lưu bài đăng trên blog

5. env('KEY','default')
   

   8 – để hiển thị biểu mẫu để chỉnh sửa tài nguyên (không khả dụng cho bộ điều khiển API)

6. config('app.name', 'Default Name')
   

   93 – để cam kết tài nguyên đã chỉnh sửa vào cơ sở dữ liệu

7. config('app.name', 'Default Name')
   

   94 – để xóa tài nguyên khỏi cơ sở dữ liệu

Bây giờ quay lại cấu trúc tệp ứng dụng Laravel của chúng tôi

• Thư mục

  config('app.name', 'Default Name')
  

  95 – Thư mục này chứa tất cả phần mềm trung gian, phần mềm trung gian là mã sẽ được thực thi trước khi yêu cầu đến bộ điều khiển e. g. Xác thực người dùng trước khi cho phép truy cập
• Thư mục

  config('app.name', 'Default Name')
  

  96 – Thư mục này chứa tất cả các xử lý Ngoại lệ trong Ứng dụng của bạn, bạn cũng có thể thêm các ngoại lệ tùy chỉnh tại đây
• Thư mục

  config('app.name', 'Default Name')
  

  97 – Thư mục này chứa tất cả các lệnh thủ công PHP (PHP Artisan là công cụ dòng lệnh đi kèm với Laravel để giúp chúng tôi thiết kế ứng dụng của mình nhanh hơn). Các lệnh này được sử dụng để tạo tệp ứng dụng và cũng thực hiện một số hành động như khởi động máy chủ phát triển. Một ví dụ về lệnh artisan là lệnh mà chúng ta đã chạy lúc đầu sau khi cài đặt Laravel (php artisan serve)
• Thư mục

  config('app.name', 'Default Name')
  

  98 – Thư mục này chứa tất cả các nhà cung cấp dịch vụ trong Ứng dụng của bạn, nhà cung cấp dịch vụ trong Laravel là một nhóm mã thực hiện tác vụ cụ thể trên ứng dụng bất cứ khi nào cần. Ví dụ: nhà cung cấp dịch vụ thanh toán sẽ được thiết kế để cho phép nhiều nền tảng thanh toán nhưng tất cả những gì bạn phải làm là gọi cho nhà cung cấp dịch vụ và họ sẽ tự động cung cấp nền tảng thanh toán thay vì chỉ định nền tảng trong bộ điều khiển

GHI CHÚ. Nhà cung cấp dịch vụ là một khái niệm khó nắm bắt đối với người mới bắt đầu, nhưng một khi bạn đã quen với chúng thì chúng thực sự tiện dụng

• Thư mục

  config('app.name', 'Default Name')
  

  99 – Thư mục này chứa tệp ứng dụng khởi động khung bằng cách khởi tạo nó (thiết lập đường dẫn & môi trường), nó cũng chứa thư mục bộ đệm chứa các tệp được tạo bởi khung để tối ưu hóa ứng dụng

GHI CHÚ. thư mục bootstrap không liên quan gì đến Bootstrap CSS Framework

• Thư mục

  config('app.name', 'Default Name')
  

  90 – Thư mục này chứa tất cả các tệp cấu hình của Ứng dụng. Để có được một cấu hình nhất định, Laravel cung cấp một phương thức trợ giúp để thực hiện điều đó

Ví dụ

Lấy tên Ứng dụng chúng tôi sẽ sử dụng

config('app.name', 'Default Name')

Trong ví dụ đó, ứng dụng là tệp cấu hình mà chúng tôi đang tìm kiếm, tên là khóa trong khi 'Tên mặc định' là tên sẽ được sử dụng trong trường hợp khóa hoặc tệp không tồn tại

• Thư mục

  config('app.name', 'Default Name')
  

  91 – Thư mục này chứa cơ sở dữ liệu di chuyển, nhà máy và hạt giống. Di chuyển là định nghĩa bảng cơ sở dữ liệu như cột và kiểu dữ liệu của chúng, định nghĩa khóa cần thiết, v.v.

Các nhà máy là bản thiết kế được sử dụng để tạo dữ liệu mẫu cho cơ sở dữ liệu trong khi hạt giống là dữ liệu mẫu cho cơ sở dữ liệu của chúng tôi. Chúng thực sự là các lệnh kích hoạt tạo dữ liệu mẫu khi chạy

Bạn cũng có thể chọn lưu trữ các tệp cơ sở dữ liệu SQLite tại đây

Ghi chú. Laravel đi kèm với di chuyển user_table và UserFactory. php sẽ giúp tạo bảng người dùng và xác định dữ liệu mẫu cho bảng người dùng của chúng tôi

• Thư mục

  config('app.name', 'Default Name')
  

  92 – Thư mục này chứa tệp chỉ mục là điểm vào của ứng dụng, sau khi yêu cầu được thực hiện, nó sẽ truy cập tệp đó và sau đó được chuyển hướng đến tuyến đường cần thiết. Chúng ta sẽ tìm hiểu về các tuyến đường sau. Bạn cũng có thể lưu trữ tài sản công khai ở đây như hình ảnh công khai, css và js

• Thư mục

  config('app.name', 'Default Name')
  

  93 – Thư mục này chứa các tệp nguồn tương thích của ứng dụng của chúng tôi, bao gồm các chế độ xem, sass và JavaScript thô (hầu hết là Node. js hoặc từ các tệp JS Frameworks). Lượt xem được tạo bằng HTML với sự kết hợp của một công cụ tạo khuôn mẫu của Laravel có tên là blade, chúng ta sẽ tìm hiểu thêm về điều này sau

• Thư mục

  config('app.name', 'Default Name')
  

  94 – Thư mục này chứa tất cả các tệp tuyến đường đến ứng dụng của chúng tôi, các tệp tuyến đường này bao gồm web. php, API. php, kênh. php, bảng điều khiển. php. Mỗi tệp chứa nhiều tuyến đường do người dùng xác định. Một tuyến đường chỉ đơn giản là một địa chỉ web trỏ đến một chức năng nhất định trong tệp tuyến đường hoặc trong bộ điều khiển

• Thư mục

  config('app.name', 'Default Name')
  

  95 – Thư mục này chứa tất cả các tệp riêng tư, chẳng hạn như ảnh hồ sơ khách hàng. Một liên kết động có thể được tạo từ đây để công khai. Tất cả nhật ký ứng dụng cũng được lưu trữ ở đây

• Thư mục

  config('app.name', 'Default Name')
  

  96 – Đây là nơi lưu trữ các bài kiểm tra ứng dụng của bạn

• Thư mục

  config('app.name', 'Default Name')
  

  97 – Đây là nơi lưu trữ tất cả các gói của bên thứ ba do nhà soạn nhạc mang đến

• Tệp

  config('app.name', 'Default Name')
  

  8 – Tệp này chứa các biến môi trường, các biến này được đưa vào thông qua tệp cấu hình bằng phương pháp trình trợ giúp

  config('app.name', 'Default Name')
  

  99

env('KEY','default')

GHI CHÚ. Tránh sử dụng phương thức trợ giúp env() bên trong mã của bạn, chỉ sử dụng nó trong tệp cấu hình. Điều này là do, trong quá trình triển khai khi bạn lưu trữ môi trường vào bộ đệm (bạn sẽ tìm hiểu cách thực hiện) tất cả các biến môi trường sẽ được tải vào cấu hình và. tệp env sẽ bị xóa

Hiểu vòng đời yêu cầu

Laravel giống như bất kỳ nền tảng phía máy chủ nào khác, hoạt động trên mô hình phản hồi yêu cầu, tôi. e. người dùng gửi yêu cầu và họ nhận được phản hồi lại

Ví dụ: giả sử người dùng muốn đọc bài đăng trên blog 5, họ sẽ gửi yêu cầu nhận để tìm nạp bài đăng đó; . //blog của tôi. kiểm tra/blog/5

Đầu tiên request sẽ chuyển đến file

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Khi tất cả phần mềm trung gian đã được thực thi, yêu cầu sẽ được chuyển tiếp đến phương thức cần thiết, trong trường hợp này, phương thức sẽ là

env('KEY','default')

config('app.name', 'Default Name')

Bên trong bộ điều khiển, yêu cầu được thực hiện i. e. bài đăng được tìm nạp từ cơ sở dữ liệu sau đó đối tượng BlogPost được chuyển đến chế độ xem và người dùng nhận được chế độ xem dưới dạng phản hồi. Chế độ xem sau đó được hiển thị trong trình duyệt

Điều đó hoàn thiện quá trình yêu cầu

Hãy viết mã

Bây giờ chúng ta đã hiểu rõ hơn về cách thức hoạt động của một yêu cầu và những tệp và thư mục khác nhau của ứng dụng Laravel là cần thiết, chúng ta sẽ bắt đầu phát triển blog của mình ngay bây giờ

Làm mô hình BlogPost

Đầu tiên chúng ta sẽ tạo một Model Bài Viết Blog, để tạo model chúng ta sử dụng lệnh php artisan ________ 75 sau đó gõ tên model

config('app.name', 'Default Name')

Thao tác này sẽ tạo một tệp có tên ________ 415 bên trong thư mục ________ 416 của chúng ta, và thưa quý vị, đó là tất cả những gì bạn cần làm để tạo một mô hình

Thực hiện di chuyển bảng

config('app.name', 'Default Name')

17 & di chuyển cơ sở dữ liệu

Bây giờ, hãy tạo một migration cho model

Để tạo quá trình di chuyển, chúng tôi sử dụng lệnh php artisan

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Trong trường hợp của chúng ta

config('app.name', 'Default Name')

TIỀN BOA. Luôn đảm bảo rằng tên bảng của bạn ở dạng số nhiều của tên kiểu máy bằng chữ thường

Thao tác này sẽ tạo một tệp bên trong thư mục

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Khi bạn đã tạo quá trình di chuyển, chúng tôi phải điền vào đó các trường chúng tôi cần bên trong phương thức

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Ba trường tôi đã chỉ định bằng nhận xét khối là tất cả những gì tôi đã thêm, phần còn lại được điền trước

config('app.name', 'Default Name')

config('app.name', 'Default Name')

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Sau khi tạo quá trình di chuyển, tất cả những gì chúng ta phải làm là di chuyển để tạo các bảng trong cơ sở dữ liệu của mình. Để di chuyển, hãy chạy lệnh di chuyển (bên dưới)

Điều này sẽ tạo các bảng trong cơ sở dữ liệu cho chúng tôi

config('app.name', 'Default Name')

Tạo một nhà máy và hạt giống cho bảng

config('app.name', 'Default Name')

37 của chúng tôi

Bây giờ chúng tôi đã tạo bảng của mình, đã đến lúc điền dữ liệu vào bảng. Nhà máy người dùng (

config('app.name', 'Default Name')

Để tạo một nhà máy, chúng tôi sử dụng lệnh

config('app.name', 'Default Name')

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Trong thư mục

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Bên trong phương thức định nghĩa, chúng tôi sẽ chỉnh sửa mảng trả về để xác định dữ liệu bài đăng trên blog của chúng tôi, chúng tôi sẽ đặt như sau

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Bây giờ chúng tôi đã tạo nhà máy của mình, đã đến lúc tạo một trình gieo hạt để tạo cơ sở dữ liệu của chúng tôi. Chúng ta sẽ làm điều này bằng PHP artisan tinker. Tinker là một công cụ dòng lệnh được cung cấp cùng với Laravel để cho phép thao tác dữ liệu mà không cần thay đổi mã trong quá trình phát triển, đây là một công cụ tốt để thực hiện gieo hạt và kiểm tra các mối quan hệ

Để mở tinker, gõ

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Điều này sẽ kích hoạt một dòng lệnh trông như thế này

Bắt đầu nhập mã của bạn và nhấn enter để chạy mã

Để gieo hạt, gõ

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Điều này sẽ tạo ra 10 bài đăng trên blog và lưu chúng vào cơ sở dữ liệu và cũng tạo ra 10 người dùng, mỗi người dùng sẽ sở hữu một bài đăng trên blog

Tạo bộ điều khiển

Bộ điều khiển giúp chúng tôi thực hiện các hành động thao tác tài nguyên, chẳng hạn như CRUD Ops. Để tạo bộ điều khiển, chúng tôi sử dụng lệnh

env('KEY','default')

config('app.name', 'Default Name')

Quy ước đặt tên của bộ điều khiển trong Laravel là ModelName theo sau là tên Bộ điều khiển. Đối với mô hình

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Thao tác này sẽ tạo một tệp có tên

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Các tập tin sẽ trông như thế này

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Tệp sẽ được tạo với tất cả các phương pháp thao tác tài nguyên có sẵn và Mô hình BlogPost được đưa vào tệp theo mặc định

Làm việc với các tuyến đường

Bây giờ chúng tôi đã tạo bộ điều khiển của mình, hãy nhắm mục tiêu một trong các phương thức, giả sử

env('KEY','default')

Tất cả các tuyến web được lưu trữ trong tệp

config('app.name', 'Default Name')

Mở tệp và bạn sẽ thấy tuyến mặc định (gốc) đến ứng dụng của chúng tôi, ngay bên dưới tuyến gốc, chúng tôi sẽ tạo tuyến blog sẽ mở blog và hiển thị tất cả các bài đăng có sẵn

Để chứng minh rằng chúng tôi sẽ nhắm mục tiêu phương thức chỉ mục bên trong lớp

config('app.name', 'Default Name')

Nó sẽ là một tuyến đường

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Tệp

config('app.name', 'Default Name')

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Nếu bạn truy cập tuyến đường đó bây giờ, nó sẽ hiển thị một màn hình trống. Trong các phần tiếp theo, chúng tôi sẽ tạo thêm các tuyến đường và triển khai các phương thức có sẵn

Thực hiện các phương pháp điều khiển

1. Hiển thị tất cả các bài đăng trên blog bằng phương pháp

env('KEY','default')

8

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Nếu chúng tôi điều hướng đến

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Như thế này

Tôi đã cài đặt một tiện ích mở rộng của chrome có tên là Trình định dạng JSON để giúp tôi định dạng JSON được kết xuất, đây là một plugin miễn phí, bạn không cần phải cài đặt nếu không cần

2. Hiển thị một bài đăng trên blog

Tạo lộ trình hiển thị 1 bài viết

Lộ trình sẽ là

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Ở đây, chúng tôi đã giới thiệu

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Với phương thức show, chúng ta sẽ có

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Nếu chúng tôi truy cập

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Điều này được gọi là liên kết mô hình tuyến đường trong Laravel. Bạn cung cấp một tuyến đường có ký tự đại diện được thay thế bằng giá trị được cung cấp trong URL, sau đó Laravel sử dụng giá trị đó để cố gắng tìm bản ghi được liên kết với giá trị đó, đặc biệt là bản ghi có ID đó

Nếu không tìm thấy, bạn sẽ gặp lỗi 404

Đây là phản hồi bạn sẽ thấy trong trình duyệt của mình

CẢNH BÁO. Khóa chúng tôi sử dụng trên ký tự đại diện phải cùng tên với tên biến bên trong phương thức hiển thị để liên kết tuyến đường mô hình xảy ra. Ví dụ: nếu trong ký tự đại diện tuyến đường là

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

06 thì tên biến trên phương thức

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

13 phải là

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

09

Làm việc với các phương pháp khác

Cho đến nay chúng tôi chỉ làm việc với các tuyến đường

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

config('app.name', 'Default Name')

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Phương thức

config('app.name', 'Default Name')

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

config('app.name', 'Default Name')

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

config('app.name', 'Default Name')

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

TIỀN BOA. Động từ http còn được gọi là phương thức hoặc hành động, chúng thường được sử dụng để xác định hành động được thực hiện trên máy chủ

E. g. Một động từ/hành động/phương thức POST sẽ được sử dụng để đăng dữ liệu lên máy chủ, một phương thức GET sẽ được sử dụng để lấy dữ liệu từ máy chủ, phương thức PATCH/PUT sẽ được sử dụng để cập nhật dữ liệu và phương thức DELETE sẽ được sử dụng để xóa dữ liệu khỏi máy chủ

Có những động từ khác nhưng bạn sẽ hiếm khi sử dụng chúng ngay cả trong môi trường phát triển chuyên nghiệp

Chúng tôi sẽ triển khai những điều này sau khi chúng tôi đã học cách tạo giao diện người dùng, hiện tại, chúng tôi có thể tạo các tuyến đường của họ

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Làm việc với các khung nhìn và thiết kế giao diện người dùng

Laravel sử dụng một công cụ tạo khuôn mẫu có tên là blade được đưa vào HTML và cuối cùng được đánh giá là HTML

Đầu tiên, chúng ta sẽ tìm hiểu cú pháp lưỡi kiếm, điều này sẽ giúp chúng ta bắt đầu

Chúng ta sẽ so sánh cú pháp chúng ta sử dụng trên blade với cú pháp bên trong PHP thông thường

TIỀN BOA. Cú pháp PHP vẫn được chấp nhận trong các khung nhìn của Laravel nhưng như bạn đã thấy, nó rất vụng về. Sử dụng cú pháp lưỡi tốt hơn

Blade có nhiều điều khoản và chỉ thị mà chúng ta cần hiểu

• View – một tệp HTML trong Laravel, chẳng hạn như giao diện người dùng
• Bố cục – Đây là bộ xương của ứng dụng, nó xác định các yếu tố chính như đầu trang và chân trang để đảm bảo tính nhất quán và cũng bao gồm các tập lệnh và kiểu chính
• Thành phần – Thành phần là dạng xem có thể tái sử dụng, chẳng hạn chúng có thể là một nút

Chỉ thị lưỡi dao và ý nghĩa của chúng

Đây là những cái chúng ta sẽ sử dụng ngay bây giờ, bạn luôn có thể tìm hiểu thêm về tài liệu Laravel [tại đây}(https. // ấu trùng. com/docs/8. x/)

Với kiến ​​thức này, chúng ta đã sẵn sàng để thiết kế ứng dụng Laravel của mình

1. Thiết kế bố cục ứng dụng của chúng tôi

Bên trong thư mục

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Dưới đây là đoạn mã cuối cùng về cách tệp sẽ trông như thế nào

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Với điều này, chúng tôi đã tạo bố cục của mình, nó chỉ là một trang HTML có phông chữ Google và Bootstrap trong đó

Ở tiêu đề

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Trong phần thân,

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

2. Thiết kế trang chào mừng

Đây là trang mà chúng tôi đã thấy khi tạo ứng dụng đầu tiên của mình, chúng tôi sẽ thiết kế lại nó để hiển thị trang chào mừng. Chúng tôi sẽ mở rộng bố cục của mình bằng cách sử dụng chỉ thị

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Mã cuối cùng trong trang sẽ trông như thế này

php artisan serve

Đây là giao diện của trình duyệt. Nút

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

3. Thiết kế trang blog

Trong trang blog hiện tại của chúng tôi, chúng tôi đang trả lại dữ liệu json thô cho người dùng

Trong phần này, chúng ta sẽ trả về một view cho người dùng, để làm điều này, chúng ta có thể sử dụng một phương thức mà Laravel cung cấp. Ngay khi nói

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

config('app.name', 'Default Name')

env('KEY','default')

Trước khi chúng tôi sửa đổi mã, trước tiên hãy chuyển đến thư mục

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Sau đó, sửa đổi mã trong phương pháp

config('app.name', 'Default Name')

env('KEY','default')

php artisan serve

Với điều này, chúng ta sẽ có quyền truy cập vào một biến có tên là

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Bây giờ hãy thiết kế trang bài đăng trên blog của chúng tôi

Mã sẽ trông như thế này

php artisan serve

Trong trang này, lưỡi kiếm sẽ lặp qua các bài đăng (nếu nó không phải là null) và tạo ra một liên kết đến bài đăng cụ thể và với tiêu đề bài đăng là văn bản liên kết

Nó sẽ đính kèm ID bài đăng vào liên kết

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

• ________ 844 – ID bài đăng trên blog được đính kèm với các URL, do đó, ví dụ về URL được tạo cho bài đăng 5 sẽ là ________ 810

• ...
  
  APP_NAME="My Blog"
  ...
  
  DB_CONNECTION=mysql
  DB_HOST=127.0.0.1
  DB_PORT=3306
  DB_DATABASE=my_blog
  DB_USERNAME=root
  DB_PASSWORD=
  
  ...
  

  46 – Tiêu đề bài đăng được định dạng với mỗi chữ cái đầu tiên là chữ in hoa
• Nút Add Post sẽ giúp chúng ta tạo Post mới

Trang sẽ trông như thế này trong trình duyệt

4. Thiết kế trang Blog Post (________ 810)

Trong trang bài đăng trên blog hiện tại của chúng tôi, chúng tôi vẫn đang trả lại dữ liệu json thô cho người dùng, trong phần này, chúng tôi sẽ trả lại chế độ xem cho người dùng

Chúng tôi sẽ sửa đổi mã trong phương pháp

config('app.name', 'Default Name')

env('KEY','default')

Trước khi chúng tôi sửa đổi mã, trước tiên chúng tôi phải vào thư mục

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Sau đó sửa đổi mã trong phương pháp

config('app.name', 'Default Name')

env('KEY','default')

php artisan serve

Với điều này, chúng ta sẽ có quyền truy cập vào một biến có tên là

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Bây giờ hãy để chúng tôi thiết kế trang bài đăng trên blog của chúng tôi

Mã sẽ trông như thế này

php artisan serve

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

php artisan serve

Biểu mẫu này sẽ được sử dụng để xóa bài đăng. Chỉ thị

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Như hình dưới đây

Nút

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Đây là cách trang của chúng tôi sẽ trông như thế nào trong trình duyệt bây giờ

5. Tạo trang đăng bài mới

Chúng tôi đã tạo một tuyến đường cho trang này

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Trước tiên, chúng tôi sẽ sửa đổi mã trong tệp

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Trước khi chúng tôi sửa đổi mã, trước tiên hãy chuyển đến thư mục

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Mã phương thức

config('app.name', 'Default Name')

php artisan serve

Bây giờ hãy để chúng tôi thiết kế quan điểm của chúng tôi

Mã sẽ trông như thế này

php artisan serve

Biểu mẫu này sẽ gửi yêu cầu POST tới tuyến đường này

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Chỉ thị

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Trang sẽ trông như thế này trong trình duyệt của chúng tôi

6. Chấp nhận và lưu bài đã gửi

Bên trong

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Mã sẽ trông như thế này

php artisan serve

Ở đây, chúng tôi đang sử dụng phương thức tĩnh

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Ở đây, chúng tôi đang chỉ định bài đăng của mình cho

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Giá trị trả về là một chuyển hướng sẽ chuyển hướng đến tuyến bài đăng duy nhất của chúng tôi với ID của bài đăng

Bây giờ, trước khi hoàn thành, chúng tôi phải sửa đổi mô hình của mình (

config('app.name', 'Default Name')

Mô hình sửa đổi sẽ trông như thế này

php artisan serve

Với điều đó, chúng tôi đã hoàn tất việc thêm một bài đăng

7. Chỉnh sửa bài đăng

Chúng tôi đã tạo một tuyến đường cho trang này

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Trước tiên, chúng tôi sẽ sửa đổi mã trong tệp

config('app.name', 'Default Name')

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Trước khi chúng tôi sửa đổi mã, trước tiên hãy vào thư mục

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Sau đó, sửa đổi mã trong tệp

config('app.name', 'Default Name')

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

config('app.name', 'Default Name')

Với điều này, chúng tôi sẽ có quyền truy cập vào một biến có tên là

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Chế độ xem sẽ trông như thế này

config('app.name', 'Default Name')

Điều này sẽ hiển thị một hình thức điền sẵn

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

8. Đang cập nhật bài viết

Bên trong tệp

config('app.name', 'Default Name')

Mã sẽ trông như thế này

config('app.name', 'Default Name')

Ở đây, chúng tôi đang sử dụng phương pháp

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Đó là tất cả những gì chúng ta cần để cập nhật bài viết của mình

9. Xóa bài đăng

Bên trong tệp

config('app.name', 'Default Name')

config('app.name', 'Default Name')

Mã sẽ trông như thế này

config('app.name', 'Default Name')

Ở đây, chúng tôi đang sử dụng phương pháp

...

APP_NAME="My Blog"
...

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_blog
DB_USERNAME=root
DB_PASSWORD=

...

Đó là tất cả những gì cần thiết để xóa một bài viết

Phần kết luận

Với bài viết này, chúng tôi đã học cách tạo một dự án Laravel từ đầu, chúng tôi đã sử dụng ví dụ về một blog chức năng

Đây là khóa học dành cho người mới bắt đầu, vì vậy tôi không muốn làm bạn choáng ngợp với quá nhiều thông tin. Nhưng ít nhất bạn đã học được tất cả các khái niệm cốt lõi của Laravel bắt đầu từ model, controller, view, route, migration và factory

Bạn đã học các hành động chính cần thiết cho bất kỳ ứng dụng nào, chẳng hạn như Tạo, Cập nhật, Đọc và Xóa dữ liệu. Còn được gọi là CRUD

Làm cách nào để tạo một dự án trong Laravel?

Làm cách nào để tạo dự án Laravel với phiên bản 8?

Làm cách nào để cài đặt Laravel phiên bản 7?

Phiên bản PHP nào được yêu cầu cho Laravel 7?