路由提取

最新推荐文章于 2023-08-30 17:31:25 发布

南初️

最新推荐文章于 2023-08-30 17:31:25 发布

阅读量143

点赞数

分类专栏： Node.js

本文链接：https://blog.csdn.net/qq_45806781/article/details/116946727

版权

Node.js 专栏收录该内容

21 篇文章 2 订阅

订阅专栏

路由提取

一、常规路由提取
二、模拟express框架来建立服务

一、常规路由提取

main.js

const http=require("http");
const ejs=require("ejs");
const url=require("url");
let port=80;
let host="localhost";
let router=require("./router");
let app=http.createServer((req,res)=>{
   res.writeHead(200,{"Content-Type":"text/html;charset=utf-8"});
   let path=url.parse(req.url).pathname;
   if(path!="/favicon.ico")
   {
       if(path=="/")
       {
           path="home";
       }
       else if(path=="/login")
       {
           path="login";
       }
       router[path](req,res);
   }
});
app.listen(port,host,()=>{
   console.log(`http://${host}:${port}`);
});

router.js

// 路由提取
let router={
   'home':(req,res)=>{
       res.end("首页");
   },
   'login':(req,res)=>{
       res.end("登录界面");
   }
}
module.exports=router;

二、模拟express框架来建立服务

main.js

// 模拟express框架来建立服务
const http=require("http");
const ejs=require("ejs");
let port=8080;
let host="localhost";
let app=require("./router");
http.createServer(app).listen(port,host);

// 注册路由，路由分为get路由和post路由
app.get("/",(req,res)=>{
   // 路由执行的匿名函数回调
   console.log(req.query);
   res.send("首页")
});
app.get("/login",(req,res)=>{
   // 路由执行的匿名函数回调
   console.log(req.query);
   res.send("登录界面");
});
app.get("/regest",(req,res)=>{
   // 路由执行的匿名函数回调
   console.log(req.query);
   ejs.renderFile("./view/regest.ejs",(err,html)=>{
       if(err)
       {
           throw err;
       }
       res.send(html);
   });
});
app.post("/doregest",(req,res)=>{
   console.log(req.body);
   res.send("注册");
});

router.js

// 路由注册模块
const url=require("url");
let obj={
   _get:{},
   _post:{}
};//存储所有的路由以及路由对应的回调函数
let app=function(req,res){
   // 写入send方法
   res.send=function(data){
       res.writeHead(200,{"Content-Type":"text/html;charset=utf-8"});
       res.end(data);
   }
   // 解析路径
   let path=url.parse(req.url,true);
   let pathname=path.pathname;
   let method=req.method.toLowerCase();
   if(pathname=="/favicon.ico") return;
   if(obj['_'+method][pathname]){
       // 区分方式
       if(method=="get"){
           // 执行路由对应的回调函数
           let params=path.query;
           req.query=params;
           obj['_'+method][pathname](req,res);
       }
       else{
           // 数据监听
           let data="?";
           req.on("data",(info)=>{
               data+=info;
           });
           req.on("end",()=>{
               req.body=url.parse(data,true).query;
               obj['_'+method][pathname](req,res);
           })
       }
   }
   else{
       res.end("404");
   }
   
}
// 在整个app上挂载方法
app.get=function(string,callback){
   obj._get[string]=callback;
}
app.post=function(string,callback){
   obj._post[string]=callback;
}
module.exports=app;

regest.ejs

<body>
    <form action="doregest" method="POST">
        <ul>
            <li>用户名：<input type="text" name="username"></li>
            <li>密码：<input type="text" name="userpwd"></li>
            <li><button>注册</button></li>
        </ul>
    </form> 
</body>

南初️

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
路由提取

一、常规路由提取main.jsconst http=require("http");const ejs=require("ejs");const url=require("url");let port=80;let host="localhost";let router=require("./router");let app=http.createServer((req,res)=>{ res.writeHead(200,{"Content-Type":"text/html;c
复制链接

扫一扫