Hướng dẫn ejs nodejs - đi khiêu vũ

npm install express ejs --save
npm install -g nodemon

npm install express ejs --save
npm install -g nodemon

npm install express ejs --save
npm install -g nodemon

npm install express ejs --save
npm install -g nodemon

npm install express ejs --save
npm install -g nodemon

npm install express ejs --save
npm install -g nodemon

mkdir node_report
cd node_report
npm init # Enter đến khi nào xong thì thôi
atom .

• Home
• About

Sample app

    



    
        
    

    
        

            
This is great
            
Welcome to templating using EJS

  


        
    

    
        
    

Sau khi thêm các tệp tin trên, ta F5 lại localhost:8080 và đạt kết quả sau: Hiện tại chúng ta có 2 pages là pages home và about, ta đã làm xong home rồi. Giờ đến about, tạo mới view

var express = require['express'];
var app = express[];

app.get['/', [req, res] => {
  res.send["Test"];
}]

app.listen[8080];

var express = require['express'];
var app = express[];

app.get['/', [req, res] => {
  res.send["Test"];
}]

app.listen[8080];

    



    
        
    

    
        

            


                

                    
This is great
                    
Welcome to templating using EJS
                

            
            


                

                    
Look I'm A Sidebar!
                

            
        
    

    
        
    

F5 lại localhost:8080 và đạt kết quả như sau: 3. Truyền Data sang Views Chúng ta sẽ thử truyền một list và variable sang trang

var express = require['express'];
var app = express[];

app.get['/', [req, res] => {
  res.send["Test"];
}]

app.listen[8080];

npm install express ejs --save
npm install -g nodemon

var express = require['express'];
var app = express[];

app.get['/', [req, res] => {
  res.send["Test"];
}]

app.listen[8080];

npm install express ejs --save
npm install -g nodemon

npm install express ejs --save
npm install -g nodemon

Như trên chúng ta đã truyền sang trang

var express = require['express'];
var app = express[];

app.get['/', [req, res] => {
  res.send["Test"];
}]

app.listen[8080];

var express = require['express'];
var app = express[];

app.get['/', [req, res] => {
  res.send["Test"];
}]

app.listen[8080];

npm install express ejs --save
npm install -g nodemon

Kết quả đạt được như sau: 4. Tổng kết Như vậy chúng ta đã hoàn thành một app đơn giản bằng Node JS sử dụng Express, Nodemon và EJS để quản lý views. Qua đó chúng ta đã biết được:

• Cách sử dụng Nodemon để auto-reload lại localhost mỗi khi thay đổi code mà không cần restart server.
• Sử dụng EJS để quản lý views, biết cách truyền dữ liệu qua views.. Nguồn tham khảo: //scotch.io/tutorials/use-ejs-to-template-your-node-application