《Web应用开发实战》课件-单元1 Node.js认知

1.1Node.js简介引入JavaScript脚本语言为网页添加各式各样的动态功能，提供更流畅美观的浏览效果。浏览器Http服务端HttpHttp请求响应前端后端JavaScriptJavaScript目录01什么是Node.js02Node.js发展历史03Node.js特点及应用场景04Node.js与JavaScript区别什么是Node.jsNode.js--是一个基于ChromeV8引擎的JavaScript运行环境，是一个为实时Web应用开发而诞生的平台。--让JavaScript运行在服务器端的平台，是JavaScript语言的服务器运行环境。--采用Google公司的V8引擎作为JavaScript语言解释器，通过自行开发的libuv库来调用操作系统资源。实时Web应用开发平台用于方便地搭建响应速度快、易于扩展的网络应用架构可扩展性实时响应、超大规模数据要求程序设计模式摒弃了传统平台依靠多线程来实现高并发的设计思路采用了单线程、异步I/O、事件驱动式什么是Node.js诞生自2009年瑞安·达尔在GitHub上发布Node.js的最初版本2022年4月Node.js18.0.0发布将V8JavaScript引擎更新到10.1版本2010年1月Node.js包管理器npm诞生3月Express.js问世2023年12月Node.js21.0.0正式发布长期支持版本Node.js4.0发布Node.js发展历史2020年用户从NodeSource下载Node.js的次数接近1亿次--里程碑2011年7月Node.js在微软的赞助下发布了Windows版本单线程模型，在执行过程中只启动一个线程来运行代码CPU和内存在同一时间集中处理一件事，同时尽可能让耗时的I/O操作并行执行采用异步式I/O与事件驱动架构设计HTTP类库，快速构建HTTP客户端和服务器作为服务器向用户提供服务内置HTTP服务器有上万个第三方模块网站开发框架、数据库接口，模板语言解析、CSS生成工具、图形用户界面和操作系统API工具等拥有强大的包管理器Node.js特点及应用场景二进制类库、核心模块二进制类库包括libuv，为网络以及文件系统提供了快速的时间轮循以及非阻塞I/O具有强大的标准类库RESTfulAPI01实时多人游戏02后端Web服务03基于Web的应用04多客户端的通信05Node.js特点及应用场景区别JavaScriptJavascript是一种Web前端语言，由浏览器解析执行，受制于浏览器提供的接口。浏览器为了安全考虑，对文件操作、网络操作、操作系统交互等功能有严格的限制，所以在浏览器端的JavaScript

功能受限。Node.jsNode.js与JavaScript区别Node.js事实上既是一个运行环境，同时又是一个库。Node.js完全没有浏览器端的限制，让JavaScript拥有了文件操作、网络操作、进程操作等功能，允许脱离浏览器环境运行JavaScript代码。Node.js小结什么是Node.js让JavaScript运行在服务器端的平台,是JavaScript语言的服务器运行环境Node.js发展历史有史以来发展最快的开发工具之一Node.js特点及应用场景单线程、异步I/O、事件驱动式的程序设计模式开发Web服务API、实时多人游戏、后端的Web服务等Node.js与JavaScript的区别Javascript是一种Web前端语言，Node.js是JavaScript语言的服务器运行环境。1.2Node.js环境安装引入一个好的代码开发环境将会使编程效率得到大幅度提高。硬件用户代码V8引擎osapi内置模块代码第三方库代码libuv核心模块代码fs、http、path等目录01Node.js的安装02HBuilder的安装Node.js的安装Node.js下载Node.js中文网显示当前Node.js的版本号，说明Node.js安装成功。Node.js的安装

测试Node.js环境HBuilder的安装

安装nodeclipse插件HBuilder的安装小结Node.js的安装下载安装、测试版本HBuilder的安装界面美观，开发性能高安装nodeclipse插件1.3第一个Node.js程序引入创建一个输出“helloworld”的Node.js程序。JAVASCRIPT目录01Node.js程序编写02Node.js程序运行编写Node.js程序语句以

;

结尾，语法规则同前端JavaScriptconsole对象将调试信息显示到控制台开发过程测试非常有用运行Node.js程序nodehello.jsnodemonhello.js在GitBash下运行nodehello.jsnodemonhello.js在CMD中运行右击文件—运行方式—1NodeApplication在HBuilder

中运行1.在HBuilder

中运行运行方式控制台显示运行结果右击要运行的js文件1NodeApplication运行Node.js程序2.在DOS命令窗口中运行—node命令若是代码发生改变，需要再次运行该文件，查看最新运行结果。运行Node.js程序2.在DOS命令窗口中运行—nodemon命令nodemon是一种工具，可以自动检测到目录中的文件更改，通过重新启动应用程序来调试Node.js程序。nodemon必须先安装运行Node.js程序3.在GitBash下运行Git是版本控制工具。GitBash是一个适用于Windows环境的模拟Unix命令行的终端。Git必须先安装运行Node.js程序小结在HBuilder

中运行单文件的简单代码在CMD中运行node，代码改变，需重新运行nodemon，自动重启，推荐使用在GitBash下运行方法同CMD中运行1.4console对象使用引入输出程序运行结果或者中间变量信息，方便调试代码、排查错误或指导下一步编程。目录01console对象常用方法02console对象运行方式console对象常用方法

console对象提供了一个简单的调试控制台，类似于Web浏览器提供的JavaScript控制台。

使用console对象的一系列方法可以将调试模式的信息输出到控制台。方法功能console.log()在控制台输出一条信息，常用于调试程序console.info()在控制台输出一条信息，与console.log()用法一样console.error()输出错误信息到控制台console.warn()控制台输出警告信息console.table()以表格形式显示数据console.time()定义计时器的起始方法，与timeEnd()方法联合使用，可计算出一个操作花费的时间console.timeEnd()结束计时console.assert()相当于一个条件判断，当第一个参数为false时，将在控制台输出第二个参数信息console对象常用方法综合使用console对象的一系列方法进行信息和数据输出。示例console对象常用方法新建html文件01运行程序03编写代码02//1：输出信息。console.log("商品名：%s,价格：%d元",'PC005-3A',100);

//普通信息console.info('数据传输成功');//提示信息console.error('数据格式错误');//错误信息console.warn('数据格式错误');//警告信息

//2：输出对象的层次结构。varmyObj=

{publisher:"人民邮电",site:""};console.dir(myObj);

输出信息输出对象的层次结构console对象常用方法console.html示例代码//3：输出数据表格化。constp1={name:"PC005-3A",size:"101mm",price:108}console.table(p1);//4：统计代码执行时间。 console.time('Tag');for(vari=0,count=0;i<99999;i++){ count++;}console.timeEnd('Tag');

输出数据表格化统计代码执行时间console对象常用方法console.html(续)示例代码

//5：当表达式为false时，输出信息。varflag=false;console.assert(flag,'当flag为false时才输出！'); console.assert(11==11,"什么都不做");

当表达式为false时，输出信息console对象常用方法console.html(续)示例代码1.双击文件，在浏览器中打开页面console对象运行方式按F12键查看运行结果：2.新建js文件，写入代码，直接运行console对象运行方式在HBuilder控制台，查看结果：小结console对象运行方式1.HTML文件，在浏览器中按F12，在控制台查看2.JS文件写入代码，运行文件，查看结果console对象常用方法console.log()、()、console.error()、console.warn()、console.table()console.time()、console.timeEnd()console.assert()1.5解构商品数据引入分析数据结构，使用对象和数组对应的解构方法，提取数据。对象{......}数组[......]目录01实训需求02实训步骤03实现过程实验需求解构商品数据从包含三个商品对象的数组中，提取出商品名输出。输出结果：实验步骤新建js文件01运行项目03编写代码02项目实现1.新建js文件varproducts=[

//数组，其中元素为对象

{ "name":"PC005-3A", "size":"101mm", "price":108

}, { "name":"PC008-1withdiode", "size":"93mm", "price":216 }, { "name":"PC008-3A", "size":"99mm", "price":295 }]//输出所有商品名称for(vari=0;i<products.length;i++){//遍历数组 console.log(products[i].name);}数组含三个对