我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

轻松学Node.js

一、事件
NodeJs是基于事件驱动,拥有一个核心库:events,使用的时候需要引入:var events = require('events');

我们提供的服务有:成都做网站、成都网站设计、微信公众号开发、网站优化、网站认证、滦州ssl等。为数千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的滦州网站制作公司

1、util 是一个Node.js 核心模块,提供常用函数的集合,用于弥补核心JavaScript 的功能 过于精简的不足。
var util = require('util');
1、util.inherits
util.inherits(constructor, superConstructor) 是一个实现对象间原型继承的函数。
JavaScript 的面向对象特性是基于原型的,与常见的基于类的不同。JavaScript 没有提供对象继承的语言级别特性,而是通过原型复制来实现的

var events = require('events');
var util = require('util');
var Person = function (name) {
    this.name = name;
}
util.inherits(Person,events);  //Person继承了events事件机制
var kate = new Person('kate');
var lili = new Person('lili');
var lucy = new Person('lucy');
var persons = [kate,lili,lucy]
persons.forEach(function (val) {
    val.on('speak',function () {
        console.log(this.name)
    })
})
kate.emit('speak');
lili.emit('speak');

//结果:
"C:\Program Files\JetBrains\WebStorm 2018.3.3\bin\runnerw64.exe" "C:\Program Files\nodejs\node.exe" G:\nodeWork\004\001.js
kate
lili

二、读写文件(同步,异步)

var fs = require('fs');
var readMe = fs.readFile("readMe.txt", "utf8", function(err, data) { 
    console.log(data);
});

nodejs执行javascript是单线程的,语句还是一行行从上到下执行的,但是,nodejs维护了一个事件队列,readFile的回调函数会push到事件队列里面,主线程继续从上到下执行,当主线程空闲的时候,会执行事件队列里面的函数

var fs = require('fs');
fs.readFile('data.txt','utf8',function (err,data) {   //异步的事件、IO操作
    console.log(data)
})
var readMe = fs.readFileSync('data.txt','utf8')
console.log(readMe)
fs.writeFile('writeMe.txt',readMe,function (err,data) {
    console.log('write finished')
})
fs.writeFileSync('writeMe.txt',readMe)

三、创建和删除目录
创建目录:mkdir
删除目录:rmdir
删除文件:unlink
以上都是异步方法,同步方法,后面加sync

var fs = require('fs');
fs.writeFile('./file/readMe.txt','hello world',function (err,data) {
    console.log('write done')
})
/*
fs.unlink('./file/readMe.txt',function () {
    console.log('delete done')
})*/
fs.mkdir('./file/stuff',function (err,data) {
    fs.readFile('./file/readMe.txt','utf8',function (err,data) {
        fs.writeFile('./file/stuff/readMe.txt',data,function (err,data) {
            console.log('copy successful')
        })
    })
})

四、流和管道
好处:处理数据,提高性能

五、http模块,搭建web 服务器

1、响应纯文本给客户端

var http = require('http');
var server = http.createServer(function (request,response) {
    console.log('request received');
    response.writeHead(200,{'Content-Type':'text/plain'});
    response.end('hello from response')
})
server.listen(3000);
console.log('server listen on 3000')

2、响应json给客户端

var http = require('http');
var server = http.createServer(function (request,response) {
    console.log('request received');
    response.writeHead(200,{'Content-Type':'application/json'});
    var myObj = {
        name:'xiao',
        job:'11',
        age:20
    }
    //response.end('hello from response')
    response.end(JSON.stringify(myObj))
})
server.listen(3000);
console.log('server listen on 3000')

3、响应 HTML 页面给客户端

var http = require('http');
var fs = require('fs');
var server = http.createServer(function (request,response) {
    console.log('request received');
    response.writeHead(200,{'Content-Type':'text/html'});
    var myReadStream = fs.createReadStream(__dirname + '/index.html');

    myReadStream.pipe(response)
})
server.listen(3000);
console.log('server listen on 3000')

六、路由

//server.js
var http = require('http');
var fs = require('fs');
function startServer(){
    var server = http.createServer(function (request,response) {
        console.log('request received' + request.url);

        if(request.url == '/' || request.url == '/home'){
            response.writeHead(200,{'Content-Type':'text/html'});
            var myReadStream = fs.createReadStream(__dirname + '/index.html');
            myReadStream.pipe(response)
        }else if(request.url == '/about'){
            response.writeHead(200,{'Content-Type':'text/html'});
            var myReadStream = fs.createReadStream(__dirname + '/about.html');
            myReadStream.pipe(response)
        }else if(request.url == '/name'){
            response.writeHead(200,{'Content-Type':'application/json'});
            var jsonObj = {
                name:'kate'
            }
            response.end(JSON.stringify(jsonObj))
        }else{
            response.writeHead(200,{'Content-Type':'text/html'});
            var myReadStream = fs.createReadStream(__dirname + '/404.html');
            myReadStream.pipe(response)
        }

    })
    server.listen(3000);
    console.log('server listen on 3000')
}
module.exports.startServer= startServer;

七、使用 GET 或 POST 请求发送数据
浏览器传递数据给服务器
1、通过地址栏参数 get方法
2、通过表单 post方法

八、express学习
1、GET请求与响应
res.send(); send方法可以发送字符串,也可以发送json和数组,express已经处理好了
res.json(); json方法就只能处理json了

var express = require('express');
var app = express();
app.get('/',function(req,res){
    res.send('homepage');
        var jsonObj = { name:'kate' };
        res.send(jsonObj);
})
app.listen(3000);
console.log('listen at port 3000');

2、GET请求路由参数(req.params) http://localhost:3000/profile/1164168/xx
路由路径的参数是动态的,url里面带冒号的参数都是动态的,可以匹配无数种可能

var express = require('express');
var app = express();
app.get('/profile/:id/:name',function(req,res){
    res.send('homepage id is ' + req.params.id + ' homepage name is ' + req.params.name )
})
app.listen(3000);
console.log('listen at port 3000');

路由路径是正则表达式

3、GET请求查询字符串(req.query) http://localhost:3000/?find=hot
通过find取值,因为这个是在地址栏里面的URL,所以都属于请求的范畴,即都是通过req来取值

http://localhost:1818/?name=kate

var express = require('express');
var app = express();
app.get('/',function(req,res){
    console.log(req.query)  //{ name: 'kate' }
    res.send('index')
})
app.listen(1818);
console.log('listen at port 1818');

4、POST 请求 和 Postman 工具(模拟表单的请求)
Postman 工具:模拟表单请求,来推送post请求
body-parser:用于处理post请求的库,
安装:npm install body-parser --save
使用:获取到的信息,都存储在req.body里面

var express = require('express')
var bodyParser = require('body-parser')
var app = express()
// parse application/x-www-form-urlencoded   处理urlencoded,正常的key=value格式数据
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json  处理json格式数据
app.use(bodyParser.json())
app.post('/',function(req,res){
    console.log(req.body);
    res.send('post请求');
})

轻松学 Node.js
x-www-form-urlencoded:正常的表单提交,不带文件上传,还会对特殊字符进行编码,带%的那种
form-data:带文件上传的表单提交

页面既有keyvalue格式数据,也有json格式数据,怎么解析

var express = require('express');
var bodyParser = require('body-parser')

var app = express();
// create application/json parser
var jsonParser = bodyParser.json()

// create application/x-www-form-urlencoded parser
var urlencodedParser = bodyParser.urlencoded({ extended: false })

app.post('/', urlencodedParser, function(req, res) {
    console.dir(req.body);
    res.send(req.body.name);
});

app.post('/upload', jsonParser, function(req, res) {
    console.dir(req.body);
    res.send(req.body.name);
});

app.listen(3000);
console.log('listening to port 3000');

轻松学 Node.js
轻松学 Node.js

5、板模引擎介绍
res.sendFile( __dirname + '/form.html');
//渲染页面到前台,此页面是静态页面,不能渲染数据,是express自带的方法

板模引擎:可以解决渲染数据到页面的问题

EJS:
安装:npm install ejs --save
使用:
app.set('views', './views')
app.set('view engine', 'ejs');
然后在根目录下创建views文件夹,在views文件夹下创建模板文件,如news.ejs
渲染模板文件:res.render();

app.get('/form/:name', function(req, res) {
    var person = req.params.name;
    res.render('form', { person: person });
});

news.ejs

<%= person %>

6、中间件

var express = require('express');
var app = express();
app.use('/assets', express.static('public'));

app.use(function(req, res, next) {
    console.log('first middleware');
    next();
    console.log('first middleware after');
})

app.use('/home', function(req, res, next) {  //中间件可以代替路由的功能,如代替了下面的get方法路由
    console.log('second middleware');
    res.send('ok');  //这个中间件里面没有next,后续的中间件就不会执行了,结束了请求,页面处于挂起状态,不能正确渲染
})

// app.get('/', function(req, res, next) {
//     res.send('ok');
// })

app.listen(3000);
console.log('listening to port 3000');

7、路由中间件

PS:
app.use():表示使用一个中间件,比如:app.use(bodyParser.urlencoded({ extended: false }))
app.get()、app.post():表示定义一个请求接口

8、和请求相关的都放到控制器里面,即controller,和操作数据库相关的,放到model里面,和页面显示相关的,放在view里面


网页题目:轻松学Node.js
当前网址:http://mswzjz.cn/article/jisepc.html

其他资讯