Chương 6-Bài 1. [Setup] - Khởi tạo dự án, chuẩn bị môi trường phát triển

Cài đặt các công cụ, chuẩn bị môi trường phát triển cần thiết để lập trình Web

Môi trường sử dụng:

• PHP 7+
• MySQL 5.6+

Cần xem các bài hướng dẫn cách cài đặt các công cụ trong Chương 2 của khóa học bài:

• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-fullstack/web-fullstack-thuong-mai-dien-tu/lessons/cai-dat-web-server-xampp
• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-fullstack/web-fullstack-thuong-mai-dien-tu/lessons/cai-dat-cong-cu-quan-tri-database-heidisql
• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-fullstack/web-fullstack-thuong-mai-dien-tu/lessons/cai-dat-composer-de-quan-ly-cac-goi-thu-vien-trong-php
• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-fullstack/web-fullstack-thuong-mai-dien-tu/lessons/cai-dat-visual-studio-code-ide
• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-fullstack/web-fullstack-thuong-mai-dien-tu/lessons/tao-ten-mien-ao-tren-may-cuc-bo-virtual-host-on-localhost-bang-xampp
• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-fullstack/web-fullstack-thuong-mai-dien-tu/lessons/cai-dat-nen-tang-quan-ly-source-code-su-dung-git
• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-fullstack/web-fullstack-thuong-mai-dien-tu/lessons/cai-dat-cong-cu-quan-ly-source-code-tortoisegit
• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-fullstack/web-fullstack-thuong-mai-dien-tu/lessons/cai-dat-che-do-debug
• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-fullstack/web-fullstack-thuong-mai-dien-tu/lessons/tao-chung-chi-ssl-tren-localhost
• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-fullstack/web-fullstack-thuong-mai-dien-tu/lessons/cai-dat-cong-cu-quan-tri-ve-mo-hinh-er-database-mysql-workbench

Khởi tạo cấu trúc thư mục dự án

Tạo theo cấu trúc sau:

project-nentang
|   index.php                           -> Trang chủ Dự án, URL: http://localhost/project-nentang/index.php
|   dbconnect.php                       -> File chứa các kết nối đến database
\---assets                              -> Thư mục chứa các file resources (CSS, JS, Images, Videos, ...)
|   \---backend                         -> Thư mục chứa các file resources dành cho Backend (Admin)
|   |   \---css
|   |   |       style-print.css
|   |   |       style.css
|   |   \---js
|   |           app.js
|   \---frontend                        -> Thư mục chứa các file resources dành cho Frontend (Client / Customer / Viewer)
|   |   \---css
|   |   |       style.css
|   |   \---img
|   |   |       icon-1.png
|   |   |       icon-2.png
|   |   |       icon-3.png
|   |   |       ...
|   |   \---js
|   |           app.js
|   \---shared                          -> Thư mục chứa các file resources dùng chung cho cả Backend và Frontend
|   |   \---img
|   |           default-image_600.png
|   |           logo-nentang.jpg
|   \---uploads                         -> Thư mục chứa các file do người dùng (End user / Customer / ...) upload lên Server
|   \---vendor                          -> Thư mục chứa các thư viện Frontend
|       +---bootstrap
|       +---jquery
\---backend                             -> Thư mục chứa các file PHP xử lý nghiệp vụ dành cho Backend
  |   index.php			        	-> URL: http://localhost/project-nentang/backend/index.php
  |
  \---loaisanpham
            create.php                  -> URL: http://localhost/project-nentang/backend/loaisanpham/create.php
            edit.php         			-> URL: http://localhost/project-nentang/backend/loaisanpham/edit.php
            delete.php                	-> URL: http://localhost/project-nentang/backend/loaisanpham/delete.php
            index.php                	-> URL: http://localhost/project-nentang/backend/loaisanpham/index.php
 
\---frontend                            -> Thư mục chứa các file PHP xử lý nghiệp vụ dành cho Frontend
    |   index.php                       -> URL: http://localhost/project-nentang/frontend/index.php
    |   
    \---pages
            dangky.php                  -> URL: http://localhost/project-nentang/frontend/pages/dangky.php
            dangkythanhcong.php         -> URL: http://localhost/project-nentang/frontend/pages/dangkythanhcong.php
            dangnhap.php                -> URL: http://localhost/project-nentang/frontend/pages/dangnhap.php
            dangxuat.php                -> URL: http://localhost/project-nentang/frontend/pages/dangxuat.php
            gioithieu.php               -> URL: http://localhost/project-nentang/frontend/pages/gioithieu.php
            lienhe.php                  -> URL: http://localhost/project-nentang/frontend/pages/lienhe.php
            timkiem.php                 -> URL: http://localhost/project-nentang/frontend/pages/timkiem.php
...

• Cấu trúc thư mục trên Visual Studio:

• Cấu trúc thư mục trên Explorer: