3.0.0 • Published 5 years ago

demo-express-roter v3.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
5 years ago

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>
3.0.0

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago