当前位置： 首页 > news >正文

外贸网站制作推广公司今日头条新闻最新

news 2025/7/18 20:24:59
外贸网站制作推广公司,今日头条新闻最新,2018年做网站还能,dw网页制作步骤图文cs61.Node.js入门案例 1.1.什么是Node.js JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但…

1.Node.js入门案例

1.1.什么是Node.js

在这里插入图片描述

JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。

每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了document之类的内置对象。而运行在NodeJS中的JS的用途是操作磁盘文件或搭建HTTP服务器，NodeJS就相应提供了fs、http等内置对象。

在这里插入图片描述

Node.js是一个调用内置ApI并且基于Chrome V8引擎的js运行环境，之前自己在本地总结了一些零散的只知识点，今天整合一下发出来。

1.2 Node.js可以做什么
  • 基于 Express 框架（http://www.expressjs.com.cn/），可以快速构建 Web 应用。
  • 基于 Electron 框架（https://electronjs.org/），可以构建跨平台的桌面应用
  • 基于restify框架（http://restify.com/），可以快速构建 API 接口项目
  • 读写和操作数据库、创建实用的命令行工具辅助前端开发
1.3.Node.js安装

下载链接：https://nodejs.org/en/

官方提供两个版本：

在这里插入图片描述

  • LTS：长期稳定版
  • Current：尝鲜版

按照官方提供的步骤安装完成后，查看node的版本

node -v

在这里插入图片描述

1.4.在Node.js中运行JS代码

（1）准备js代码

const name = "李祥";
console.log(name);

（2）运行js代码

李祥

2.Node.js内置的模块

2.1.文件系统fs模块

fs模块：node提供用来操作文件的内置模块，模块里有很多属性和方法，用于处理文件。

（1）读取文件内容

// path:路径
// options:编码格式
// callback:回调函数
fs.readFile(path,options,callback)

const fs = require('fs');
fs.readFile('./a.txt','utf-8',(err,data)=>{if(err){console.log(err);}console.log(data);
})
  • a.txt文件中的内容：

在这里插入图片描述

  • 运行结果：
I am 李祥
I like 写代码

（2）写入文件内容

// path：路径
// content：写入的内容，注意应是字符串方式
// callback：回调函数
fs.writeFile(path,content,callback);

const fs = require('fs');
const content = '写入文件的内容';
fs.writeFile('./a.txt',content,(err)=>{if(err){console.log(err);}console.log('写入成功');
});
  • a.txt文件中的内容：
写入文件的内容

（3）追加文件内容

// path:路径
// content：写入内容
// callback：回调函数
fs.appendFile(path,content,callback);

const fs = require('fs');
const contentAppend = '追加文件内容';
fs.appendFile('./a.txt',contentAppend,err=>{if(err){console.log(err);}console.log('追加成功');
});
  • a.txt文件中的内容：
写入文件的内容追加文件内容

注意点：

  • readFile只能读取已经存在的文件。
  • writeFile写入内容已经有文件，则创建同名文件，再写入文件。
  • readFile需要在writeFile后面读取，不然出错。
2.2.路径path模块

（1）解决node启动相对路径问题

执行启动node进程时，是以当前终端的路径进行拼接代码中的相对路径。当前路径有出入时，会出现路径拼接错误。

举个栗子：这段代码，如果我进到当前js文件的路径下进行执行没有问题。

在这里插入图片描述

但是，如果我在他的上一层执行这个文件，就会报错。

在这里插入图片描述

如何解决这个问题呢，路径前缀加上绝对路径的标识。

在这里插入图片描述

在这里插入图片描述

（2）join方法的用法

path.join用于路径的拼接

const fs = require('fs');
// 路径拼接的方法：path.join()
const dirPath = path.join(__dirname,'a.txt');
fs.readFile(dirPath,'utf-8',(err,data)=>{if(err){console.log(err);return;}console.log(data);
});

（3）获取文件的路径和扩展名

const path = require('path');//获取路径中的最后一部分 path.basename()
require('path').basename('/test/something') //运行结果：something
require('path').basename('/test/something.txt') //运行结果：something.txt
require('path').basename('/test/something.txt', '.txt') //运行结果：something//获取路径中的目录部分 dirname()
require('path').dirname('/test/something') // 运行结果：/test
require('path').dirname('/test/something/file.txt') // 运行结果：/test/something//获取路径中的扩展名部分 extname()
require('path').extname('/test/something') // 运行结果：''
require('path').extname('/test/something/file.txt') // 运行结果：'.txt'
2.3.网络http模块

定义：Node.js提供创建web服务器

（1）初始化一个web服务器

// 引入http模块
const http = require('http');// 创建服务器
const server = http.createServer();//监听客户端的请求
server.on('request',(req,resp)=>{const mess = `请求地址：${req.url},请求方法:${req.method}`;//解决中文乱码的问题resp.setHeader('Content-Type', 'text/html;charset=utf-8');//响应的内容和结束本次请求resp.end(mess);
});//启动服务
server.listen(3000,()=>{console.log('服务运行在：http://127.0.0.1:3000');
});

（2）根据浏览器访问的url地址不同，返回不同的资源

//引入http模块
const http = require('http');//创建服务器
const server = http.createServer();//监听客户端的请求
server.on('request', (req, res) => {//设置默认的返回内容let mess = '404 页面请求失败';//判断请求的地址if (req.url === '/' || req.url === '/home') {mess = '<h1>首页</h1>';} else if (req.url === 'about') {mess = '<h1>关于</h1>';}res.setHeader('Content-Type', 'text/html;charset=utf-8');res.end(mess);
});//启动服务器
server.listen(3000, () => {console.log('服务运行在：http://127.0.0.1:3000');
});
2.4.缓冲区Buffer

Buffer 定义：Buffer 是内存区域，固定大小的内存块，可以将buffer视为数组，每个元素代表一个数据字节，由Node中Buffer类实现。

Buffer的数据形式：保存在Buffer中的数据是以十六进制的形式展示的，更加简短，但是计算机底层处理的还是二进制数据。

const buf = Buffer.from('lixiang');
console.log(buf);const buf1 = Buffer.from('理想');
console.log(buf1);//将字符串转成buffer
Buffer.from('lixiang');//创建一个指定大小的buffer
console.log(Buffer.alloc(10));//在buffer池中使用原有的buffer，可能含有敏感数据，但是性能会更好
console.log(Buffer.allocUnsafe(10));//将buffer转成字符串
const change = Buffer.from('lixiang');
change.toString();
  • 运行结果：
<Buffer 6c 69 78 69 61 6e 67>
<Buffer e7 90 86 e6 83 b3>
<Buffer 00 00 00 00 00 00 00 00 00 00>
<Buffer 00 00 00 00 00 00 00 00 00 00>
2.5.流Stream

Stream : 是一种以高效的方式处理读/写文件io、网络通信、或任何类型的端到端的信息交换。

在传统的方式中，读取文件时，会将文件从头到尾读入内存（buffer），然后进行处理。

使用流，则可以逐个片段地读取并处理。

const fs = require('fs');
const path = require('path');// 创建可读流
const flowa = fs.createReadStream(path.join(__dirname,'/a.txt'));
// 创建可写流
const flowb = fs.createWriteStream(path.join(__dirname,'/b.txt'));// 通过pipe建立管道流
flowa.pipe(flowb);// 监听数据完成流向
flowa.on('end',()=>{console.log('数据流向成功');
});

3.Express框架开发

3.1.Express框架发起请求

基于Node.js平台，快速、开发、极简的web开发框架。

其实就是node npm包管理工具中的第三方包，可以使用express快捷创建服务器。

其他的node框架koa2。

（1）发起get请求

// 创建服务器
const express = require("express");
const app = express();
app.get('/user/info',(req,resp)=>{console.log(req.query);console.log('查询用户信息');const userInfo = {id:10001,name:'李祥'}resp.send(userInfo);
});
  • 运行结果：
{"id":"100001","name":"李祥"
}

（2）发起post请求

// 创建服务器
const express = require("express");
const app = express();
app.post('/user/login',(req,resp)=>{console.log(req.body);console.log('查询用户信息');const userInfo = {code:200,msg:'',data:null}resp.send(userInfo);
});
  • 运行结果：
{"code":200,"msg":"","data":null
}
3.2.Express框架路由

express中的路由

前端中的路由 router 一样，在不同的路由页面展示不同的内容

express中的路由就是不同路径的接口，响应客户端不同的数据

（1）创建路由模块

const express = require("express");
// 创建路由模块
const router = express.Router();router.get('/user/info',(req,resp)=>{console.log(req.query);console.log('查询用户信息');const userInfo = {id:10001,name:'李祥'}resp.send(userInfo);
});router.post('/user/login',(req,resp)=>{console.log(req.body);console.log('查询用户信息');const userInfo = {code:200,msg:'',data:null}resp.send(userInfo);
});module.export = router;

（2）使用中间件注册路由模块

const router = require('./router/user');
//使用中间件注册路由模块
app.use(router);
  • 运行结果是一样的。
3.3.全局注册和局部注册

全局使用，直接用app.use()即可，所有的接口都会走中间件的逻辑

app.use(middle);

局部使用，就在指定的请求上加入中间件即可

当有多个中间件时，传入一个数组即可，一个就传入当前的这个中间件名称就可以了

app.get('/user/info',[middleA,middleB],(req,resp)=>{});

（1）中间件的定义

// 声明一个中间件
const middle = (req, res, next) => {console.log('一个中间件');/*** 逻辑处理*///逻辑处理完成后，必须调用next()将程序交给下个中间件或者路由，否则程序停止next();
};

（2）全局中间件注册

const express = require('express');
const app = express();const middleA = (req,resp,next)=>{console.log('中间件处理middleA');next();
}
app.use(middleA);
app.get('/user/info',(req,resp)=>{console.log(req.query);console.log('查询用户信息');const userInfo = {id:10001,name:'李祥'}resp.send(userInfo);
});
  • 运行结果：
控制台打印：
中间件处理middleA

（3）局部中间件注册

app.get('/user/info',middleA,(req,resp)=>{console.log(req.query);console.log('查询用户信息');const userInfo = {id:10001,name:'李祥'}resp.send(userInfo);
});
3.4.五种类型中间件

（1）内置中间件

  • express内置的中间件4.16.0+
  • express.json()解析json格式请求提数据
  • express.urlencoded()解析url-encoded格式请求体数据
app.use(express.json());
app.use(express.urlencoded());

（2）应用级别中间件

  • 全局中间件和局部中间件直接绑定在app的实例上，就叫应用级别中间件
//全局中间件
app.use(middleware);
//局部中间件
app.get("/user/info", middleware, () => {});

（3）路由级别中间件

  • 中间件绑定在路由router实例上
router.use(middleware);

（4）错误级别中间件

  • 在全局项目中捕获异常错误，防止项目报错异常崩溃
app.use((err, req, resp) => {resp.send(err.message);
});

（5）第三方中间件

  • body-parser中间件，解析请求体json、url-encoded数据
  • 下载：cnpm i body-parser -S
const bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extend:false}));

OK，结束啦，记得给博主三连哦！！！
在这里插入图片描述

http://www.zhongyajixie.com/news/34508.html

相关文章：

  • iis做的网站手机怎么访问百度seo 优化
  • 长沙营销型网站制作费用长春视频剪辑培训机构
  • 做网站至少多少钱关键词排名技巧
  • 阿里云网站核验单免费学生网页制作成品代码
  • 深圳百度网站排名优化网站新站整站排名
  • 阳江网站seo公司网站推广经验
  • 网站开发下人员配置b2b电子商务平台有哪些
  • 宜昌网站设计公司2024年重大政治时事汇总
  • 北京疫情情况 最新消息移动端关键词优化
  • 石家庄专业模板网站制作价格西安网站seo技术厂家
  • 一个网站的后台怎么做云浮seo
  • 做网站建设给人销售域名注册平台有哪些
  • 用香港服务器建网站做微商百度搜索排名查询
  • 西安网站设计开发人才在线刷seo
  • 青海设计网站汕头网站建设方案开发
  • wordpress多站点支付插件sem是什么牌子
  • 济南网站建设选搜点网络VIP1688关键词排名查询
  • 在日本做游戏视频网站百度销售岗位怎么样
  • 做网站定制开发的公司哪家好网站排名靠前方法
  • 网络营销运营策划seo专员是做什么的
  • jsp网站服务器如何做防护百度号码
  • 朔州做网站的公司成都sem优化
  • 帮别人做买家秀的网站晚上免费b站软件
  • 用手机做空间建网站青岛seo服务哪家好
  • 网站排名优化培训课程成人再就业技能培训班
  • python做网站好用吗百度站长工具验证
  • 青州网站开发百度登陆页面
  • 邯山专业做网站seo标题优化步骤
  • 长沙网站建设网站天津疫情最新消息
  • 东莞虎门做网站推动高质量发展