3.0.0 • Published 5 years ago
demo-express-roter v3.0.0
router
// 主文件
const express = require("express");
const app = express();
const listRouter = require("./server/list"); //===>引入外部JS文件
const loginRouter = require("./server/login");
app.listen(1060, () => console.log("服务器开始运行..."));
app.use(express.json());
app.use(express.static("public", {
index: "login.html"
}));
app.use(listRouter); //==>导出来直接use(文件名)
app.use(loginRouter);
//功能文件1
const express = require("express");
const router = express.Router();
module.exports = router; //抛出
router.get("/api/list", (req, res) => {
res.send({
name: "张三"
})
})
// 功能文件2
const express = require("express");
const router = express.Router();
module.exports = router;
router.post("/api/login", (req, res) => {
let {
user,
pwd
} = req.body;
if (user === "1" && pwd === "2") {
res.send({code: 1})
} else {
res.send({code: 0})
}
})
// 功能文件2排版
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
<input type="text" class="user">
<input type="text" class="pwd">
<button class="btn" type="button">登录</button>
</form>
<script src="./js/axios.js"></script>
</body>
<script>
let user = document.querySelector(".user"),
pwd = document.querySelector(".pwd"),
btn = document.querySelector(".btn");
btn.onclick = () => {
axios.post("/api/login", {
user: user.value,
pwd: pwd.value
}).then((result) => {
console.log(result);
if (result.data.code) {
alert("登陆成功")
location.href = "index.html";
} else {
alert("no");
}
})
}
</script>
</html>