Bài tập: Xây dựng web với nền tảng Express (Express Framework)
Bài tập 1: Ứng dụng To-Do List
Hãy xây dựng một ứng dụng To-Do List đơn giản sử dụng Express với các tính năng sau:
Hiển thị danh sách các công việc cần làm (có thể lấy từ một mảng dữ liệu ảo).
Thêm mới công việc cần làm.
Đánh dấu công việc làm xong.
Xóa công việc cần làm.
Sử dụng mô hình MVC để quản lý dữ liệu và phân chia logic ứng dụng.
Sử dụng template engine (Pug hoặc Handlebars) để render giao diện.
Gợi ý:
Sau đây là gợi ý mã cho app.js và template engine Pug. Người học tham khảo trở lại bài mẫu Calculator
trong Bài 04 để hoàn thiện bài tập.
Tập tin app.js:
Tạo một tệp index.pug trong thư mục views để hiển thị danh sách công việc và biểu mẫu thêm công
việc mới:
Bài tập 2: Ứng dụng Quản lý Sản phẩm
Hãy xây dựng một ứng dụng quản lý sản phẩm sử dụng Express với các tính năng sau:
Hiển thị danh sách sản phẩm (có thể lấy từ một mảng dữ liệu ảo).
Thêm mới sản phẩm.
Chỉnh sửa thông tin sản phẩm.
Xóa sản phẩm.
Sử dụng mô hình MVC để quản lý dữ liệu và phân chia logic ứng dụng.
Sử dụng template engine (Pug hoặc Handlebars) để render giao diện.
Xử lý lỗi: Xử lý lỗi khi người dùng cố gắng truy cập sản phẩm không tồn tại hoặc cố gắng thực hiện các hoạt
động không hợp lệ (ví dụ: nhập giá tiền âm cho sản phẩm).
Gợi ý:
Sau đây là gợi ý mã cho app.js và template engine Pug. Người học tham khảo trở lại bài mẫu Calculator
trong Bài 04 để hoàn thiện bài tập.
Tập tin app.js:
Tạo tập tin index.pug và edit.pug trong thư mục views để hiển thị danh sách sản phẩm và biểu mẫu chỉnh sửa sản
phẩm: