Full hướng dẫn cài đặt và chạy project đồ án laravel

939 lượt xem 1 năm trước
Tổng hợp full hướng dẫn cài đặt và chạy project đồ án laravel. Tổng hợp các bước cài đặt và chạy đồ án laravel full mới nhất

Mình cũng đã có khá nhiều bài viết, video về việc cài đặt và chạy project laravel nhưng mình thấy đều không áp dụng được, một phần do chưa được chi tiết lắm hoạc một phần các bạn chưa hiểu, chính vì thế mình viết lại và update full một bài hướng dẫn để các bạn nắm rõ hơn 

Bước 1. Cài đặt các ứng dụng liên quan

Cài đặt visual studio 

Link cài đặt tại đây các bạn cài đặt và cứ yes next ok là được nhé :D 

Ngoài visual studio ra bạn có thể sử dụng nhiều phần mềm hoạc IDE khác nữa để code nhé, không nhất thiết phải sử dụng visual studio. Còn đối với mình thì thấy visua studio nó vừa nhẹ và phù hợp với các bạn nên mình suggest để các bạn dùng cho tiện

Cài đặt xampp

Link cài đặt đối với window tại đây

Các bạn chú ý giúp mình nhé. Các bản laravel thấp như 5x, 6x, 7x hiện tại có thể có 1 vài lỗi từ thư viện hoạc package  đã cài nếu sử dụng bản php 8 nên mình khuyến khích các bạn download xampp chưa bản php 7x để đo án có thể chạy trơn tru và mượt nhé.

Bản này ứng với php 7.4 là bản ổn định và có thể chạy được các project từ mình nhé :D 

Đối với cài đặt xampp thì các bạn chú ý cho mình một vài ý sau

  • Khi cài đặt cứ cài như các phần mềm ứng dụng khác yes, next ok nhé.
  • Có thể nó sẽ có một cảnh báo phiên bản win 32 hoạc 64bit cũng kệ nó cứ ok nhé
  • Bạn có thể cài ở ổ C, ổ D hoạc ổ E cũng được nhé không quan trọng ổ nào cả bạn cứ cài nhé.

Sau khi cài xong thì các bạn start 2 cái đầu tiên là apachemysql nhé

Cài đặt xampp thành công - 123code.net

Cài đặt xampp thành công - 123code.net

Hiển thị như hình trên thì bạn đã cài đặt xampp thành công với cổng 80 mặc định rồi nhé

Trong quá trình cài đặt xampp thì thường có những lỗi sau

  1. Bị xung cổng 80
  2. Bị xung cổng 3306

Nguyên nhân chính là do các bạn đã cài 1 số phần mềm mà port của nó đã sử dụng cùng port với xampp nên dẫn tới việc các bạn không thể start được Apache or Mysql. Các bạn không phải lo lắng quá vì mình cũng đã có một video hướng dẫn fix xung cổng 80

Link video fix xung port các bạn xem tại đây nhé. Trong video mình cũng đã hướng dẫn cách chạy project luôn rồi đó nếu bạn nào xem và làm theo được thì tốt.

Bước 2. Cài đặt biến môi trường

B1. Lấy đường dẫn php ở xampp hiện tại

Dường dẫn php

Hiện tại xampp mình đang cài ở ổ C nên đường dẫn là C:\xampp\php các bạn cài ở ổ khác thì cũng lấy đường dẫn tương tự nhé

B2. Mở hệ thống lên và khai báo đường dẫn đã lấy ở bước 1

1. Mở menu Start bằng cách nhấn phím Windows.

2. Gõ Environment variables và nhấp vào kết quả Edit the system environment variables.

3. Nhấp vào nút Environment variables trong tab Advanced.

4. Bạn có thể tạo User Variable (biến người dùng) hoặc System Variable (biến hệ thống).

Biến môi trường

Biến môi trường php

B3. Bật visua studio code lên để test

Kết quả test php

Sau khi cài đặt xong thì bạn bật visua studio code lên và mở teminal lên gõ lệnh php -v như hình ảnh trên sẽ ra được kết quả version của php. Chúc các bạn thành công

Ngoài ra bạn có thể tham khảo video hướng dẫn tại dây

Nếu không làm được các bạn có thể inbox admin để được support nhé

Bước 3. Tạo và import cơ sở dữ liệu

  • Đầu tiên các bạn phải truy cập vào phpmyadmin của mình bằng link http://localhost/phpMyAdmin, ở đoạn này nếu bạn đã đổi port thì link sẽ khác nhé, ví dụ trên máy mình đang là http://localhost:8888/phpMyAdmin do mình đã đổi port default
  • Sau khi đã truy cập và phpmyadmin các bạn tạo CSDL , Click vào new or tạo mới => Nhập tên csdl ( Lưu ý tên csdl phải là không dấu, ko chứa ký tự đặc biệt hay khoảng trắng nhé VD doan hoạc doan_banhang )
  • Sau khi đã có CSDL bạn click vào tên csdl vừa tạo và click vào tab import ( Nhập ) => chọn file .sql mà bên mình sẽ gửi và nhấn tiếp tục or đi tiếp => là xong

Link hướng dẫn import và export CSDL tại đây

Bước 4. Giải nén, coppy source đồ án vào htdocs của xampp

Tới bước này mình đã đi được 2/3 quá trình rồi, tiếp tục nhé

Các bạn Download source bên mình gủi và giải nén trong htdocs

Bước 5. Check và thay đổi kết nối cơ sở dữ liệu ở file .env

Kiểm tra thông tin kết nối CSDL ở file .env

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

Các bạn để ý tới nội dung trên và cập nhật lại thông tin kết nối CSDL của các bạn cho đúng nhé

Bước 6. Chạy project.

Mở teminal trên visua studio code lên gõ

php artisan serve

Copy link được render lên trình duyệt xem kết quả nhé

Xem thêm hướng dẫn tại đây bằng video

Chủ đề đồ án khác

Bài viết liên quan

123code.net - Tạo cảm giác an toàn, uy tín, chất lượng đến cho mọi người

123code.net mang lại cảm giác an toàn nhất cho bạn, không làm bạn thất vọng, giúp bạn giải quyết được vấn đề đồ án tốt nghiệp ở thời điểm hiện tại và tương lai

- Đưa ra giải pháp, góp ý giúp bạn có được một đề tài đồ án tốt, phù hợp nhất

- Có nhiều tính năng mới, độc giúp thu hút, thuyết phục được giáo viên phản biện cũng như hội đồng bảo vệ đồ án

- Đúng ngày, đúng giờ, đầy đủ yêu cầu - tính năng

=> Nhanh tay đăng ký hoạc liên hệ với admin tại đây để có được một đồ án phù hợp với mình

123code.net

Bài viết nhiều người đọc

Một số gợi ý đề tài đồ án tốt nghiệp do Chatgtp support gợi ý

2023-02-11 15:32:22

Tổng hợp các đề tài đồ án tốt nghiệp khá là hay do AI gợi ý cho chúng ta

Một số tính năng mà đồ án nên có được ChatGtp gợi ý cho chúng ta

2023-02-11 12:54:01

Tổng hợp các tính năng cần có trong đồ án mà công nghệ AI ChatGtp gợi ý cho chúng ta, cùng xem nhé

Một bài giới thiệu code thuê đồ án cntt từ tác giả chatgtp

2023-02-11 11:46:40

Cũng đú đỉnh một chút nay mình thử nhờ chatgtp làm một bài content giới thiệu code thuê đồ án xem như thế nào nhé?

Hot Tổng hợp bài viết hướng dẫn cài đặt và chạy code đồ án bằng php hoạc laravel

2023-01-28 10:33:55

Tổng hợp các bài hướng dẫn cài đặt các phần mềm, ứng dụng, biến môi trường và cách run project bằng mã nguồn php laravel mới nhất

5+ mẫu slide bài tập nhóm lập trình thể hiện tính chuyên nghiệp tức thì

2023-01-06 05:42:33

Giới thiệu đến bạn 5+ các mẫu slide bài tập nhóm lập trình giúp bài báo cáo trở nên chuyên nghiệp tức thì. 123CODE hỗ trợ code bài tập nhóm chính xác, nhanh chóng

Địa chỉ lấy template slide báo cáo website bán hàng

2023-01-06 00:54:26

123code sẽ cùng bạn tham khảo địa chỉ lấy template slide báo cáo website bán hàng đầy đủ nhất

Tham khảo slide công nghệ thông tin cho đồ án tốt nghiệp

2023-01-06 00:48:25

123code cung cấp kho slide để bạn tham khảo slide công nghệ thông tin cho đồ án tốt nghiệp

Nội dung cần trình bày trong slide báo cáo đồ án

2023-01-06 00:32:17

Tham khảo một số ý tưởng tại 123code để làm slide báo cáo đồ án đẹp và ấn tượng cho bài thuyết trình như sau.

Một số nguyên tắc cần biết khi thiết kế slide đồ án

2023-01-06 00:22:15

Cùng 123code tham khảo các nguyên tắc cần tuân thủ khi thiết kế slide đồ án cho sinh viên

Kho tài liệu đồ án miễn phí năm 2022 cho sinh viên CNTT

2023-01-06 00:12:09

Cùng 123code tham khảo kho tài liệu đồ án miễn phí năm 2022 cho các sinh viên theo học ngành CNTT trong bài viết sau

Bài viết liên quan