Nodejs 路由封装 封装一个类似 express 的路由

最新推荐文章于 2022-10-21 20:26:12 发布
最新推荐文章于 2022-10-21 20:26:12 发布
阅读量683 收藏 1
点赞数
文章标签： nodejs express 用node封装express
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44827418/article/details/115482174
版权

1、模块化的方式封装

在这里插入图片描述

routes.js:


const http = require('http');
const fs = require('fs');
const path = require('path')
const url = require('url')
const ejs = require('ejs')
let getFileMime = function (extname) {
    // 把异步读取文件方法改为同步读取文件方法
    let data = fs.readFileSync('./data/mime.json');
    let mimeObj = JSON.parse(data.toString())
    console.log(mimeObj[extname])
    return mimeObj[extname]
}
let app = {
    static: (req, res, staticPath) => {
        // 1. 获取地址
        console.log(req.url)
        let pathname = url.parse(req.url).pathname

        // 默认加载index.html
        if (pathname == '/') {
            pathname = '/index.html'
        } else {
            pathname = pathname
        }

        // 获取路径中的后缀名
        let extname = path.extname(pathname)

        // 2.通过fs模块读取文件
        if (pathname != '/favicon.ico') {
            try {
                // 把异步读取文件方法改为同步读取文件方法
                let data = fs.readFileSync('./' + staticPath + pathname);
                if (data) {
                    let mine = getFileMime(extname)
                    res.writeHead(200, { 'Content-Type': '' + mine + ';charset="utf-8"' });

                    res.end(data);
                }
            } catch (error) {

            }

        }
    },
    login: (req, res) => {
      ejs.renderFile('./views/form.ejs',{}, (err,data)=> {
        res.writeHead(200, {'Content-Type': 'text/html;charset="utf-8"'})  
        res.end(data)
      })
    },
    doLogin: (req, res)=> {
        // 获取post传值
        let postData = '';
        //以流的方式读取
        req.on('data', (chunk)=> {
            postData += chunk;
        })

        // 当流读取结束，会触发end
        req.on('end', ()=> {
            console.log(postData);
            res.end(postData);
        })
    }, 
    error: (req, res)=> {
        res.end('error!')
    }



}


module.exports = app;
/* 
调用方式：
   1. app.login(req,res)
   2. app['login](req,res)

*/

app.js:
在这里插入图片描述

// nodejs 创建一个静态资源服务器

const http = require('http');
const url = require('url');
const routes = require('./module/routes')
const ejs = require('ejs')
http.createServer(function (req, res) {
    // 创建静态web服务器
    routes.static(req, res, 'static')
    // 路由
    let pathname = url.parse(req.url).pathname;
    // http://127.0.0.1:3000/login  pathname = /login
    pathname = pathname.replace("/", "") 

    try {
        routes[pathname](req, res)
    } catch (error) {
        routes['error'](req, res)
    }
   

    // 获取请求类型
    console.log(req.method)

    

    /* if (pathname == '/login') {
        ejs.renderFile('./views/form.ejs', {}, (err, data)=> {
            res.writeHead(200, { 'Content-Type': 'text/html;charset="utf-8"' });
            res.end(data)
        }) */

        /* // 获取get传值
        var query = url.parse(req.url, true).query
        console.log(query)
        res.writeHead(200, { 'Content-Type': 'text/html;charset="utf-8"' });
        res.end('get传值获取成功') */




        /* res.writeHead(200, { 'Content-Type': 'text/html;charset="utf-8"' });
        res.end("执行登录") */
        
       /*  let msg = "数据库里面获取的数据";
        let list = [
            {
                title: '新闻111'
            },
            {
                title: '新闻222'
            },
            {
                title: '新闻333'
            },
            {
                title: '新闻444'
            },
            {
                title: '新闻555'
            },
        ]
        ejs.renderFile('./views/login.ejs', {
            msg: msg,
            list: list
        }, (err, data)=> {
            res.writeHead(200, { 'Content-Type': 'text/html;charset="utf-8"' });
            res.end(data)
        }) */
    /* } else if (pathname == '/doLogin') {
        // 获取post传值
        let postData = '';
        //以流的方式读取
        req.on('data', (chunk)=> {
            postData += chunk;
        })

        // 当流读取结束，会触发end
        req.on('end', ()=> {
            console.log(postData);
            res.end(postData);
        })
    } else if (pathname == '/admin') {
        res.writeHead(200, { 'Content-Type': 'text/html;charset="utf-8"' });
        res.end("处理客户端的业务逻辑")
    } else {
        res.writeHead(404, { 'Content-Type': 'text/html;charset="utf-8"' });
        res.end("页面不存在")
    }
 */
}).listen(8081);

console.log('Server running at http://127.0.0.1:8081/');

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1、封装仿照 express 的路由

Express 官网：https://www.expressjs.com.cn/

var express = require('express') 
var app = express() 
app.get("/", function (req, res) { 
	res.send('hello world') 
})

app.get("/login", function (req, res) { 
	res.send('hello world') 
})

app.post("/doLogin", function (req, res) { 
	res.send('POST request to the homepage') 
})

在这里插入图片描述

2. 按照express框架的调用方式来封装路由：
1. 封装get方法的路由

routes.js:

const url = require('url')

let G = {}
let app = function (req, res) {

    // 路由
    let pathname = url.parse(req.url).pathname;
    // http://127.0.0.1:3000/login  pathname = /login


    if (G[pathname]) {
        G[pathname](req, res); // 表示执行方法
    }else {
        res.writeHead(404, {'Content-Type': 'text/html;charset="utf-8"'});
        res.end('页面不存在');
    }
}
app.get = function (string, callback) {
    // 注册方法
    G[string] = callback
    /* 
    G['/login'] = function(req, res) {
            res.send('hello world')
        }
    */
    // console.log('get方法')
}
app.post = function () {
    console.log('post方法')
}

module.exports = app

app.js :

const http = require("http");
const app = require('./module/routes')

// 注册web服务
http.createServer(app).listen(3000);

console.log('Server running at http://127.0.0.1:3000/');

// 配置路由
app.get('/', function(req, res) {
  res.writeHead(200, {'Content-Type': 'text/html;charset="utf-8"'});
  res.end('首页');
})


// 配置路由
app.get('/login', function(req, res) {
    res.writeHead(200, {'Content-Type': 'text/html;charset="utf-8"'});
    res.end('执行登录操作');
})

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

2. 在上面代码的基础上

1）封装post方法的路由
在这里插入图片描述

2）以及扩展res的方法，即为res增加一个send()
在这里插入图片描述

3）把get 和 post分开保存
在这里插入图片描述
在这里插入图片描述

routes.js :

const url = require('url')

function changeRes(res) {
    res.send = (data) => {
        res.writeHead(200, { 'Content-Type': 'text/html;charset="utf-8"' });
        res.end(data);
    }
}


let server = () => {
    let G = {}

    // 把get 和 post分开保存
    G._get = {}
    G._post = {}

    let app = function (req, res) {
        // 扩展res的方法
        changeRes(res)

        // 路由
        let pathname = url.parse(req.url).pathname;
        // http://127.0.0.1:3000/login  pathname = /login
        // 获取请求类型
        let method = req.method.toLowerCase()
        if (G['_' + method][pathname]) {
            if (method == "get") {
                G['_' + method][pathname](req, res); // 表示执行方法
            } else {
                // post  获取post的数据  把它绑定到req.body上
                let postData = '';
                req.on('data', (chunk) => {
                    postData += chunk;
                })
                req.on('end', () => {
                    console.log(postData)
                    req.body = postData
                    G._post[pathname](req, res); // 表示执行方法
                })
            }
        } else {
            res.writeHead(404, { 'Content-Type': 'text/html;charset="utf-8"' });
            res.end('页面不存在');
        }
    }
    app.get = function (string, callback) {
        // 注册方法
        G._get[string] = callback
        /* 
        G['/login'] = function(req, res) {
                res.send('hello world')
            }
        */
        // console.log('get方法')
    }
    app.post = function (string, callback) {
        // 注册方法
        G._post[string] = callback
    }

    return app;

}
module.exports = server()

app.js :

const http = require("http");
const ejs = require('ejs');
const app = require('./module/routes');

// 注册web服务
http.createServer(app).listen(3000);

console.log('Server running at http://127.0.0.1:3000/');

// 配置路由
app.get('/', function (req, res) {
  res.send('首页');
})


// 配置路由
app.get('/login', function (req, res) {

  ejs.renderFile('./views/form.ejs', {}, (err, data) => {
   res.send(data)
  })
})

app.post('/doLogin', function (req, res) {
  res.send('执行登录操作' + req.body);
})

在这里插入图片描述

2. 封装静态web资源服务：

当页面中引入了类似js, img，css等文件时，会出现这些静态资源访问不到的问题，如下所示：
在这里插入图片描述

  1. 定义getFileMime方法，根据文件后缀名获取文件类型：
    在这里插入图片描述

mime.json:


{ ".323":"text/h323" ,
  ".3gp":"video/3gpp" ,
  ".aab":"application/x-authoware-bin" ,
  ".aam":"application/x-authoware-map" ,
  ".aas":"application/x-authoware-seg" ,
  ".acx":"application/internet-property-stream" ,
  ".ai":"application/postscript" ,
  ".aif":"audio/x-aiff" ,
  ".aifc":"audio/x-aiff" ,
  ".aiff":"audio/x-aiff" ,
  ".als":"audio/X-Alpha5" ,
  ".amc":"application/x-mpeg" ,
  ".ani":"application/octet-stream" ,
  ".apk":"application/vnd.android.package-archive" ,
  ".asc":"text/plain" ,
  ".asd":"application/astound" ,
  ".asf":"video/x-ms-asf" ,
  ".asn":"application/astound" ,
  ".asp":"application/x-asap" ,
  ".asr":"video/x-ms-asf" ,
  ".asx":"video/x-ms-asf" ,
  ".au":"audio/basic" ,
  ".avb":"application/octet-stream" ,
  ".avi":"video/x-msvideo" ,
  ".awb":"audio/amr-wb" ,
  ".axs":"application/olescript" ,
  ".bas":"text/plain" ,
  ".bcpio":"application/x-bcpio" ,
  ".bin ":"application/octet-stream" ,
  ".bld":"application/bld" ,
  ".bld2":"application/bld2" ,
  ".bmp":"image/bmp" ,
  ".bpk":"application/octet-stream" ,
  ".bz2":"application/x-bzip2" ,
  ".c":"text/plain" ,
  ".cal":"image/x-cals" ,
  ".cat":"application/vnd.ms-pkiseccat" ,
  ".ccn":"application/x-cnc" ,
  ".cco":"application/x-cocoa" ,
  ".cdf":"application/x-cdf" ,
  ".cer":"application/x-x509-ca-cert" ,
  ".cgi":"magnus-internal/cgi" ,
  ".chat":"application/x-chat" ,
  ".class":"application/octet-stream" ,
  ".clp":"application/x-msclip" ,
  ".cmx":"image/x-cmx" ,
  ".co":"application/x-cult3d-object" ,
  ".cod":"image/cis-cod" ,
  ".conf":"text/plain" ,
  ".cpio":"application/x-cpio" ,
  ".cpp":"text/plain" ,
  ".cpt":"application/mac-compactpro" ,
  ".crd":"application/x-mscardfile" ,
  ".crl":"application/pkix-crl" ,
  ".crt":"application/x-x509-ca-cert" ,
  ".csh":"application/x-csh" ,
  ".csm":"chemical/x-csml" ,
  ".csml":"chemical/x-csml" ,
  ".css":"text/css" ,
  ".cur":"application/octet-stream" ,
  ".dcm":"x-lml/x-evm" ,
  ".dcr":"application/x-director" ,
  ".dcx":"image/x-dcx" ,
  ".der":"application/x-x509-ca-cert" ,
  ".dhtml":"text/html" ,
  ".dir":"application/x-director" ,
  ".dll":"application/x-msdownload" ,
  ".dmg":"application/octet-stream" ,
  ".dms":"application/octet-stream" ,
  ".doc":"application/msword" ,
  ".docx":"application/vnd.openxmlformats-officedocument.wordprocessingml.document" ,
  ".dot":"application/msword" ,
  ".dvi":"application/x-dvi" ,
  ".dwf":"drawing/x-dwf" ,
  ".dwg":"application/x-autocad" ,
  ".dxf":"application/x-autocad" ,
  ".dxr":"application/x-director" ,
  ".ebk":"application/x-expandedbook" ,
  ".emb":"chemical/x-embl-dl-nucleotide" ,
  ".embl":"chemical/x-embl-dl-nucleotide" ,
  ".eps":"application/postscript" ,
  ".epub":"application/epub+zip" ,
  ".eri":"image/x-eri" ,
  ".es":"audio/echospeech" ,
  ".esl":"audio/echospeech" ,
  ".etc":"application/x-earthtime" ,
  ".etx":"text/x-setext" ,
  ".evm":"x-lml/x-evm" ,
  ".evy":"application/envoy" ,
  ".exe":"application/octet-stream" ,
  ".fh4":"image/x-freehand" ,
  ".fh5":"image/x-freehand" ,
  ".fhc":"image/x-freehand" ,
  ".fif":"application/fractals" ,
  ".flr":"x-world/x-vrml" ,
  ".flv":"flv-application/octet-stream" ,
  ".fm":"application/x-maker" ,
  ".fpx":"image/x-fpx" ,
  ".fvi":"video/isivideo" ,
  ".gau":"chemical/x-gaussian-input" ,
  ".gca":"application/x-gca-compressed" ,
  ".gdb":"x-lml/x-gdb" ,
  ".gif":"image/gif" ,
  ".gps":"application/x-gps" ,
  ".gtar":"application/x-gtar" ,
  ".gz":"application/x-gzip" ,
  ".h":"text/plain" ,
  ".hdf":"application/x-hdf" ,
  ".hdm":"text/x-hdml" ,
  ".hdml":"text/x-hdml" ,
  ".hlp":"application/winhlp" ,
  ".hqx":"application/mac-binhex40" ,
  ".hta":"application/hta" ,
  ".htc":"text/x-component" ,
  ".htm":"text/html" ,
  ".html":"text/html" ,
  ".hts":"text/html" ,
  ".htt":"text/webviewhtml" ,
  ".ice":"x-conference/x-cooltalk" ,
  ".ico":"image/x-icon" ,
  ".ief":"image/ief" ,
  ".ifm":"image/gif" ,
  ".ifs":"image/ifs" ,
  ".iii":"application/x-iphone" ,
  ".imy":"audio/melody" ,
  ".ins":"application/x-internet-signup" ,
  ".ips":"application/x-ipscript" ,
  ".ipx":"application/x-ipix" ,
  ".isp":"application/x-internet-signup" ,
  ".it":"audio/x-mod" ,
  ".itz":"audio/x-mod" ,
  ".ivr":"i-world/i-vrml" ,
  ".j2k":"image/j2k" ,
  ".jad":"text/vnd.sun.j2me.app-descriptor" ,
  ".jam":"application/x-jam" ,
  ".jar":"application/java-archive" ,
  ".java":"text/plain" ,
  ".jfif":"image/pipeg" ,
  ".jnlp":"application/x-java-jnlp-file" ,
  ".jpe":"image/jpeg" ,
  ".jpeg":"image/jpeg" ,
  ".jpg":"image/jpeg" ,
  ".jpz":"image/jpeg" ,
  ".js":"application/x-javascript" ,
  ".jwc":"application/jwc" ,
  ".kjx":"application/x-kjx" ,
  ".lak":"x-lml/x-lak" ,
  ".latex":"application/x-latex" ,
  ".lcc":"application/fastman" ,
  ".lcl":"application/x-digitalloca" ,
  ".lcr":"application/x-digitalloca" ,
  ".lgh":"application/lgh" ,
  ".lha":"application/octet-stream" ,
  ".lml":"x-lml/x-lml" ,
  ".lmlpack":"x-lml/x-lmlpack" ,
  ".log":"text/plain" ,
  ".lsf":"video/x-la-asf" ,
  ".lsx":"video/x-la-asf" ,
  ".lzh":"application/octet-stream" ,
  ".m13":"application/x-msmediaview" ,
  ".m14":"application/x-msmediaview" ,
  ".m15":"audio/x-mod" ,
  ".m3u":"audio/x-mpegurl" ,
  ".m3url":"audio/x-mpegurl" ,
  ".m4a":"audio/mp4a-latm" ,
  ".m4b":"audio/mp4a-latm" ,
  ".m4p":"audio/mp4a-latm" ,
  ".m4u":"video/vnd.mpegurl" ,
  ".m4v":"video/x-m4v" ,
  ".ma1":"audio/ma1" ,
  ".ma2":"audio/ma2" ,
  ".ma3":"audio/ma3" ,
  ".ma5":"audio/ma5" ,
  ".man":"application/x-troff-man" ,
  ".map":"magnus-internal/imagemap" ,
  ".mbd":"application/mbedlet" ,
  ".mct":"application/x-mascot" ,
  ".mdb":"application/x-msaccess" ,
  ".mdz":"audio/x-mod" ,
  ".me":"application/x-troff-me" ,
  ".mel":"text/x-vmel" ,
  ".mht":"message/rfc822" ,
  ".mhtml":"message/rfc822" ,
  ".mi":"application/x-mif" ,
  ".mid":"audio/mid" ,
  ".midi":"audio/midi" ,
  ".mif":"application/x-mif" ,
  ".mil":"image/x-cals" ,
  ".mio":"audio/x-mio" ,
  ".mmf":"application/x-skt-lbs" ,
  ".mng":"video/x-mng" ,
  ".mny":"application/x-msmoney" ,
  ".moc":"application/x-mocha" ,
  ".mocha":"application/x-mocha" ,
  ".mod":"audio/x-mod" ,
  ".mof":"application/x-yumekara" ,
  ".mol":"chemical/x-mdl-molfile" ,
  ".mop":"chemical/x-mopac-input" ,
  ".mov":"video/quicktime" ,
  ".movie":"video/x-sgi-movie" ,
  ".mp2":"video/mpeg" ,
  ".mp3":"audio/mpeg" ,
  ".mp4":"video/mp4" ,
  ".mpa":"video/mpeg" ,
  ".mpc":"application/vnd.mpohun.certificate" ,
  ".mpe":"video/mpeg" ,
  ".mpeg":"video/mpeg" ,
  ".mpg":"video/mpeg" ,
  ".mpg4":"video/mp4" ,
  ".mpga":"audio/mpeg" ,
  ".mpn":"application/vnd.mophun.application" ,
  ".mpp":"application/vnd.ms-project" ,
  ".mps":"application/x-mapserver" ,
  ".mpv2":"video/mpeg" ,
  ".mrl":"text/x-mrml" ,
  ".mrm":"application/x-mrm" ,
  ".ms":"application/x-troff-ms" ,
  ".msg":"application/vnd.ms-outlook" ,
  ".mts":"application/metastream" ,
  ".mtx":"application/metastream" ,
  ".mtz":"application/metastream" ,
  ".mvb":"application/x-msmediaview" ,
  ".mzv":"application/metastream" ,
  ".nar":"application/zip" ,
  ".nbmp":"image/nbmp" ,
  ".nc":"application/x-netcdf" ,
  ".ndb":"x-lml/x-ndb" ,
  ".ndwn":"application/ndwn" ,
  ".nif":"application/x-nif" ,
  ".nmz":"application/x-scream" ,
  ".nokia-op-logo":"image/vnd.nok-oplogo-color" ,
  ".npx":"application/x-netfpx" ,
  ".nsnd":"audio/nsnd" ,
  ".nva":"application/x-neva1" ,
  ".nws":"message/rfc822" ,
  ".oda":"application/oda" ,
  ".ogg":"audio/ogg" ,
  ".oom":"application/x-AtlasMate-Plugin" ,
  ".p10":"application/pkcs10" ,
  ".p12":"application/x-pkcs12" ,
  ".p7b":"application/x-pkcs7-certificates" ,
  ".p7c":"application/x-pkcs7-mime" ,
  ".p7m":"application/x-pkcs7-mime" ,
  ".p7r":"application/x-pkcs7-certreqresp" ,
  ".p7s":"application/x-pkcs7-signature" ,
  ".pac":"audio/x-pac" ,
  ".pae":"audio/x-epac" ,
  ".pan":"application/x-pan" ,
  ".pbm":"image/x-portable-bitmap" ,
  ".pcx":"image/x-pcx" ,
  ".pda":"image/x-pda" ,
  ".pdb":"chemical/x-pdb" ,
  ".pdf":"application/pdf" ,
  ".pfr":"application/font-tdpfr" ,
  ".pfx":"application/x-pkcs12" ,
  ".pgm":"image/x-portable-graymap" ,
  ".pict":"image/x-pict" ,
  ".pko":"application/ynd.ms-pkipko" ,
  ".pm":"application/x-perl" ,
  ".pma":"application/x-perfmon" ,
  ".pmc":"application/x-perfmon" ,
  ".pmd":"application/x-pmd" ,
  ".pml":"application/x-perfmon" ,
  ".pmr":"application/x-perfmon" ,
  ".pmw":"application/x-perfmon" ,
  ".png":"image/png" ,
  ".pnm":"image/x-portable-anymap" ,
  ".pnz":"image/png" ,
  ".pot,":"application/vnd.ms-powerpoint" ,
  ".ppm":"image/x-portable-pixmap" ,
  ".pps":"application/vnd.ms-powerpoint" ,
  ".ppt":"application/vnd.ms-powerpoint" ,
  ".pptx":"application/vnd.openxmlformats-officedocument.presentationml.presentation" ,
  ".pqf":"application/x-cprplayer" ,
  ".pqi":"application/cprplayer" ,
  ".prc":"application/x-prc" ,
  ".prf":"application/pics-rules" ,
  ".prop":"text/plain" ,
  ".proxy":"application/x-ns-proxy-autoconfig" ,
  ".ps":"application/postscript" ,
  ".ptlk":"application/listenup" ,
  ".pub":"application/x-mspublisher" ,
  ".pvx":"video/x-pv-pvx" ,
  ".qcp":"audio/vnd.qcelp" ,
  ".qt":"video/quicktime" ,
  ".qti":"image/x-quicktime" ,
  ".qtif":"image/x-quicktime" ,
  ".r3t":"text/vnd.rn-realtext3d" ,
  ".ra":"audio/x-pn-realaudio" ,
  ".ram":"audio/x-pn-realaudio" ,
  ".rar":"application/octet-stream" ,
  ".ras":"image/x-cmu-raster" ,
  ".rc":"text/plain" ,
  ".rdf":"application/rdf+xml" ,
  ".rf":"image/vnd.rn-realflash" ,
  ".rgb":"image/x-rgb" ,
  ".rlf":"application/x-richlink" ,
  ".rm":"audio/x-pn-realaudio" ,
  ".rmf":"audio/x-rmf" ,
  ".rmi":"audio/mid" ,
  ".rmm":"audio/x-pn-realaudio" ,
  ".rmvb":"audio/x-pn-realaudio" ,
  ".rnx":"application/vnd.rn-realplayer" ,
  ".roff":"application/x-troff" ,
  ".rp":"image/vnd.rn-realpix" ,
  ".rpm":"audio/x-pn-realaudio-plugin" ,
  ".rt":"text/vnd.rn-realtext" ,
  ".rte":"x-lml/x-gps" ,
  ".rtf":"application/rtf" ,
  ".rtg":"application/metastream" ,
  ".rtx":"text/richtext" ,
  ".rv":"video/vnd.rn-realvideo" ,
  ".rwc":"application/x-rogerwilco" ,
  ".s3m":"audio/x-mod" ,
  ".s3z":"audio/x-mod" ,
  ".sca":"application/x-supercard" ,
  ".scd":"application/x-msschedule" ,
  ".sct":"text/scriptlet" ,
  ".sdf":"application/e-score" ,
  ".sea":"application/x-stuffit" ,
  ".setpay":"application/set-payment-initiation" ,
  ".setreg":"application/set-registration-initiation" ,
  ".sgm":"text/x-sgml" ,
  ".sgml":"text/x-sgml" ,
  ".sh":"application/x-sh" ,
  ".shar":"application/x-shar" ,
  ".shtml":"magnus-internal/parsed-html" ,
  ".shw":"application/presentations" ,
  ".si6":"image/si6" ,
  ".si7":"image/vnd.stiwap.sis" ,
  ".si9":"image/vnd.lgtwap.sis" ,
  ".sis":"application/vnd.symbian.install" ,
  ".sit":"application/x-stuffit" ,
  ".skd":"application/x-Koan" ,
  ".skm":"application/x-Koan" ,
  ".skp":"application/x-Koan" ,
  ".skt":"application/x-Koan" ,
  ".slc":"application/x-salsa" ,
  ".smd":"audio/x-smd" ,
  ".smi":"application/smil" ,
  ".smil":"application/smil" ,
  ".smp":"application/studiom" ,
  ".smz":"audio/x-smd" ,
  ".snd":"audio/basic" ,
  ".spc":"application/x-pkcs7-certificates" ,
  ".spl":"application/futuresplash" ,
  ".spr":"application/x-sprite" ,
  ".sprite":"application/x-sprite" ,
  ".sdp":"application/sdp" ,
  ".spt":"application/x-spt" ,
  ".src":"application/x-wais-source" ,
  ".sst":"application/vnd.ms-pkicertstore" ,
  ".stk":"application/hyperstudio" ,
  ".stl":"application/vnd.ms-pkistl" ,
  ".stm":"text/html" ,
  ".svg":"image/svg+xml" ,
  ".sv4cpio":"application/x-sv4cpio" ,
  ".sv4crc":"application/x-sv4crc" ,
  ".svf":"image/vnd" ,
  ".svg":"image/svg+xml" ,
  ".svh":"image/svh" ,
  ".svr":"x-world/x-svr" ,
  ".swf":"application/x-shockwave-flash" ,
  ".swfl":"application/x-shockwave-flash" ,
  ".t":"application/x-troff" ,
  ".tad":"application/octet-stream" ,
  ".talk":"text/x-speech" ,
  ".tar":"application/x-tar" ,
  ".taz":"application/x-tar" ,
  ".tbp":"application/x-timbuktu" ,
  ".tbt":"application/x-timbuktu" ,
  ".tcl":"application/x-tcl" ,
  ".tex":"application/x-tex" ,
  ".texi":"application/x-texinfo" ,
  ".texinfo":"application/x-texinfo" ,
  ".tgz":"application/x-compressed" ,
  ".thm":"application/vnd.eri.thm" ,
  ".tif":"image/tiff" ,
  ".tiff":"image/tiff" ,
  ".tki":"application/x-tkined" ,
  ".tkined":"application/x-tkined" ,
  ".toc":"application/toc" ,
  ".toy":"image/toy" ,
  ".tr":"application/x-troff" ,
  ".trk":"x-lml/x-gps" ,
  ".trm":"application/x-msterminal" ,
  ".tsi":"audio/tsplayer" ,
  ".tsp":"application/dsptype" ,
  ".tsv":"text/tab-separated-values" ,
  ".ttf":"application/octet-stream" ,
  ".ttz":"application/t-time" ,
  ".txt":"text/plain" ,
  ".uls":"text/iuls" ,
  ".ult":"audio/x-mod" ,
  ".ustar":"application/x-ustar" ,
  ".uu":"application/x-uuencode" ,
  ".uue":"application/x-uuencode" ,
  ".vcd":"application/x-cdlink" ,
  ".vcf":"text/x-vcard" ,
  ".vdo":"video/vdo" ,
  ".vib":"audio/vib" ,
  ".viv":"video/vivo" ,
  ".vivo":"video/vivo" ,
  ".vmd":"application/vocaltec-media-desc" ,
  ".vmf":"application/vocaltec-media-file" ,
  ".vmi":"application/x-dreamcast-vms-info" ,
  ".vms":"application/x-dreamcast-vms" ,
  ".vox":"audio/voxware" ,
  ".vqe":"audio/x-twinvq-plugin" ,
  ".vqf":"audio/x-twinvq" ,
  ".vql":"audio/x-twinvq" ,
  ".vre":"x-world/x-vream" ,
  ".vrml":"x-world/x-vrml" ,
  ".vrt":"x-world/x-vrt" ,
  ".vrw":"x-world/x-vream" ,
  ".vts":"workbook/formulaone" ,
  ".wav":"audio/x-wav" ,
  ".wax":"audio/x-ms-wax" ,
  ".wbmp":"image/vnd.wap.wbmp" ,
  ".wcm":"application/vnd.ms-works" ,
  ".wdb":"application/vnd.ms-works" ,
  ".web":"application/vnd.xara" ,
  ".wi":"image/wavelet" ,
  ".wis":"application/x-InstallShield" ,
  ".wks":"application/vnd.ms-works" ,
  ".wm":"video/x-ms-wm" ,
  ".wma":"audio/x-ms-wma" ,
  ".wmd":"application/x-ms-wmd" ,
  ".wmf":"application/x-msmetafile" ,
  ".wml":"text/vnd.wap.wml" ,
  ".wmlc":"application/vnd.wap.wmlc" ,
  ".wmls":"text/vnd.wap.wmlscript" ,
  ".wmlsc":"application/vnd.wap.wmlscriptc" ,
  ".wmlscript":"text/vnd.wap.wmlscript" ,
  ".wmv":"audio/x-ms-wmv" ,
  ".wmx":"video/x-ms-wmx" ,
  ".wmz":"application/x-ms-wmz" ,
  ".wpng":"image/x-up-wpng" ,
  ".wps":"application/vnd.ms-works" ,
  ".wpt":"x-lml/x-gps" ,
  ".wri":"application/x-mswrite" ,
  ".wrl":"x-world/x-vrml" ,
  ".wrz":"x-world/x-vrml" ,
  ".ws":"text/vnd.wap.wmlscript" ,
  ".wsc":"application/vnd.wap.wmlscriptc" ,
  ".wv":"video/wavelet" ,
  ".wvx":"video/x-ms-wvx" ,
  ".wxl":"application/x-wxl" ,
  ".x-gzip":"application/x-gzip" ,
  ".xaf":"x-world/x-vrml" ,
  ".xar":"application/vnd.xara" ,
  ".xbm":"image/x-xbitmap" ,
  ".xdm":"application/x-xdma" ,
  ".xdma":"application/x-xdma" ,
  ".xdw":"application/vnd.fujixerox.docuworks" ,
  ".xht":"application/xhtml+xml" ,
  ".xhtm":"application/xhtml+xml" ,
  ".xhtml":"application/xhtml+xml" ,
  ".xla":"application/vnd.ms-excel" ,
  ".xlc":"application/vnd.ms-excel" ,
  ".xll":"application/x-excel" ,
  ".xlm":"application/vnd.ms-excel" ,
  ".xls":"application/vnd.ms-excel" ,
  ".xlsx":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ,
  ".xlt":"application/vnd.ms-excel" ,
  ".xlw":"application/vnd.ms-excel" ,
  ".xm":"audio/x-mod" ,
  ".xml":"text/plain",
  ".xml":"application/xml",
  ".xmz":"audio/x-mod" ,
  ".xof":"x-world/x-vrml" ,
  ".xpi":"application/x-xpinstall" ,
  ".xpm":"image/x-xpixmap" ,
  ".xsit":"text/xml" ,
  ".xsl":"text/xml" ,
  ".xul":"text/xul" ,
  ".xwd":"image/x-xwindowdump" ,
  ".xyz":"chemical/x-pdb" ,
  ".yz1":"application/x-yz1" ,
  ".z":"application/x-compress" ,
  ".zac":"application/x-zaurus-zac" ,
  ".zip":"application/zip" ,
  ".json":"application/json"
}
  1. 定义静态web服务方法initStatic()
    在这里插入图片描述
  2. 在app方法中调用initStatic（）
    在这里插入图片描述
  3. 设置静态资源目录
    在这里插入图片描述
  4. 然后就能够加载到css等静态资源
    在这里插入图片描述

routes.js :

const url = require('url')
const path = require('path')
const fs = require('fs')


// 扩展res
function changeRes(res) {
    res.send = (data) => {
        res.writeHead(200, { 'Content-Type': 'text/html;charset="utf-8"' });
        res.end(data);
    }
}

// 根据后缀名获取文件类型
let getFileMime = function (extname) {
    // 把异步读取文件方法改为同步读取文件方法
    let data = fs.readFileSync('./data/mime.json');
    let mimeObj = JSON.parse(data.toString())
    console.log(mimeObj[extname])
    return mimeObj[extname]
}

// 静态web服务的方法
function initStatic (req, res, staticPath){
    // 1. 获取地址
    console.log(req.url)
    let pathname = url.parse(req.url).pathname

    // 默认加载index.html
    if (pathname == '/') {
        pathname = '/index.html'
    } else {
        pathname = pathname
    }

    // 获取路径中的后缀名
    let extname = path.extname(pathname)

    // 2.通过fs模块读取文件
    try {
        // 把异步读取文件方法改为同步读取文件方法
        let data = fs.readFileSync('./' + staticPath + pathname);
        if (data) {
            let mine = getFileMime(extname)
            res.writeHead(200, { 'Content-Type': '' + mine + ';charset="utf-8"' });

            res.end(data);
        }
    } catch (error) {

    }
}


let server = () => {
    let G = {
        _get: {}, // 把get 和 post分开保存
        _post: {},
        staticPath: "static"  // 设置默认的静态资源web目录
    }


    let app = function (req, res) {
        // 扩展res的方法
        changeRes(res)

        // 配置静态web服务器
        initStatic(req, res, G.staticPath)


        // 路由
        let pathname = url.parse(req.url).pathname;
        // http://127.0.0.1:3000/login  pathname = /login
        // 获取请求类型
        let method = req.method.toLowerCase()
        if (G['_' + method][pathname]) {
            if (method == "get") {
                G['_' + method][pathname](req, res); // 表示执行方法
            } else {
                // post  获取post的数据  把它绑定到req.body上
                let postData = '';
                req.on('data', (chunk) => {
                    postData += chunk;
                })
                req.on('end', () => {
                    console.log(postData)
                    req.body = postData
                    G._post[pathname](req, res); // 表示执行方法
                })
            }
        } else {
            res.writeHead(404, { 'Content-Type': 'text/html;charset="utf-8"' });
            res.end('页面不存在');
        }
    }
    app.get = function (string, callback) {
        // 注册方法
        G._get[string] = callback
        /* 
        G['/login'] = function(req, res) {
                res.send('hello world')
            }
        */
        // console.log('get方法')
    }
    app.post = function (string, callback) {
        // 注册方法
        G._post[string] = callback
    }

    // 配置静态web服务目录
    app.static = function (staticPath){
        G.staticPath = staticPath
    }


    return app;

}
module.exports = server()

app.js :

const http = require("http");
const ejs = require('ejs');
const app = require('./module/routes');

// 注册web服务
http.createServer(app).listen(3000);

console.log('Server running at http://127.0.0.1:3000/');

// 修改默认静态web目录
app.static("public");


// 配置路由
app.get('/', function (req, res) {
  res.send('首页');
})


// 配置路由
app.get('/login', function (req, res) {

  ejs.renderFile('./views/form.ejs', {}, (err, data) => {
   res.send(data)
  })
})

app.post('/doLogin', function (req, res) {
  res.send('执行登录操作' + req.body);
})

在这里插入图片描述

小小白学计算机
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Nodejs封装类似express框架的路由实例详解
12-23
var app=require('./model/express-route.js'); console.log(app); http.createServer(app).listen(3000); app.get('/',function(req,res){ var msg='\u8fd9\u662f\u6570\u636e\u5e93\u7684\u6570\u636e' ejs....
08Nodejs 路由封装 封装仿照express的路由3
08-04
Nodejs 路由模块封装、封装仿照 express的路由主讲教师：（大地）合作网站：www.itying.com目录模块化的方式封装 1封装仿照 expres
node 仿express封装路由router
悦度空间
06-25 444
查看更多资源 1. 案例简介： 仿照Express路由，手动封装node路由模块。 2. 案例页面图示： 3. 案例代码结构： 4. 主要代码(server.js): var http = require('http'); var ejs = require('ejs'); var app = require('./model/express-router');// 引...
nodejs项目实战教程11——Nodejs封装路由模块
qq_39055970的博客
12-13 1350
nodejs项目实战教程11——Nodejs封装路由模块
Node.js 封装仿照 express 的路由
C.
12-02 1113
我们想要仿照express来封装我们的路由，我们先来看看一个仿照express封装的一个简单路由demo，这有助于我们了解express，然后我们会一步步来实现我们自己的简单express路由。主入口：//index.js var route = require('./model/http-route.js'); var app = route(); var http = require('http
nodejs模块化方法封装路由
jiuweideqixu的博客
01-22 902
1、代码目录结构 2、02router.js var model = require('./model/model') var http = require('http') var url = require('url') http.createServer(function(req,res){ res.writeHead(200,{"Content-Type":"text/ht...
node 学习(7) －－ 路由封装
小白变怪兽
03-01 1133
这一节主要记录下简单的路由封装，这样代码的可读性也增强了，代码也不会显得那么冗余。 这里为了代码查看方便， 我将所有代码放在一个文件中， 开发的时候， 我们会将app模块 module.exports 出去， 这样我们只要var app = require(‘地址’);就可以拿到使用了。 var http = require('http'); var url = require('url');...
NodeJS及路由、Web服务、EJS模板引擎.zip
03-21
NodeJs 封装静态WEB服务、 路由、EJS模板引擎、GET、POST； Nodejs 路由封装 封装仿照express的路由
基于Nodejs和React hooks实现的知乎日报WebApp系统源码+详细项目说明.zip
最新发布
01-11
基于Nodejs和React hooks实现的知乎日报WebApp系统源码+详细项目说明.zip 知乎日报-WebApp zhihu 技术栈：create-react-app、React18、redux/react-redux「你可以使用mobx或者reduxjs/toolkit」、react-router-dom ...
【node路由封装，减轻后端的主路由的入口app.js的负重】
阿牛哥的博客
10-21 590
【node路由封装，减轻app.js的负重】
node.js Express框架路由模块化
02-01
最近学习了一下node.js,里面有一个路由模块化，我觉得很重要，所以写了一个例子，上传，和大家交流学习
node笔记(八)-Nodejs 路由封装 模块化方式封装
weixin_34175509的博客
10-24 549
express-route.js var url = require('url'); function changeRes(res){ res.send= function(data){ res.writeHead(200,{"Content-Type":"text/html;charset=utf-8"}); ...
nodejs模块：简单http请求路由，仿express
TTUZ的博客
04-15 2899
nodejs模块：简单http请求路由模块//http-rout.js var url = require('url');/** * 对resquest进行封装 * * @param {*} res */ var packingRes = function (res) { var end = res.end; res.end = function (data) {
Node.js学习笔记(八) --- Node.js的路由模块封装
weixin_34096182的博客
04-17 126
1 、模块化的方式封装 整理中… 2 、封装仿照 express 的路由整理中… 转载于:https://www.cnblogs.com/chenyablog/p/10722129.html
总结nodejs的优缺点
热门推荐
阿杰的程序人生
03-15 2万+
Nodejs区别于传统应用的特点：1. 异步事件驱动2. 非堵塞I/O3. 单线程（这里指主线程）4. 性能出众接下来就对以上4点进行简单的阐述：一、事件驱动 首先，解释下“事件驱动”这个概念。所谓事件驱动，是指在持续事务管理过程中，进行决策的一种策略，即跟随当前时间点上出现的事件，调动可用资源，执行相关任务，使不断出现的问题得以解决，防止事务堆积。 Nodejs设计思想中以事件驱动为核心，事件驱...
关于Express路由，这篇总结的很全面
HansExploration的博客
05-29 9674
通常我们在浏览器地址栏中访问一个页面时，HTTP请求的URL格式是这样的：http://host[:port][path]http：表示一种网络协议。host：表示主机。port：表示端口，可选字段，不提供时默认为80。path：指定请求资源的URI（统一资源标识符），如果URL中没有给出path，一般会默认成”/“（通常由浏览器或者其它HTTP客户端完成补上）然而，所谓路由，就是如何处理HTTP...
nodejs项目实战教程09——封装静态Web服务器并进行路由管理
qq_39055970的博客
12-09 1085
nodejs项目实战教程09——封装静态Web服务器并读取路由1. 封装静态Web服务器2. 路由管理 1. 封装静态Web服务器 （1）复制上一章节《nodejs项目实战教程08——创建静态Web服务器》中的demo10中的文件到一个新创建的demo11文件夹中 （2）修改module/common.js为module/routes.js （3）在routes.js中创建读取默认路径资源的方法static，并将app.js中http.createServer里的代码复制到其中进行封装： const fs
08.nodejs封装一个类似express路由
凉
01-16 246
nodejs封装一个类似express路由 路由 如前面文章所述，路由是前端浏览器访问路径，后端程序解析访问路径并返回其对应的页面，这一实现过程称为路由。express实现的路由如下： app.get("index",function(req,res){ res.send("hello express") }) 假设运行在本地，以上程序实现访问 http://127.0.0.1/inde...
nodejs express 路由配置
01-04
在 Express 中，路由是一个非常重要的概念。路由指的是根据客户端请求的不同路径和 HTTP 方法来执行不同的处理逻辑。在 Express 中，路由配置可以通过以下步骤实现： 1. 首先，需要引入 Express 模块和 path 模块，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值