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+
- 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:
Chương trình học
Các bài học
Bài học trước Bài học tiếp theo
Chương trình học
Bao gồm Module, Chương, Bài học, Bài tập, Kiểm tra...Chương trình học
Bài học trước Bài học tiếp theo