美文网首页
Node.js学习

Node.js学习

作者: 恰似一碗咸鱼粥 | 来源:发表于2019-02-05 19:23 被阅读0次

    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 <module name>
    例如: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 <node module>
    但是单单使用上面的代码没有办法让安装的库存储到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);
    
    <h1><%= name%></h1>
    

    在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});
    });
    
    <ul>
        <% data.forEach((item)=>{%>
            <li><%= item.age %></li>
            <li><%= item.name %></li>
        <%})%>
    </ul>
    

    如何让ejs识别外部的css或是公共模板?
    公共模板:

    <nav>
        <ul>
            <li><a href="/">home</a></li>
            <li><a href="/contact">contact</a></li>
            <li><a href="/project">project</a></li>
        </ul>
    </nav>
    
    <% 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

    相关文章

      网友评论

          本文标题:Node.js学习

          本文链接:https://www.haomeiwen.com/subject/pomvsqtx.html