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:

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: