Node.js學(xué)習(xí)筆記4-模塊童芹、POST請(qǐng)求(文件上傳)

  • 注意: 撰寫(xiě)本文目的主要是為了給自己做一個(gè)備忘錄,如果你學(xué)過(guò)Node.js并且希望從本文中找到一些忘記的知識(shí)點(diǎn)绣版,那么你可以閱讀本文章胶台。由于文章內(nèi)講解并不是很多,因此此文章并不適合小白入門(mén)使用杂抽。

1.模塊

1.1.示例:time-modules模塊

使用

//test2:npm引入模塊使用

//需要使用一個(gè)日期
const dateTime = require('date-time');

var time = dateTime();

console.log(time);

//npm init 會(huì)將項(xiàng)目信息打包成一個(gè)json文件,其中dependencies中包含的是項(xiàng)目的所有依賴
//npm install會(huì)安裝該項(xiàng)目中所有的依賴

1.2.示例:self-modules模塊

1.2.1.創(chuàng)建People類

function  People(name,sex,age) {
    this.name = name;
    this.sex = sex;
    this.age = age;
}

People.prototype = {
    sayHello : function(){
        console.log(this.name+this.sex+this.age);
    }
}

//此時(shí)诈唬,People被視為構(gòu)造函數(shù),可以用new來(lái)實(shí)例化
module.exports = People;

1.2.2.創(chuàng)建屬性與函數(shù)文件

var msg = "你好";
function show() {
    console.log("啦啦啦");
}

exports.msg = msg;
exports.show = show;

1.2.3.測(cè)試:test

test1文件夾:module模塊入門(mén)

  • 模塊就是一些功能的封裝默怨,所以一些成熟的讯榕、經(jīng)常使用的功能都有人封裝成了模塊,并且放到了社區(qū)中,供人免費(fèi)下載愚屁。
  • 這個(gè)偉大的社區(qū)叫做npm,也是一個(gè)工具的名字 node package management济竹。讀者可以在npm官網(wǎng)下載并使用相關(guān)模塊。

對(duì)應(yīng)test.js

  • 因?yàn)槟K文件夾為node_modules(默認(rèn)文件夾),所以前面不需要./node_modules
  • require("bar")相當(dāng)于require("node_modules/bar/index.js")
  • 有package.json時(shí)霎槐,require("bar")會(huì)根據(jù)node_modules/bar/package.json中main對(duì)應(yīng)的js文件進(jìn)行調(diào)用
// test.js
var test = require("./node_modules/test");

console.log(test.msg);
test.show();

對(duì)應(yīng)People.js

  • 因?yàn)槟K文件夾為node_modules(默認(rèn)文件夾),所以前面不需要./node_modules
var People = require("./node_modules/People");

var xiaoming = new People("小明","nan","12");

xiaoming.sayHello();

1.3.示例:ejs-moban

  • 這里僅僅使用了ejs非乘妥牵基礎(chǔ)的用法,僅僅可以起到演示的作用丘跌,如果讀者想深入了解ejs的更多知識(shí)袭景,請(qǐng)前往EJS官網(wǎng)查看相關(guān)文檔。

1.3.1.ejs測(cè)試

var ejs = require("ejs");

//模板
var string = "好高興啊,今天買(mǎi)了華為mate<%= a %>"
//數(shù)據(jù)
var data = {
    a:20
};

//數(shù)據(jù)綁定
var html = ejs.render(string,data);
//輸出
console.log(html);

1.3.2.使用ejs

  • 首先創(chuàng)建els文件闭树,在node.js文件里為該ejs綁定數(shù)據(jù)耸棒,然后render返回ejs靜態(tài)文件即可。

index.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <h1>好高興啊,今天買(mǎi)了華為mate<%= a %></h1>
    <ul>
        <% for (var i=0; i<news.length; i++){ %>
            <li><%= news[i] %></li>
        <% } %>
    </ul>
</body>

</html>

數(shù)據(jù)綁定文件:demo.js

var ejs = require("ejs");
var fs = require("fs");
var http = require("http")

var server = http.createServer(function (req,res) {
    fs.readFile("./views/index.ejs",function (err,data) {
        //綁定模板
        var template = data.toString();
        var dictionary = {
            a:20,
            news:["1班太牛逼啦","2班太牛逼啦","3班太牛逼啦","4班太牛逼啦","5班太牛逼啦","6班太牛逼啦"]
        };
        var html = ejs.render(template,dictionary);

        //顯示
        res.writeHead(200,{"Content-Type":"text/html;charset=UTF8"});
        res.end(html)
    });
});

server.listen(3000,"127.0.0.1");

2.字符串處理

var http = require("http");
var querystring = require("querystring");


var server = http.createServer(function (req,res) {
    if(req.url == "/dopost" && req.method.toLowerCase() == "post"){
        var alldata = "";
        req.addListener("data",function (chunk) {
            alldata += chunk;
        });

        req.addListener("end",function () {
            var datastring = alldata.toString();
            var dataObj = querystring.parse(datastring);
            console.log(dataObj.name);
            console.log(dataObj.sex);
            console.log(dataObj.hobby)
            res.end();
        });
    }
});

server.listen(3000,"127.0.0.1");

3.文件上傳

var http = require("http");
var querystring = require("querystring");
//引入工具類
var formidable = require('formidable');
var util= require("util");
var fs = require("fs");
var dateTime = require("date-time");
var path = require("path");


var server = http.createServer(function (req,res) {
    if(req.url == "/dopost" && req.method.toLowerCase() == "post"){

        // parse a file upload
        var form = new formidable.IncomingForm();
        //設(shè)置文件上傳地址
        form.uploadDir = "./uploads";

        form.parse(req, function(err, fields, files) {
            if(err){
                throw err;
            }
            // console.log(fields);
            // console.log(files);
            //所有的文本域报辱,單選框与殃,都在fields存放
            //所有的文件,files

            //輸出展開(kāi)后的文件信息
            console.log(util.inspect({fields:fields,files:files}));

            //當(dāng)前時(shí)間
            var time = dateTime();   //date-time模塊函數(shù)          //目前這個(gè)時(shí)間有毒碍现,有非法字符
            var ran = parseInt(Math.random() * 89999 + 10000);   //5位隨機(jī)數(shù)
            var extname = path.extname(files.tupian.name);       //取文件后綴名

            //執(zhí)行改名
            var oldpath = __dirname + "/" + files.tupian.path;
            //新的路徑由三部分組成:時(shí)間戳幅疼,隨機(jī)數(shù),拓展名
            var newpath = __dirname + "/uploads/" + ran +extname;
            console.log(newpath);
            //改名
            fs.rename(oldpath,newpath,function (err) {
                if (err){
                    throw Error("改名失敗");
                }
                res.writeHead(200, {'content-type': 'text/plain'});
                res.end("成功");
            });

        });

    }
});

server.listen(3000,"127.0.0.1");

4.初識(shí)express

  • 這里僅僅簡(jiǎn)單展示了一個(gè)express的示例昼接,目的是向讀者展示Node.js可以通過(guò)express簡(jiǎn)單高效地管理數(shù)據(jù)爽篷,路由與頁(yè)面,但其實(shí)express的功能比這強(qiáng)大得多慢睡,而且express在Node.js中有著很重要的地位逐工。

var express  = require("express");

var bodyParser = require("body-parser");

var app = express();

//模板引擎
app.set("view engine","ejs");

app.get("/",function (req,res) {
    res.render("form");
})

app.use(bodyParser.urlencoded({ extended: false }));

app.post("/",function (req,res) {
    console.log(req.body);
})

app.listen(3000);
  • 我們將會(huì)在下一節(jié)仔細(xì)講述強(qiáng)大的express,學(xué)會(huì)使用express之后一睁,我們便可以更加高效地編寫(xiě)Node.js程序钻弄。

文集推薦:

Java基礎(chǔ)方法集1
Python基礎(chǔ)知識(shí)完整版
Spring Boot學(xué)習(xí)筆記
Linux指令進(jìn)階
Java高并發(fā)編程
SpringMVC基礎(chǔ)知識(shí)進(jìn)階
Mysql基礎(chǔ)知識(shí)完整版
健康管理系統(tǒng)學(xué)習(xí)花絮(學(xué)習(xí)記錄)
Node.js基礎(chǔ)知識(shí)(隨手筆記)
MongoDB基礎(chǔ)知識(shí)
Dubbo學(xué)習(xí)筆記
Vue學(xué)習(xí)筆記(隨手筆記)

聲明:發(fā)表此文是出于傳遞更多信息之目的。若有來(lái)源標(biāo)注錯(cuò)誤或侵犯了您的合法權(quán)益者吁,請(qǐng)作者持權(quán)屬證明與本我們(QQ:981086665;郵箱:981086665@qq.com)聯(lián)系聯(lián)系饲帅,我們將及時(shí)更正复凳、刪除,謝謝灶泵。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末育八,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子赦邻,更是在濱河造成了極大的恐慌髓棋,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異按声,居然都是意外死亡膳犹,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)签则,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)须床,“玉大人,你說(shuō)我怎么就攤上這事渐裂〔蜓” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵柒凉,是天一觀的道長(zhǎng)族阅。 經(jīng)常有香客問(wèn)我,道長(zhǎng)膝捞,這世上最難降的妖魔是什么坦刀? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮绑警,結(jié)果婚禮上求泰,老公的妹妹穿的比我還像新娘。我一直安慰自己计盒,他們只是感情好渴频,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著北启,像睡著了一般卜朗。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上咕村,一...
    開(kāi)封第一講書(shū)人閱讀 49,772評(píng)論 1 290
  • 那天场钉,我揣著相機(jī)與錄音,去河邊找鬼懈涛。 笑死逛万,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的批钠。 我是一名探鬼主播宇植,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼埋心!你這毒婦竟也來(lái)了指郁?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤拷呆,失蹤者是張志新(化名)和其女友劉穎闲坎,沒(méi)想到半個(gè)月后疫粥,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡腰懂,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年梗逮,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片悯恍。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡库糠,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出涮毫,到底是詐尸還是另有隱情瞬欧,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布罢防,位于F島的核電站艘虎,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏咒吐。R本人自食惡果不足惜野建,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望恬叹。 院中可真熱鬧候生,春花似錦、人聲如沸绽昼。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)硅确。三九已至目溉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間菱农,已是汗流浹背缭付。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留循未,地道東北人陷猫。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像的妖,于是被迫代替她去往敵國(guó)和親烙丛。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 個(gè)人入門(mén)學(xué)習(xí)用筆記羔味、不過(guò)多作為參考依據(jù)。如有錯(cuò)誤歡迎斧正 目錄 簡(jiǎn)書(shū)好像不支持錨點(diǎn)钠右、復(fù)制搜索(反正也是寫(xiě)給我自己看...
    kirito_song閱讀 2,458評(píng)論 1 37
  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,125評(píng)論 0 3
  • 系列文章導(dǎo)航 模塊(二) es6 module typescript module 本文參考Javascript模...
    合肥黑閱讀 8,837評(píng)論 0 14
  • 搭建開(kāi)發(fā)環(huán)境并模擬交互數(shù)據(jù) 一赋元、實(shí)驗(yàn)說(shuō)明 下述介紹為實(shí)驗(yàn)樓默認(rèn)環(huán)境,如果您使用的是定制環(huán)境,請(qǐng)修改成您自己的環(huán)境介...
    玄月府的小妖在debug閱讀 2,116評(píng)論 0 15
  • Express是Node社區(qū)里的超級(jí)明星,他的作者TJ Holowaychuk也因此成為了社區(qū)里大紅大紫的開(kāi)發(fā)者护糖。...
    2MuchT閱讀 2,992評(píng)論 1 30