node 前後端互動
阿新 • • 發佈:2021-12-24
node安裝
##先檢視一下我們當前的映象地址
npm config get registry
##如果你以前沒有修改過,則此時出現的地址應該是 https://registry.npmjs.org/,這是國外的映象地址
##我們需要修改成國內的淘寶映象
npm set registry https://registry.npm.taobao.org
##修改過後,再次檢視一下當前映象地址予以確認
npm config get registry
##確認網址無誤即可進行下一步
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="/login" method="post">
<label >
<input type="text" name="account">
</label>
<label >
<input type="password" name="password">
</label>
<input type="submit" value="提交">
</form>
</body>
</html>
//express框架會更方便使用js 執行後臺 //引入express 用require var express = require('express'); var app = express(); app.engine('html', require('express-art-template'))
//配置body-parser // body-parser在老版本的express中不存在,需要額外安裝 //現在body-內嵌在express中 app.use(express.urlencoded({extended: false})) app.use(express.json())
app.get('/', function (req, res) {
app.get('/sonyemian.html',(req,res) =>{
let dataTotal;
if (req.query.id == 1){
dataTotal = dataOne
}else if (req.query.id == 2){
dataTotal = dataTwo
} else if (req.query.id == 3){
dataTotal = dataSan
} else if (req.query.id == 4){
dataTotal = dataSi
}
// console.log(req.query.id)
res.render('sonyemian.html',{dataTotal})
})
app.listen(3000)//監聽3000埠;IP地址能讓網路找到本電腦,埠找到電腦對應的軟體;