Hướng dẫn template nodejs
Tạo một project Express với express-generatorCách nhanh nhất để tạo một project ExpressJS là sử dụng express-generator. Để cài đặt Express generator, bạn ở Command line/Terminal, gõ vào lệnh sau: Show Nếu dùng Linux bạn cần thêm từ khoá "sudo" ở đầu dòng lệnh trên, với tham số "-g" có nghĩa là "global". Sau khi cài xong bạn cần cd đến folder muốn tạo project và khởi tạo project bằng lệnh: Cài đặt những NodeJS module cần thiết cho project: Đây là cấu trúc thư mục sau khi cài đặt: Sử dụng lệnh sau để run project: Truy cập vào project tại địa chỉ: http://localhost:3000 Tích hợp template engine EJSCài đặt ejs: Ở bước trên khi khởi tạo project ExpressJS bằng express-generator nó đã tự động cài đặt và sử dụng jade template engine cho ứng dung, nên
bây giờ để cấu hình sử dụng ejs làm templte engine bạn mở file app.js lên và sửa Tiếp theo bạn cần tạo các file .ejs cần thiết ở trong folder views. Ví dụ ở đây mình tạo file index.ejs với nội dung đơn giản như sau: Xây dựng partials common layout với ejsGiống như các ứng dụng khác bạn cũng có thể sử dụng ejs để xây dựng các layout dùng chung cho ứng dụng như header. footer, .. Ví dụ ta tạo các file header.ejs, footer.ejs, sidebar.ejs trong views như sau: File header.ejs
File footer.ejs
File sidebar.ejs
Sử dụng ejs partials common layoutCú pháp để sử dụng ejs partials :
Ok, bây giờ bạn truy cập địa chỉ http://localhost:3000 và xem thành quả nhé: Passing data to views trong ejsBây giờ bạn mở file /route/index.js mà express-generator đã tự tạo ra và sửa thành như sau:
Mở file /views/index.ejs, và sửa:
trở thành:
Mở file /views/sidebar.ejs và sửa thành:
Bây giờ bạn chạy ứng dụng lên và xem thành quả nhé: Sử dụng ejs template engine trong Express cũng đơn giản phải không các bạn. Nếu bạn còn thắc mắc gì hãy comment xuống bên dưới, mình sẽ cố gắng trả lời trong thời gian sớm nhất. Tham khảo:
|