node.js学习笔记之express重写留言本

express初体验

启动服务器跟http差不多

var express = require('express')
var app = express()
app.get('',function(req,res){
	res.end('hello express')
})
app.listen(3000,function(){
	console.log('express is on')
})

express使用art-template模板引擎跟原生有点不一样，先要安装art-template和express-art-template
npm install art-template --save
npm install express-art-template --save
启动express模板引擎

app.engine('html',require('express-art-template')

后面处理表单POST请求时需要用到一个中间件body-parser

var bodyParser = require('body-parser')
app.use(bodyParser.urlencoded({ extended:false}))
app.use(bodyParser.json())

express重写留言本

学习反思：看视频速度比较快理解比较快，上手也比较快。但是看专业文档能让你更加系统掌握知识，也能通过文字来明确那些陌生的专业词汇。所以学习要两者结合

var express = require('express')
var app = express()
// express提供了内置的中间件express.static来设置静态文件如：图片，css，js等。你可以使用express.static中间件来设置静态文件路径。第一个参数是url，第二个参数是静态资源路径
app.use('/public/',express.static('./public'))
// 1. 渲染首页
app.get('/',function(req,res){
	// express的res.rend('html模版名',{模板引擎})方法默认到views文件夹读取文件，就不需要fs.readFile方法了
	res.render('index.html',{
	comments:comments
	})
})
// 2. 渲染留言页
app.get('/feedback',function(req,res){
	res.render('feedback.html')
})
// 3. 处理表单提交请求，这里用post方法，这样就需要一个中间件body-parser
app.post('/feedback',function(req,res){
// 1.获取表单POST请求体数据
// 2.处理
// 3.发送响应
// req.query只能拿到get请求参数，req.body可以拿到post请求参数（利用中间件）
var comment = req.body
comment.dataTime = ''
comments.unshift(comment)
// res.redirect封装了以下三个方法
//res.statusCode = 302 
//res.setHeader('location','/') 
//res.end()
res.redirect('/')
})

app.listen(3000,function(){
	console.log('express is on')
})