- 注意: 撰寫(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í)更正复凳、刪除,謝謝灶泵。