前后端的交互方法
步骤1:先引入express
var express=require('express')//引入express
步骤2:声明一个app
var app=express()
步骤3:前端需要运行的话借助后端的 express-art-template
app.engine('html',require('express-art-template'))
步骤4:.配置body-parser
app.use(express.urlencoded({extended:false}))
app.use(express.json())
步骤5:前后端交互传递
app.get('/',function (req,res) {
//req是前端给后端的
//res是后端给前端的
//req,res取决于谁写在前面
res.render('index.html')
//渲染
})
步骤6:事件的驱动异步
app.post('/login',function (req,res) {
console.log(req.body)//前端往后端通过post发过来信息,是一个对象
/*
{
account:112222
password:"abcd"
*/
if (req.body.account==123456&&req.body.password=='abc'){
res.render('user.html')
}else{
res.render('guest.html')
}
})
步骤7:设置端口号
app.listen(3000,function () {
console.log('app is running at port 3000...')
})
浙公网安备 33010602011771号