nodejs-logo

Hướng dẫn các bạn xây dựng 1 website đơn giản với ExpressJS và Handlebars View Engine

gọi lệnh: npm install express (để cài module ExpressJS), npm install express3-handlebars (để cài module HandleBars view engine: đây là view engine đơn giản, dễ xài với cấu trúc tương tự Mustache)

Sau khi cài xong, các bạn tao thêm các thư mực để có cấu trúc như hình bên dưới (không cần file HelloWorld.js), node_modules là do chạy npm được tạo mặc định

expressjs_handlebar_simplepage_1

Các đuôi file *.handlebars là đuôi file được sử dụng với view engine handlebars (tương tự như ASP.NET MVC có Razor view engine cũng có đuôi *.cshtml), nội dung của view các bạn có thể thêm đại là <h1>Hello</h1> hay gì đó, không c ần thẻ body (vì nó nằm trong layout hết rồi) để test.

Riêng file main.handlebars là file layout thì nội dung như sau

Chú ý thẻ {{{body}}} là nơi sẽ chèn các view khác vào

Cuối cùng ở file trankyphatsite.js các bạn chèn code như sau, mình chú thích ý nghĩa rõ ở mỗi dòng code rồ

Gọi lệnh node trankyphatsite.js

Kết quả đây: 1 tấm ảnh khá hot :))

expressjs_handlebar_simplepage_2

 

Tạo website đầu tiên với ExpressJS

Category: NodeJSPrograming
0
3644 views

Join the discussion

Your email address will not be published. Required fields are marked *