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"    }}

<p>dependencies就是要依赖的包了</p>

npm install

<p>就会安装项目所依赖的包了</p>

server.js：

//server.jsvar express = require('express');var app = express();//设置模板引擎为ejsapp.set('view engine','ejs');

//使用res.render 渲染 ejs 模板//res.render 会去views目录里找对应的文件//index pageapp.get('/',function(req,res){    res.render('pages/index');});//设置监听端口app.listen(8888);console.log('8888 is the magic port');

<p>然后，当然是</p>

node server.js

<p>现在可以打开浏览器，输入</p>

http://localhost:8888

<p>来看看刚才写的东西了。</p>

ejs partials

footer.ejs,head.ejs,header.ejs

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

herd.ejs

header.ejs

footer.ejs

    
© Copyright 2014 The Awesome People

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

index.ejs

        <% include ../partials/head %>    
    
             <% include ../partials/header %>    
    
    
    
        
     
            
      
This is great
            
      
Welcome to templating using EJS
        
     
    
    
    
    

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

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

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