前后端交互

  要想实现前后端,要先安装node软件,到官网下载后,到cmd中输入node -v检验是否安装成功

  安装好node之后还需稍微配置一下,使用阿里巴巴下载的npm的镜像来完成项目  

  而我们要从阿里巴巴下载需要三步

  1.npm config get registry  检查镜像

  2.npm set registry https://registry.npm.taobao.org  更改镜像地址

  3.npm config get registry  确认镜像是否正确

 

  cd BS  初始化项目

  输入npm -init 添加一个json项目

 

  在终端中输入 npm install express来安装express,为后续使用准备

  下一步就是要新建项目来实现前后端交互

  在BS文件夹下新建项目,并引用express,设置端口号

  

var express=require('express')//引入express

var app=express()


app.get('/',function (req,res) {
 res.send('hello,node!')
})

app.listen(3000)//设置端口号

  在终端中输入node index,根据自己的IP地址和端口找到网页来看是否成功

 

  要实现前后端交互,还要配置body-passer

 

  

app.use(express.urlencoded({extended:false}))
app.use(express.json())

app.get('/',function (req,res) {
    // res.send('hello,node!')

    res.render('index.html')
    //渲染界面
})
app.post('/login',function (req,res) {
    console.log(req.body)
    if (req.body.account==123456&&req.body.password=='abc'){
        res.render('user.html')
    }else{
        res.render('guest.html')
    }
})

  最后重新开启 node index 输入内容便可以在后端看到前端所输入的内容

posted @ 2021-11-29 22:47  KimiRaikkonen  阅读(58)  评论(0)    收藏  举报