1.events模块
events模块的使用主要有四步
首先require我们的events模块,然后创建一个eventEmitter对象,再然后注册事件并写出回调函数,第四步使用对象的emit方法触发事件。
如果希望事件异步执行,可以在回调函数中调用setImmdiate函数。
//引入事件模块
let events=require('events');
//创建eventEmitter对象,实例化对象的时候要使用new关键字
let myE=new events.EventEmitter();
//注册事件
myE.on('someEvent',(str)=>{
setImmdiate(()=>{
console.log('注册事件并异步执行'+str);
})
})
//触发事件,两个参数:触发的事件名,传入事件的回调函数的参数
myE.emit('someEvent'," ojbk");
注册事件除了on关键字,还可以使用once关键字。顾名思义,once关键字注册的事件在触发一次之后就会被注销。
let events=require('events');
let myE=new events.EventEmitter();
let cnt=0;
myE.on('pig',()=>{
console.log(cnt++);
})
for(let i=0;i<3;i++){
myE.emit('pig');
}
//0 1 2
let events=require('events');
let myE=new events.EventEmitter();
let cnt=0;
myE.once('pig',()=>{
console.log(cnt++);
})
for(let i=0;i<3;i++){
myE.emit('pig');
}
//0
2.文件模块
文件模块fs包含的方法有文件的读取,写入,删除等等,并且与事件模块一样有同步的版本也有异步的版本。
const fs=require('fs');
let pig=fs.readFileSync('url','utf-8');//同步读取
fs.writeFileSync('url','happy pig year')//同步写入
同步的写入与读取都有两个参数,第一个参数都是文件的路径,读取的第二个参数为读取的编码格式,写入的第二个参数为写入的内容。
fs.readFile('url','utf-8',(err,data)=>{
if(err)throw err;
console.log(data);
});
而异步的读取与写入多了一个回调函数作为第三个参数,这个回调函数有两个参数,第一个是异常err,第二个是读取的data。
fs.unlink('url',(err)=>{
if(err)throw err;
console.log("文件删除成功");
})
删除文件使用fs对象的unlink方法,传入需要删除的文件路径和回调函数。
fs.mkdir('stuff',()=>{
console.log("创建成功!")
})
fs对象下的mkdir方法可以用于异步创建文件夹
fs.rmdir('stuff',(err)=>{
if(err) throw err;
console.log("删除成功!")
})
fs对象下的rmdir方法可以用于异步的删除文件夹,但是前提是文件夹必须为空。
若想删除非空的文件夹,需要先用unlink方法删除文件夹里的文件。可以在在rmdir的回调函数中写unlink方法。
3.http模块
运用这个模块,我们可以在本地搭建自己的服务器。
客户端与服务端通过socket连接,客户端发送给服务端请求需要满足Http或Https协议,服务端给客户端返回信息满足TCP协议
//通过Http模块搭建本地服务器
let http=require('http');
//创建服务器方法
let server=http.createServer((req,res)=>{
console.log("客户端向服务器发送请求"+req.url);
res.writeHead(200,{"Content-type":"text/plain"});//响应头,给客户端发送纯文本信息
res.end("server is working")
})
//服务对象监听服务器地址及端口号
server.listen(6174,"127.0.0.1");
console.log("server is running")
首先要引入http模块,然后通过返回的对象的createServer方法创建服务器,这个方法有一个回调函数,传入的两个参数分别是require和response。可以在回调函数中编写我们的请求头。创建的server对象中的listen方法可以设置监听对象的端口号和服务器地址。
4.Buffer模块
Buffer是Node.js中的一个全局对象,所以Buffer对象的不需要引入buffer模块。
Buffer的作用主要是为服务器通过TCP向客户端发送的数据提供缓冲,Buffer存储了一小块一小块的数据后以stream(流)的形式发送给客户端。流的传输通过pipe(管道)实现。
let fs=require('fs');
//读取文件流
let pig=fs.createReadStream(__dirname+'/pig.txt','utf8');
//写入文件流
let pigger=fs.createWriteStream(__dirname+'/pigger2.txt');
pig.pipe(pigger);
/*
pig.on('data',(chunk)=>{
console.log("=====正在接受====");
console.log(chunk);
pigger.write(chunk);
})
*/
由于stream模块是eventEmitter new出来的一个实例,所以也可以通过.on方法注册一个事件来读取数据流,但是事件名是规定好的,只能叫data。
可以通过.write写入数据流,也可以直接使用pipe写入数据,括号中参数为写入的对象。
let http=require('http');
let fs=require('fs');
let server=http.createServer((req,res)=>{
res.writeHead(200,{"Content":"text/plain"});
let rs=fs.createReadStream(__dirname+'/pig.txt','utf8');
rs.pipe(res);
console.log("server is running");
})
server.listen(6174,'127.0.0.1');
结合第3、4个模块,就可以将本地的txt文件展示到浏览器上辣~
但是pipe的路径需为response。
除了展示txt,还可以展示html文件和json文件。只需修改请求头即可
res.writeHead(200,{"Content":"text/html"});
let rs=fs.createReadStream(__dirname+'/pig.html','utf8');
5.Router路由
let http=require('http');
let fs=require('fs');
let server=http.createServer((req,res)=>{
if(req.url==='/'||req.url==='/home') {
res.writeHead(200, {"Content": "text/html"});
fs.createReadStream(__dirname+'/pig.html','utf8').pipe(res);
console.log("visit pig")
}else if(req.url==='/doc'){
res.writeHead(200,{"Content":"text/html"});
fs.createReadStream(__dirname+'/doc.html','utf8').pipe(res);
console.log("visit doc")
}
})
server.listen(6174,'127.0.0.1');
console.log("server is running");
6.npm的使用
npm的全称是node package manager,可以通过npm下载到好用的第三方库如jQuery。
下载第三方库:
npm install
例如:npm install jquery
要安装某个某块,必须要在对应的路径上存在package.json文件,用于定义各种基础数据,可以通过npm init
安装package.json。
package.js长这样:
{
"name": "pig",
"version": "1.0.0",
"description": "node app",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
当使用npm下载了模块后,项目中会出现一个新文件夹叫node_modules,里面装的都是第三方库或者框架。
卸载第三库方法:npm uninstall
但是单单使用上面的代码没有办法让安装的库存储到package.json文件中,我们可以使用npm install jquery --save
这时package.json中就会在dependences中记录安装的库
npm install jquery --save-dev
可以记录项目当中运用的库
7.express框架
安装方法:npm install express -save-dev
安装nodemon:npm install -g nodemon
express模块的使用:
//引入express模块
let express=require('express');
//实例化express对象
let app=express();
//调用对应的方法(路由)
app.get('/',(req,res)=>{
console.log(req.url);
res.send('home page');
})
app.get('/contact',(req,res)=>{
console.log(req.url);
res.send('contact page')
})
//路由参数,第二个/后面为路由参数,根据输入的内容返回不同的歌内容
app.get('/pig/:id',(req,res)=>{
res.send('visit id:'+req.params.id);
})
//监听服务器端口
app.listen(6174);
EJS模板引擎的使用
在项目中安装:`npm install ejs --save-dev
//引入express模块
let express=require('express');
//实例化express对象
let app=express();
//配置视图引擎
app.set('view engine','ejs');
//调用对应的方法(路由)
app.get('/',(req,res)=>{
console.log(req.url);
res.sendFile(__dirname+'/index.html');
})
app.get('/contact',(req,res)=>{
console.log(req.url);
res.send('contact page')
})
//路由参数,第二个/后面为路由参数,根据输入的内容返回不同的歌内容
app.get('/pig/:id',(req,res)=>{
res.render('project',{name:"ejs!!"});
});
//监听服务器端口
app.listen(6174);
<%= name%>
在ejs文件中如果要写js代码,只需加上<%%>即可(emm有点像php)
app.get('/pig/:id',(req,res)=>{
let data=[{age:18,name:"yuan"},{age:180,name:"idler"}]
res.render('project',{webSite:req.params.id,data:data});
});
<% data.forEach((item)=>{%>
- <%= item.age %>
- <%= item.name %>
<%})%>
如何让ejs识别外部的css或是公共模板?
公共模板:
<% include ../public/nav.ejs %>
让服务器识别外部的样式表:
//让服务器识别外部样式表
app.use('/assets',express.static('assets'))
TodoApp项目
1.创建项目&配置环境
npm init
npm install express --save-dev
npm install ejs body-parser --save-dev