使用express+ejs构建node app

node+express+ejs

根据这篇文章整理

假设此时你已经安装了node

目录结构

app
    --views
        --pages
            --index.ejs
        --partials
            --head.ejs
            --header.ejs
            --footer.ejs
    server.js
    package.json

首先肯定是安装express和ejs

package.json里：

{
    "name": "app",
    "main":"server.js",
    "description": "hello world test app",
    "version": "0.0.1",
    "dependencies": {
        "ejs": "^1.0.0",
        "express": "^4.6.1"
    }
}

dependencies就是要依赖的包了

在命令行里执行

npm install 

就会安装项目所依赖的包了

server.js：

//server.js
var express = require('express');
var app = express();

//设置模板引擎为ejs
app.set('view engine','ejs');

//使用res.render 渲染 ejs 模板
//res.render 会去views目录里找对应的文件

//index page
app.get('/',function(req,res){
    res.render('pages/index');
});

//设置监听端口
app.listen(8888);
console.log('8888 is the magic port');

然后，当然是

node server.js

现在可以打开浏览器，输入

http://localhost:8888

来看看刚才写的东西了。

当然，它必须是个空白的页面

ejs partials

footer.ejs,head.ejs,header.ejs

其实这里就是放的公共的文件，头尾，所以你当然可以把head.ejs和header.ejs合并成一个

herd.ejs

header.ejs

    


        

            
                
                EJS Is Fun
            
        

        

            
Home
            
About
        
  
    

footer.ejs

© Copyright 2014 The Awesome People

那么，如何使用这些公共部分呢，看下index.ejs的代码

index.ejs

    <% include ../partials/head %>



    

        <% include ../partials/header %>
    

    

        

            
This is great
            
Welcome to templating using EJS
        
    

    

        <% include ../partials/footer %>
    

在ejs中，使用<% include FILENAME %>来引用ejs文件，不需要后缀。

现在再刷新浏览器，就可以看到正常的页面了

如果你已经完成了，可以试着自己写一下about页面