express入门(6)- ejs模板引擎

1,引入模板引擎

//指定模板引擎
app.set("view engine", 'ejs');
//指定模板位置
app.set('views', __dirname + '/views');

2,向模板传递参数

  res.render('home', {
        name: '门户页面',users:[{
        "name" : "小刚",
            "age" : "18",
            "intrduce" : "我是一个很帅的男孩!",
            "id": 1
    }, {
        "name" : "小明",
            "age" : "19",
            "intrduce" : "我是一个很美的男孩!",
            "id": 2
    },{
        "name" : "小花",
            "age" : "17",
            "intrduce" : "我是一个很妖艳的男孩!",
            "id": 3
    }]
    }

    );

3,页面展示数据

<p>Hi <%= name %> p>

<table border="1px">

    <tr><td>IDtd><td>姓名td><td>年龄td><td>介绍td>tr>
<% users.forEach(function (user) { %>

    <tr><td><%= user.id  %>td><td><%= user.name  %>td><td><%= user.age %>td><td><%= user.intrduce  %>td>tr>

<% }) %>

table>

4,源码地址

http://download.csdn.net/detail/wzjisking/9904736

你可能感兴趣的:(express)