封装一个类似express框架的路由

谁践踏了优雅 2022-10-10 01:45 161阅读 0赞

## 封装一个类似express框架的路由 ##

首先 创建一个文件夹 router.js

//首先引入url模块
    const url = require('url')
    //创建一个箭头函数
    let server = () => { 
      let G = { }; //定一个全局变量
      G._get = { }; //在变量中添加一个静态方法get,post
      G._post = { };
      let app = function (req, res) { 
        let pathname = url.parse(req.url).pathname;
        // 获取请求类型
        let method = req.method.toLowerCase();
        if (G['_'+method][pathname]) {   //G._get.['/login']
          if (method == 'get') { 
            G['_'+method][pathname](req, res)
            }else{ 
              let postData=''   //创建数据变量
              req.on('data',(chunk)=>{   //接收post请求的数据
                postData +=chunk   
              })
              req.on('end',()=>{ 
                req.body=postData  //req.body接收post请求传来的数据 req.query接收get请求传来的数据
                G['_'+method][pathname](req, res)  //执行G._post['/login']的方法，也就是 app.post
              })
          }
        } else { 
          res.writeHead(404, {  'Content-Type': 'text/html;charset="utf-8"' })
          res.end('页面不存在')
        }
      }
      //创建一个post,get方法
      app.get = function (str, cb) { 
        G._get[str] = cb
      }
      app.post = function (str, cb) { 
        G._post[str] = cb
    
      }
      //把app返回出去
      return app
    }
    //暴露server方法
    module.exports = server()

> 导入的页面信息，也就是在login中的form.ejs

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    
    <body>
      <form action="/admin" method="post">
        用户名：<input type="text" name="username" />
        <br> 密码：
        <input type="password" name="password">
        <button type="submit">提交</button>
      </form>
    </body>
    
    </html>

这样`app`就起到一个`express`的功能