使用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



Super Awesome




header.ejs




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页面

你可能感兴趣的:(express,ejs,node.js)