用node.js+express.js+mongodb+jade开发一个完整的项目笔记（1）【页面即页面之间逻辑的制作】

页面即页面之间逻辑的制作

详细代码可以在nodejs文件中的实战文件夹中查看（自己写的）

1、在项目的根目录用命令行安装所有需要的东西

cd program

npm install express jade mongoose

2、入口文件：app.js

var express = require(‘express’)//引入express

var port  =process.env.PORT || 3000

var app = express()

app.set(‘views’,’./views’)//设置视图所在的根目录

app.set(‘view engine’,’jade’)//配置视图模板引擎（jade）

app.listen(port)//监听端口

3、模板视图文件（jade）

在views文件夹下创建视图index.jade、detail.jade等文件（注意缩进的问题）

doctype

html

head

meta(charset=”utf-8”)

title #{title}//与路由中的title对应

body

h1 #{title}

4、app.js文件中编写路由

app.get(‘/’,function(req,res){

res.render(‘index’,{//index即为要渲染的文件名

title:’myprogram 首页’

})

})

app.get(‘/movie/:id’,function(req,res){

res.render(‘detail’,{

title:”myprogram 详情页”

})

})

5、利用jade模板的继承，把公用的视图部分拿出来。

这样就可以在其他页面直接引入模板了，通过include ./includes/header

header.jade代码：

.container

.row

.page-header

h1= title//活用#{title形式}

small 小标题

再建一个header文件，用来存放头信息

link(href=”/bootstrap/dist/css/bootstrap.min.css”,rel=”stylesheet”)

script(src=”/jquery/dist/jquery.min.js”)