前后端的交互方法

步骤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...')

})

  

 

posted @ 2021-12-26 16:35  梦话!  阅读(367)  评论(0编辑  收藏  举报