前后端交互
要想实现前后端,要先安装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 输入内容便可以在后端看到前端所输入的内容
浙公网安备 33010602011771号