Node+Express+Jade

作者：短工邦技术部 - 陈文哲

没有一点Node+Mongo基础，基本很难理解Parse，更不要说想深入使用了。所以我们需要一步步走，首先手动搭一个小型系统，看看Node.js+MongoDB是怎么运作的。

网上已经有一大堆基础教程了，我这里就直接应用成熟的框架，和大家一起搭建一个完整可用的系统。

模块简介

Express： 
Express是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。 
简单说，Express让Node.js使用更加简单，提供更丰富的API。

Jade： 
Jade是一个基于javascript，可以运行与node与浏览器环境的一个前端模板引擎。 
简单说，Jade语法比较奇特，可以对象化编写前端代码，这样容易应用到MVC模式里面。

Mongooes： 
简单说，Mongooes能够让应用更简单地与MongoDB数据库交互。

moment： 
日期处理类库

安装所需模块

cd /e/code/
npm install express jade moment mongoose
   
   
1
2
   
   
1
2

网站目录结构

• node_modules //安装模块时自动创建的目录
• views //视图目录

创建视图

在views目录下，创建index.jade文件，测试代码如下：

doctype
html
    head
        meta(charset="utf-8")
        title #{title}
    body
        h1 #{my_h1}

//注释：#{titile}是变量，由路由传递进来，赋值。
   
   
1
2
3
4
5
6
7
8
9
   
   
1
2
3
4
5
6
7
8
9

启动服务

在根目录创建app.js，代码如下

var express = require('express')
var port = process.env.PORT || 3000
var app = express()

app.set('views','./views')      //设置视图目录
app.set('view engine','jade')   //设置默认的模板引擎
app.listen(port)                //监听

console.log("启动服务")

//设置根目录路由
app.get('/',function(req,res) {
    res.render('index',{
        title:'首页',
        my_h1:'短工邦技术部'
    })
})
   
   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
   
   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

到控制台启动服务

cd /e/code/
node app.js
   
   
1
2
   
   
1
2

访问http://127.0.0.1:3000/ 
效果：