nodejs curd-express步骤1-5

curd-express步骤：

1. 处理模板

​ bootstrap模板

2. 配置开放静态资源

npm init -y
npm i -S express

​ 静态资源：

​ public:css/image/js

3. 配置模板引擎

在express中配置使用art-template模板引擎

安装：

npm install --save art-template
npm install --save express-art-template

配置：

//第一个参数后缀名
app.engine('html',require('express-art-template'))
app.engine('art',require('express-art-template'))

使用：

app.get('/',function(req,res){
    //express默认会去项目中的views目录找index.html
    res.render('index.html',{
        title: 'hello world'
    })
})

修改默认的views目录

app.set('views',render函数的默认目录)

4. 简单路由

4.1 /students渲染静态页面

​ public/css/main.css

4.2 在express获取表单get请求参数

​ express内置了一个API，可以直接通过req.query来获取

	req.query

4.3 express获取表单post请求体数据

body-parse

安装：

npm install --save body-parse

配置：

var express = require('express')
var bodyParser = require('body-parser')
var app = express()
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json
app.use(bodyParser.json())
app.use(function(req,res){
    res.setHeader('Content-Type','text/plain')
    res.write('you posted: \n')
    res.end(JSON.stringify(req.body,null,2))
})

5. 路由设计

请求方法	请求路径	get 参数	post 参数	备注
GET	/studens			渲染首页
GET	/students/new			渲染添加学生页面
POST	/studens/new		name、age、gender、hobbies	处理添加学生请求
GET	/students/edit	id		渲染编辑页面
POST	/studens/edit		id、name、age、gender、hobbies	处理编辑请求
GET	/students/delete	id		处理删除请求