国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

NodeJS學(xué)習(xí)筆記之(Url,QueryString,Path)模塊

2019-11-20 13:24:58
字體:
供稿:網(wǎng)友

一,開篇分析

這篇文章把這三個模塊拿來一起說,原因是它們各自的篇幅都不是很長,其次是它們之間存在著依賴關(guān)系,所以依次介紹并且實例分析。廢話不多說了,請看下面文檔:

(1),"Url模塊"

  來個小栗子:  

復(fù)制代碼 代碼如下:

 var url = require('url');
 var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld" ;
 console.log(typeof url.parse(queryUrl)) ;
 console.log(url.parse(queryUrl)) ;

  運行結(jié)果: 

復(fù)制代碼 代碼如下:

 object // typeof
 
 {
     protocol: 'http:',
     slashes: true,
     auth: null,
     host: 'localhost:8888',
     port: '8888',
     hostname: 'localhost',
     hash: null,
     search: '?name=bigbear&memo=helloworld',
     query: 'name=bigbear&memo=helloworld',
     pathname: '/bb',
     path: '/bb?name=bigbear&memo=helloworld',
     href: 'http://localhost:8888/bb?name=bigbear&memo=helloworld'
 }

 加以說明如下:  

  protocol: 請求協(xié)議
  host: URL主機名已全部轉(zhuǎn)換成小寫, 包括端口信息
  auth:URL中身份驗證信息部分
  hostname:主機的主機名部分, 已轉(zhuǎn)換成小寫
  port: 主機的端口號部分
  pathname: URL的路徑部分,位于主機名之后請求查詢之前
  search: URL 的“查詢字符串”部分,包括開頭的問號。
  path: pathname 和 search 連在一起。
  query: 查詢字符串中的參數(shù)部分(問號后面部分字符串),或者使用 querystring.parse() 解析后返回的對象。
  hash: URL 的 “#” 后面部分(包括 # 符號)

 補充api:"url.format(urlObj)"
  

  作用:輸入一個 URL 對象,返回格式化后的 URL 字符串。

(2),"QueryString模塊"

  "QueryString" 模塊用于實現(xiàn)URL參數(shù)字符串與參數(shù)對象的互相轉(zhuǎn)換,來個栗子,如下所示:

復(fù)制代碼 代碼如下:

 var url = require('url');
 var qs = require('querystring');
 var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld" ;
 queryUrl = url.parse(queryUrl).query ;
 console.log(queryUrl) ;
 console.log(qs.parse(queryUrl)) ;

  運行結(jié)果?如下:

復(fù)制代碼 代碼如下:

    name=bigbear&memo=helloworld
    {
      name: 'bigbear',
      memo: 'helloworld'
    }

  補充api:

  querystring.stringify(obj, [sep], [eq])------序列化一個對象到一個 query string。

  可以選擇是否覆蓋默認的分割符('&')和分配符('=')?!           ?/p>

  querystring.stringify({foo: 'bar', baz: 'qux'}, ';', ':')// 返回如下字串'foo:bar;baz:qux'

  querystring.parse(str, [sep], [eq], [options])------將一個 query string 反序列化為一個對象。可以選擇是否覆蓋默認的分割符('&')和分配符('=')。
  
  options對象可能包含maxKeys屬性(默認為1000),它可以用來限制處理過的鍵(key)的數(shù)量.設(shè)為0可以去除鍵(key)的數(shù)量限制.
  
  示例:querystring.parse('foo=bar&baz=qux&baz=quux&corge') // { foo: 'bar', baz: ['qux', 'quux'], corge: '' }

(3),"Path模塊"

  本模塊包含一套用于處理和轉(zhuǎn)換文件路徑的工具集。幾乎所有的方法僅對字符串進行轉(zhuǎn)換, 文件系統(tǒng)是不會檢查路徑是否真實有效的。

  先來一個簡單的栗子:    

復(fù)制代碼 代碼如下:

 var url = require('url');
 var qs = require('querystring');
 var path = require("path") ;
 var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld" ;
 var root = path.basename(queryUrl) ;
 console.log(root) ; // bb?name=bigbear&memo=helloworld

  返回路徑中的最后一部分,以”/“分割。

復(fù)制代碼 代碼如下:

 var url = require('url');
 var qs = require('querystring');
 var path = require("path") ;
 var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld" ;
 var root = path.basename(queryUrl) ;
 console.log(root) ; // bb?name=bigbear&memo=helloworld
 var ext = path.extname(root) ;
 console.log(ext || "Not Ext Name !") ; // Not Ext Name !

  由于api過多,以上只列出來了常用的幾個,大家需認真閱讀文檔。

二,綜合栗子

場景描述------服務(wù)器接到不同情況的請求,通過 “Url” 分別做不同處理,代碼如下:

 ?。?),建立”index.html“  

復(fù)制代碼 代碼如下:

 <!doctype html>
 <html>
     <head>
         <title>Bigbear</title>
         <meta content="IE=8" http-equiv="X-UA-Compatible"/>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <style type="text/css">
             div {
                 margin-top: 50px;
                 width: 100%;
                   margin: 0px;
                 height:120px;
                 line-height:120px;
                   color:#fff;
                   font-size:22px;
                   background:#ff9900;
                 text-align: center;
             }
         </style>
         <script src="index.js"></script>
     </head>
     <body>
         <div>Hello,大熊!</div>
     </body>
 </html>

 ?。?),建立”index.js“

alert("Hello bb !") ; // 為了測試就這么一句代碼
 ?。?),建立”server.js“

復(fù)制代碼 代碼如下:

var http = require("http");
var fs = require('fs');
var url = require('url');
var path = require("path") ;
http.createServer(function(request,response) {
    var method = request.method ;
    method = method.toLowerCase() ;
    var fileName = path.basename(request.url) ;
    var extName = path.extname(fileName) ;
    var root = "./" ;
    if("get" == method){
        if(extName){
            fs.readFile("./" + fileName,"utf-8",function (error,data){
                if(error)throw error ;
                response.writeHead(200,{
                    "Content-Type": {
                         ".css": "text/css" ,
                         ".js" : "application/javascript"
                  }[extName]
                }) ;
                response.write(data) ;
                response.end() ;
            });
        }
        else{
            fs.readFile(root + "index.html","utf-8",function (error,data){
                if(error)throw error ;
                response.writeHead(200,{
                    "Content-Type" : "text/html"
                });
                response.write(data) ;
                response.end() ;
            });
        }
    }
    else if("post" == request.url){
        // handle post here
    }
}).listen(8888) ;
console.log("Web Server Running , Port On ---> 8888") ;

 
  node server.js 運行一下。

三,總結(jié)一下

(1),理解上述三個模塊之間的聯(lián)系,靈活使用 。
(2),熟練使用 "Url,QueryString,Path" 三個模塊相關(guān)的api。
(3),最后強調(diào):理解上面例子中的代碼意圖,不斷重構(gòu),不斷總結(jié)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 白水县| 庆阳市| 大理市| 开阳县| 固阳县| 肥城市| 柳州市| 周宁县| 宜章县| 信丰县| 武义县| 吉安市| 阳山县| 宣威市| 海阳市| 佛冈县| 昌图县| 扶余县| 宜良县| 新宾| 会理县| 松溪县| 科技| 紫阳县| 谢通门县| 垫江县| 申扎县| 柳州市| 万荣县| 土默特右旗| 开阳县| 灌云县| 台北县| 崇礼县| 古丈县| 怀来县| 福泉市| 香河县| 珠海市| 师宗县| 毕节市|