如何快速使用node.js进行web开发（nodejs写后端接口

npm install -g express 内容来自zvvq

登录后复制

npm install -g express-generator

登录后复制

cd .. zvvq.cn

mkdir microblog

本文来自zvvq

cd microblog

zvvq.cn

express micorblog 本文来自zvvq

登录后复制

cd microblog 内容来自zvvq

npm install 内容来自zvvq

npm start copyright zvvq

登录后复制

doctype html zvvq

html copyright zvvq

head 内容来自zvvq，别采集哟

title= title copyright zvvq

link(rel='stylesheet', href='/stylesheets/style.css')

zvvq.cn

body 内容来自zvvq，别采集哟

nav.header

zvvq.cn

ul.list

copyright zvvq

li.logo zvvq

a(href='/') Microblog

zvvq

li 内容来自samhan666

a(href='/') 首页

本文来自zvvq

li zvvq.cn

a(href='/login') 登录 内容来自zvvq，别采集哟

li copyright zvvq

a(href='/reg') 注册 内容来自samhan

p.container

block content 内容来自zvvq，别采集哟

hr

内容来自samhan

footer.footer

本文来自zvvq

p copyright zvvq

a(href='http://myzhibie.coding.io') myzhibie 本文来自zvvq

| @2015 zvvq好，好zvvq

登录后复制

extends layout copyright zvvq

block content 内容来自zvvq，别采集哟

main.main 内容来自zvvq

section.intro

if message

h3.indexmes #{message}

//如果用户登录或者注册成功并且没有在登录状态下点击注册或者登录

本文来自zvvq

if success&&user 内容来自samhan

h1.welcome #{success}，欢迎 #{user} 来到 Microblog zvvq好，好zvvq

else if !success&&user

h1.welcome 欢迎 #{user} 来到 Microblog

内容来自samhan666

else

内容来自samhan

h1.welcome 欢迎来到 Microblog copyright zvvq

h3.tech Microblog是一个基于Node.js,使用express4.12.1,jade1.9.2以及MongoDB搭建起来的微博系统,是对Node.js开发指南一书中教学项目的重构。

zvvq.cn

p.btnlist 内容来自zvvq，别采集哟

if user zvvq.cn

a.login(href='/logout') 退出

a.userlink(href='/users/#{user}') 发表文章

else

内容来自zvvq，别采集哟

a.login(href='/login') 登录

内容来自samhan666

a.register(href='/reg') 立即注册

copyright zvvq

section.show

each val in posts

copyright zvvq

article.col copyright zvvq

h3.author #{val.user}说 内容来自zvvq，别采集哟

p zvvq好，好zvvq

| #{val.post}

内容来自zvvq，别采集哟

登录后复制

body { zvvq

padding: 50px; 内容来自zvvq，别采集哟

font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; 本文来自zvvq

} zvvq好，好zvvq

html,body,ul,p,hr,h3{

margin:0;

padding: 0;

本文来自zvvq

}

a { 内容来自zvvq

color: #00B7FF; 内容来自samhan

}

zvvq好，好zvvq

.header{ zvvq.cn

background:#337aB7; 内容来自zvvq

width: 100%; 内容来自zvvq

height: 60px;

color: #fff; zvvq好，好zvvq

font-size: 22px;

zvvq.cn

overflow: hidden; 内容来自samhan666

} zvvq好，好zvvq

.list{ zvvq好，好zvvq

line-height: 60px;

}

内容来自samhan

.navigation{

内容来自samhan

overflow: hidden;

} 内容来自samhan

.list li{ 本文来自zvvq

list-style: none;

内容来自samhan666

float: left; 内容来自zvvq

display: inline-block;

margin-left: 20px;

margin-right: 20px; 内容来自zvvq

} 内容来自zvvq

.list li a{ copyright zvvq

text-decoration: none; 内容来自zvvq

color: #fff; 内容来自samhan

} 内容来自samhan

.list li a:hover{

zvvq好，好zvvq

}

.list li:not(:first-child) a:hover{ zvvq.cn

font-size: 26px; 内容来自samhan

color: #F5F5F5;

} 内容来自samhan666

.logo{

copyright zvvq

font-size: 26px; zvvq

font-weight: 700; zvvq

} zvvq

.container{ 内容来自zvvq

min-height: 500px; zvvq好，好zvvq

text-align: center;

width: 100%;

} 本文来自zvvq

.footer{ copyright zvvq

width: 100%; 内容来自zvvq，别采集哟

height: 50px; 内容来自samhan666

font-size: 22px;

background:#F5F5F5 ; 内容来自zvvq

line-height: 50px; 本文来自zvvq

}

.footer a{

color:#337aB7;

text-decoration: none; 内容来自samhan666

} 内容来自samhan

.main{ 内容来自samhan

color: #000000; zvvq好，好zvvq

width: 96%; 内容来自zvvq，别采集哟

margin: 30px auto; 内容来自zvvq，别采集哟

} 内容来自zvvq，别采集哟

.intro{ zvvq.cn

width: 100%;

margin:0 auto;

border-radius: 5px;

height: 300px;

background:#F5F5F5 ;

内容来自zvvq

}

.userintro{ zvvq

width: 100%;

内容来自zvvq

margin:0 auto; 内容来自samhan666

border-radius: 5px; 本文来自zvvq

height: 200px; 内容来自samhan666

background:#F5F5F5 ; 内容来自samhan

}

.welcome{

本文来自zvvq

padding-top: 50px;

padding-left:50px; copyright zvvq

font-size: 50px;

text-align: left;

padding-bottom: 0; 本文来自zvvq

margin: 0;

内容来自samhan

} zvvq好，好zvvq

.tech{ zvvq好，好zvvq

text-align: left;

padding-left:50px;

margin: 0; 内容来自zvvq

}

内容来自samhan

.show{ 内容来自samhan666

overflow: hidden;

zvvq

width: 100%;

} copyright zvvq

.show li{

text-align: left; 内容来自zvvq

font-size: 18px;

本文来自zvvq

}

本文来自zvvq

.col{ 内容来自zvvq

display: inline-block;

内容来自zvvq

float: left;

copyright zvvq

width: 32%; 内容来自zvvq，别采集哟

height: 100px;

overflow: hidden;

copyright zvvq

padding-right: 20px;

zvvq好，好zvvq

text-align: left; zvvq.cn

text-overflow: ellipsis; zvvq.cn

}

copyright zvvq

.author{

margin-top: 10px; 内容来自samhan666

margin-bottom: 3px; 内容来自samhan

}

.btnlist{

padding-left: 50px; copyright zvvq

text-align: left; zvvq

}

本文来自zvvq

.login{ zvvq.cn

display: inline-block; 内容来自samhan666

padding-left: 15px; copyright zvvq

padding-right: 15px;

height: 38px; zvvq好，好zvvq

line-height: 40px; 内容来自zvvq，别采集哟

background: -webkit-gradient(linear, left top, left bottom, from(#0068A6), to(#337aB7));

color: #fff; 内容来自zvvq，别采集哟

text-align: center; 内容来自samhan666

border-radius: 5px; zvvq.cn

font-size: 20px;

font-weight: 600; 内容来自zvvq，别采集哟

border: 1px solid #ccc; zvvq.cn

text-decoration: none; copyright zvvq

margin-right: 10px;

copyright zvvq

} 内容来自samhan

.register{ copyright zvvq

display: inline-block; 内容来自zvvq，别采集哟

padding-left: 15px;

本文来自zvvq

padding-right: 15px; copyright zvvq

height: 38px; 本文来自zvvq

line-height: 40px;

background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F5F5F5)); 本文来自zvvq

color: #000;

内容来自samhan

text-align: center; zvvq

border-radius: 5px; zvvq好，好zvvq

font-size: 20px;

本文来自zvvq

font-weight: 600; 内容来自zvvq

border: 1px solid #ccc; 内容来自samhan666

text-decoration: none; 内容来自zvvq，别采集哟

}

内容来自samhan666

.field{ zvvq

margin-top: 20px; 内容来自samhan

margin-left: 50px; 内容来自samhan

text-align: left;

内容来自samhan

margin-bottom: 20px; 内容来自samhan

border:none;

border-bottom: 1px solid #ccc;

}

.label{ 内容来自samhan666

font-size: 18px; copyright zvvq

font-weight: 600; zvvq.cn

line-height: 100%;

display: inline-block; 内容来自samhan

width: 10%; zvvq好，好zvvq

vertical-align: middle; 内容来自samhan666

text-align: right;

padding-right: 10px; zvvq

}

copyright zvvq

.regheader{ 内容来自zvvq，别采集哟

text-align: left; 内容来自samhan666

font-size: 24px;

font-weight: 600;

内容来自zvvq，别采集哟

}

本文来自zvvq

.regform{

text-align: left; 内容来自zvvq，别采集哟

padding-left: 100px;

margin-bottom: 20px;

内容来自zvvq

} zvvq

.regform input[type='text'],input[type='password']{ 内容来自samhan

width: 200px; zvvq

height: 20px; 内容来自zvvq，别采集哟

} 内容来自samhan

.regform input[type='submit']{

内容来自samhan666

width: 120px;

内容来自zvvq，别采集哟

height: 30px;

zvvq.cn

color: #fff; 内容来自samhan666

background:-webkit-gradient(linear, left top, left bottom, from(#0068A6), to(#337aB7));

border-radius: 5px; zvvq.cn

font-size: 20px;

} copyright zvvq

.item{ zvvq好，好zvvq

margin:20px;

width: 100%;

}

内容来自samhan666

.mess{ copyright zvvq

font-size: 18px;

color: #E73C3C; zvvq.cn

background: #F2DEDE;

border-radius: 5px; 内容来自samhan

width: 300px;

text-align: center;

zvvq.cn

margin-left: 100px; zvvq

}

.indexmes{ copyright zvvq

height: 30px;

line-height: 30px; 本文来自zvvq

background: #F2DEDE; zvvq.cn

color: #E73C3C; 内容来自zvvq，别采集哟

}

.article{

copyright zvvq

width: 60%;

height: 30px;

border-radius: 3px; zvvq好，好zvvq

border: 1px solid #A3C732; 内容来自samhan

margin-top: 5px; 内容来自zvvq

font-size: 20px; copyright zvvq

}

内容来自samhan666

.submit{ zvvq

height: 40px; 内容来自zvvq，别采集哟

vertical-align: middle; 内容来自samhan666

padding: 0; copyright zvvq

margin-top: -5px;

margin-left: 5px;

zvvq好，好zvvq

width: 80px; 内容来自samhan666

background: #A3c732; zvvq.cn

font-size: 20px; zvvq.cn

border: none; 内容来自samhan

border-radius: 5px; zvvq.cn

color: #fff; zvvq.cn

} 本文来自zvvq

.submitform{ zvvq.cn

margin-top: 25px; zvvq好，好zvvq

margin-left: -10px; 内容来自zvvq，别采集哟

} 本文来自zvvq

.userlink{ 内容来自zvvq，别采集哟

display: inline-block;

zvvq好，好zvvq

text-decoration: none;

line-height: 38px;

height: 38px;

内容来自zvvq

vertical-align: middle;

内容来自samhan666

padding: 0;

margin-top: -8px; copyright zvvq

margin-left: 5px; zvvq.cn

width: 90px; copyright zvvq

text-align: center; copyright zvvq

background: #A3c732;

本文来自zvvq

font-size: 20px;

内容来自samhan

font-weight: 600;

zvvq好，好zvvq

border-radius: 5px; zvvq

color: #fff; 内容来自zvvq

border: 1px solid #ccc; 内容来自zvvq

}

.usertitle{ copyright zvvq

text-align: left;

内容来自zvvq

padding-top: 5px;

padding-bottom: 0; 内容来自samhan

padding-left: 5px; zvvq好，好zvvq

margin-bottom: 8px;

} 内容来自samhan

.usersuccess{ zvvq好，好zvvq

height: 30px; zvvq.cn

background: #DFF0D8;

zvvq

line-height: 30px; zvvq

color: #3C7668; copyright zvvq

} 内容来自zvvq

登录后复制

extends layout zvvq

block content copyright zvvq

h3.field.regheader #{title} zvvq好，好zvvq

form.regform(method='post')

zvvq

p.mess #{message} copyright zvvq

p.item 本文来自zvvq

label.label(for='username') 用户名

内容来自zvvq

input(type='text',placeholder='输入注册用户名',id='username',name='username')

p.item

label.label(for='password') 用户密码

input(type='password',placeholder='用户密码',id='password',name='password') 本文来自zvvq

p.item 内容来自zvvq

label.label(for='passwordconf') 重复密码 内容来自samhan

input(type='password',placeholder='重复密码',id='passwordconf',name='passwordconf') zvvq好，好zvvq

p.item

label.label

input(type='submit' id='sub',name='sub' value='注册')

本文来自zvvq

登录后复制

extends layout 本文来自zvvq

block content

zvvq

h3.field.regheader #{title} 内容来自samhan666

form.regform(method='post')

p.mess #{message} zvvq.cn

p.item

label.label(for='username') 用户名

input(type='text',placeholder='输入登陆用户名',id='username',name='username')

内容来自zvvq，别采集哟

p.item

zvvq

label.label(for='password') 用户密码

input(type='password',placeholder='用户密码',id='password',name='password') zvvq好，好zvvq

p.item zvvq

label.label

zvvq

input(type='submit' id='sub',name='sub' value='登陆')

内容来自samhan666

登录后复制

var settings=require("./settings"); 内容来自zvvq

var mongoose=require('mongoose'); copyright zvvq

mongoose.connect("mongodb://"+settings.ip+"/"+settings.db); 本文来自zvvq

var db=mongoose.connection;

zvvq好，好zvvq

module.exports={

本文来自zvvq

"dbCon":db,

"mongoose":mongoose

};

登录后复制

module.exports={

zvvq好，好zvvq

"ip":"localhost", copyright zvvq

"db":"microblog",

"host":27071 内容来自samhan666

};

登录后复制

var mongoose=require('../db').mongoose;

var schema=new mongoose.Schema({

copyright zvvq

name:'string', 内容来自zvvq

password:'string' 内容来自zvvq，别采集哟

});

zvvq

var User=mongoose.model('User',schema); 内容来自zvvq，别采集哟

module.exports=User; 内容来自samhan666

登录后复制

var express = require('express'); 内容来自zvvq，别采集哟

var path = require('path'); 内容来自zvvq

var favicon = require('serve-favicon');

内容来自zvvq，别采集哟

var logger = require('morgan'); zvvq好，好zvvq

var cookieParser = require('cookie-parser');

var bodyParser = require('body-parser');

var routes = require('./routes/index');

var users = require('./routes/users'); zvvq

var session = require("express-session");

var MongoStore=require('connect-mongo')(session); 内容来自zvvq

var db = require('./db');

zvvq

var app = express();

zvvq

// view engine setup zvvq

app.set('views', path.join(__dirname, 'views'));

内容来自samhan

app.set('view engine', 'jade'); zvvq

// uncomment after placing your favicon in /public 本文来自zvvq

//app.use(favicon(__dirname + '/public/favicon.ico')); 本文来自zvvq

app.use(logger('dev')); copyright zvvq

app.use(bodyParser.json());

app.use(bodyParser.urlencoded({ extended: false })); zvvq

app.use(cookieParser());

zvvq.cn

app.use(express.static(path.join(__dirname, 'public'))); zvvq.cn

app.use(session({

内容来自zvvq

secret:"myzhibie",

内容来自zvvq，别采集哟

store:new MongoStore({

内容来自zvvq

mongooseConnection:db.dbCon zvvq好，好zvvq

})

}));

app.use('/', routes);

zvvq

app.use('/users', users);

本文来自zvvq

登录后复制

var express = require('express');

内容来自zvvq，别采集哟

var crypto = require('crypto'); 内容来自samhan

var router = express.Router(); 内容来自samhan

var db=require('../db');

内容来自samhan666

var User=require('../models/user'); zvvq好，好zvvq

var Post=require('../models/post');

内容来自samhan

/* GET home page. */ zvvq.cn

router.get('/', function(req, res, next) {

zvvq.cn

Post.find({},function(err,posts){ zvvq好，好zvvq

if(err){ zvvq.cn

req.session.message=err.message; zvvq好，好zvvq

return res.redirect('/');

} zvvq

res.render('index',{

zvvq好，好zvvq

posts:posts

});

内容来自zvvq

});

zvvq好，好zvvq

});

//发表微博

router.post('/post',function(req, res, next){

var currentUser=req.session.user;

内容来自zvvq

var post=new Post({ 内容来自samhan

user:currentUser.name, 本文来自zvvq

post:req.body.article, zvvq

updated:getTime(new Date())

本文来自zvvq

});

post.save(function(err){ 本文来自zvvq

if(err){ zvvq

req.session.message=err.message; 内容来自samhan666

return res.redirect('/reg');

内容来自samhan

}

内容来自samhan

req.session.success="发表成功"; zvvq.cn

res.redirect('/users/'+currentUser.name); zvvq

});

本文来自zvvq

}); zvvq好，好zvvq

function getTime(date){ zvvq.cn

return date.getFullYear()+

"-"+date.getMonth()+1+"-"+ 内容来自samhan666

date.getDate()+" "+ zvvq好，好zvvq

date.getHours()+":"+ 本文来自zvvq

date.getMinutes();

}

router.get('/reg', isLogin);

//用户进入注册页面

router.get('/reg',function(req,res){

内容来自samhan

res.render('reg',{title:"用户注册"});

本文来自zvvq

}); 内容来自zvvq，别采集哟

router.post('/reg', isLogin); 本文来自zvvq

//用户点击注册按钮

router.post('/reg',function(req,res){

if(req.body['password']!= req.body['passwordconf']){

req.session.error="两次密码不一致";

return res.redirect('/reg'); 内容来自samhan

}

var md5=crypto.createHash('md5'); copyright zvvq

var password=md5.update(req.body.password).digest('base64');

var newUser=new User({ 内容来自zvvq，别采集哟

name:req.body['username'],

zvvq好，好zvvq

password:password 本文来自zvvq

});

User.findOne({name:newUser.name},function(err,user){

if(user){

err="用户名已经存在";

} 内容来自zvvq

if(err){ 内容来自zvvq，别采集哟

req.session.error=err;

zvvq好，好zvvq

return res.redirect('/reg');

内容来自samhan

} 内容来自samhan666

newUser.save(function(err){

内容来自zvvq

if(err){ 内容来自zvvq，别采集哟

req.session.error=err.message; 内容来自samhan

return res.redirect('/reg');

}

zvvq好，好zvvq

req.session.user=newUser; 内容来自samhan666

req.session.success="注册成功";

内容来自samhan666

res.redirect('/'); zvvq

}); 内容来自samhan

}); zvvq好，好zvvq

}); copyright zvvq

router.get('/login',isLogin); zvvq.cn

router.get('/login',function(req,res){

res.render('login',{title:"用户登陆"}); zvvq

});

router.post('/login',isLogin); zvvq.cn

router.post('/login',function(req,res){

var md5=crypto.createHash('md5');

var password=md5.update(req.body.password).digest('base64');

User.findOne({name:req.body.username},function(err,user){ 内容来自samhan666

if(!user){ 内容来自zvvq

req.session.error="用户不存在";

内容来自samhan666

return res.redirect('/login');

zvvq好，好zvvq

}

if(user.password!=password){

本文来自zvvq

req.session.error="密码错误"; 内容来自samhan

return res.redirect('/login'); zvvq好，好zvvq

} zvvq好，好zvvq

req.session.user=user;

req.session.success="登录成功"; 本文来自zvvq

res.redirect('/');

zvvq

}); 内容来自zvvq，别采集哟

});

copyright zvvq

router.get('/logout',function(req,res){

req.session.user=null;

copyright zvvq

res.redirect('/'); 内容来自zvvq

});

function isLogin(req,res,next){

if(req.session.user){

内容来自zvvq

req.session.message="用户已登录"; 内容来自samhan666

return res.redirect('/');

}

内容来自zvvq，别采集哟

next(); 内容来自samhan

}

内容来自samhan

module.exports = router;

登录后复制

app.use(function(req,res,next){

//  res.locals.user=req.session.user;

copyright zvvq

var err=req.session.error;

var success=req.session.success; 内容来自samhan

var user=req.session.user; 内容来自samhan

var mess=req.session.message;

delete req.session.success;

zvvq好，好zvvq

delete req.session.error;

delete req.session.message; zvvq

if(err){

内容来自samhan

res.locals.message="*"+err;

}

if(mess){ copyright zvvq

res.locals.message="*"+mess;

内容来自zvvq，别采集哟

}

zvvq

if(success){

res.locals.success=success; 内容来自zvvq，别采集哟

} zvvq.cn

if(user){

res.locals.user=user.name;

内容来自zvvq

}

next(); 本文来自zvvq

}); 内容来自zvvq

登录后复制