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/ 
效果: 
Node+Express+Jade_第1张图片


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