文档详情

4.5-Node.js应用开发项目化教程（慕课版）- 实训4 前后端商品数据交互.pptx

发布：2024-11-12约2.09千字共11页下载文档

文本预览下载声明

前后端商品数据交互

引入如何实现前后端交互，显示数据信息？前端页面HttpNode.js服务端JSON文件HttpHttppage

目录01实验需求02实验步骤03项目实现

实验需求创建后端服务，并解决跨域，将product.json文件数据响应到前端，在模板页面中将商品信息渲染出来。

实验步骤修改index.html模板页面，向服务器发送请求，并接收响应数据03准备product.json文件01编写server_json.js文件，构建服务器02运行项目04

{data:[{id:1,name:PC008-1

显示全部

相似文档

5.5-Node.js应用开发项目化教程（慕课版）- 实战-查询商品信息.pptx 查询商品信息引入如何将数据库中的数据查询出来显示在Web页面上？目录01实训需求02实训步骤03实现过程实训需求查询DuDaInfo数据库中的product表数据，通过Web页面实现商品信息的展示。实训步骤局部安装mysql模块02编写客户端代码04准备静态页面模板01编写服务器端代码03运行项目，查看页面效果05 包含CSS样式、图片、JS文件和HTML页面网上下载或自行设计静态页面模板0102index.html，产品展示区域呈现四个商品信息首页中进行商品布局设计sectionclass=product!--注意父元素class属性--ulli..
2024-11-11 约2.88千字 18页立即下载
任务7-Node.js应用开发项目化教程（慕课版）-.2 实现首页商品显示.pptx 实现首页商品显示引入如何在Express框架中将数据库中的信息查询出来显示在页面模板中？目录01任务需求02实现步骤03任务实现任务需求在Express中完成MySQL数据库表中的商品数据查询，使用模板引擎中的布局样式显示在页面中。最新上架四个商品http://localhost:3005/ 实现步骤编写路由代码03启动项目，浏览页面05创建模板引擎02模板引擎解析数据01数据准备04 product表：id为主码、自增1.数据准备任务实现连接数据库DuDaInfo，查询product表中最新上架的4个商品数据。任务实现1.数据准备SELECTid,name,price,ima
2024-11-10 约2.63千字 18页立即下载
任务7-Node.js应用开发项目化教程（慕课版）-.3 实现分类商品列表显示.pptx 实现分类商品列表显示引入如何将数据库中的信息按照分类查询出来显示在模板页面？目录01任务需求02实现步骤03任务实现任务需求在Express中完成MySQL数据库表中的分类商品数据查询，显示在模板页面中。点击[数码产品]超链接地址栏带参数：/product?cat_id=3默认所有商品列表/product 实现步骤编写路由代码03启动项目，浏览页面05创建模板引擎02模板引擎解析数据01数据准备04 数据库DuDaInfo，商品类别表product_category、商品表product。任务实现1.数据准备product_category表，cat_id为主码product表，cat
2024-11-11 约2.6千字 16页立即下载
2.6-Node.js应用开发项目化教程（慕课版）- 实战-格式化商品日期.pptx 格式化商品日期引入如何模块化实现商品发布日期的格式化显示呢？目录01实验需求02实验步骤03项目实现实验需求用模块化编程思路实现商品日期的显示。2021-12-12-2021年12月12日实验步骤运行项目04生成项目包01自定义模块02编写主程序03 npminit-y使用默认参数值，生成package.json文件01npminstallmoment02下载并安装moment模块项目实现1.生成项目包 2.自定义模块项目实现letmoment=require(moment);moment.locale(zh-cn);//格式化成中文functionfo
2024-11-10 约1.12千字 11页立即下载
3.6-Node.js应用开发项目化教程（慕课版）- 读取目录.pptx 读取目录引入如何才能读取到详细的目录信息，并删除指定文件呢？module.jsmain.jsinput.txt...... 目录01读取目录02删除文件读取目录读取目录的语法：fs.readdir(path[,options],callback)用于异步地读取目录的内容参数说明：--path：表示将要读取的文件夹或标识符，必选；--options：可以是字符编码、或具有encoding属性的对象。encoding为buffer，返回文件名作为Buffer对象传入--callback异步地读取文件的回调函数，两个参数(er
2024-11-07 约1.31千字 10页立即下载
4.2-Node.js应用开发项目化教程（慕课版）- http模块.pptx http模块引入Node.js中如何实现对HTTP请求的管理？目录01http模块介绍02创建Web服务端 http模块什么是http模块？Node.js的核心模块，用于创建Web服务器，实现浏览器与Web服务器之间的请求与响应。引入方式：varhttp=require(http); http模块http模块如何实现对客户端和服务器的支持？1.对服务器的支持--http.createServer():创建HTTPWeb服务器--http.Server:服务器实例对象--http.ServerResponse:该对象用于响应处理客户端请求。2.对
2024-11-08 约2.59千字 12页立即下载
3.3-Node.js应用开发项目化教程（慕课版）- Buffer缓存区.pptx Buffer缓存区引入Node.js是如何实现对二进制与各种文件的处理？目录01Buffer简介02Buffer类API03Buffer与字符编码 Buffer简介Buffer--Buffer缓存区，处理文件流和二进制数据流。Buffer类--核心类库，无需引入即可直接使用，使用Buffer类提供的构造函数创建Buffer实例。--通过Buffer缓存区存放二进制数据，进行二进制字节流的读、写和网络传输。 Buffer简介Stream和Buffer--流(Stream)就是一系列从A点到B点移动的数据两者间的联系：--数据的传输分为：数据送达和处理1.数据量较小，送
2024-11-12 约2.24千字 13页立即下载
3.2-Node.js应用开发项目化教程（慕课版）- 异步编程.pptx 异步编程同步如果每件事情按照顺序依次进行就是同步。起床—看报—吃早餐—上学异步如果多件事情可以同时进行即异步。起床—看报—边吃早餐，边去上学带着早饭去上学引入如何处理异步编程呢？应用程序准备数据数据就绪拷贝数据内核readread返回回调异步selectselect…readread返回应用程序查询数据状态阻塞准备数据数据就绪拷贝数据内核同步目录01事件发布/订阅模式02Promise/
2024-11-10 约3.72千字 17页立即下载
4.1-Node.js应用开发项目化教程（慕课版）- HTTP协议.pptx HTTP协议引入为什么输入网址就会跳转到指定网页呢？目录01HTTP协议原理02请求报文响应报文03 HTTP原理什么是网络协议？就像我们要用双方都能理解的语言才能进行沟通和交流一样，网络上的各台计算机之间要互换信息，也要用一种双方都明白的、约定好的语言才能进行。这种双方约定的沟通语言就称为网络协议。 HTTP原理什么是HTTP?简单的说，HTTP协议就是用于规范客户端浏览器和服务器端以什么样的格式进行通信数据交互，作为应用层的面向对象的协议，HTTP由请求和响应构成，是一个标准的客户端服务器模型，也是一个无状态的协议。 HTTP协议的请求过程HTTP原理/index.html协议
2024-11-09 约5.69千字 22页立即下载
5.1-Node.js应用开发项目化教程（慕课版）- 安装MySQL.pptx 安装MySQL 引入动态网站，数据库交互电商网站搜索引擎搜索引擎门户网站门户网站引入MySQL是中小型网站开发首选的数据库管理系统。MySQL有哪些特性？又如何安装呢？目录01MySQL简介02安装MySQL MySQL--最流行的关系型数据库管理系统之一。--实现多用户、多线程的结构化查询。--速度快、执行效率与稳定性高、操作简单。--体积小、速度快、跨平台、开放源码。MySQL简介 MySQL简介Web开发环境 1从官网下载MySQL数据库软件安装2直接安装包含MySQL的集成开发环境MySQL简介安装MySQL安装的方式：安装MySQL从官网下载MySQL数据库
2024-11-10 约小于1千字 14页立即下载
6.2-Node.js应用开发项目化教程（慕课版）- 路由配置.pptx 路由配置引入现实生活中的路由：按键与服务之间的映射关系..不同按键，呼叫不同功能引入路由：将客户端请求映射为服务器的响应操作..通过合理地设计路由，可以实现页面跳转、接口调用等各种需求..URIHTTP请求Server端点Endpoint 01路由简介03模块化路由目录02app级别路由路由介绍路由——路由是指根据用户请求来决定服务器应如何响应的过程。服务器根据客户端路由请求路径和请求方法，将请求分发到相应的处理函数。请求Express服务器响应处理函数其他路由从上到下进行匹配客户端app.get(/,fun1)app.get(/product,fun2)app.post(/log
2024-11-08 约3.39千字 20页立即下载
6.5-Node.js应用开发项目化教程（慕课版）- 模板引擎.pptx 模板引擎模板引擎数据页面输出引入模板引擎可以让程序实现界面与数据分离,业务代码与逻辑代码的分离,这就提升了开发效率,良好的设计也使得代码复用变得更加容易。 01pug模板引擎目录02ejs模板引擎 pug模板——Express框架的默认模板引擎。pug集成模板pug集成模板与HTML标签一致pug不需要关闭标签用缩进表示标签直接的嵌套关系 HTML页面与pug模板的对比。示例pug集成模板标签不成对，缩进表示嵌套关系HTML标签一般成对出现 doctypehtmlhtml head meta(charset=utf-8) titleFirstfileofpug bod
2024-11-09 约1.6千字 13页立即下载
6.7-Node.js应用开发项目化教程（慕课版）- Session.pptx Session 引入sessionid存储Session存储登录用户账号、用户个性配置，购物车商品数据等。登录sessionid请求（sessionid）Yes!Iknowyou!cookie 01Session工作原理目录02Session安装配置与获取什么是SessionSession--称为“会话控制”，是用于维持客户端和服务器之间会话状态的技术。Session数据特征：--可以跨页面被访问；--有一定的访问时延。 Session工作原理用户是无法修改的，用户离开网站后Session才会被注销。4.服务器检查是否存在这个sessionid：不存在：新建一个sessioni
2024-11-08 约2.5千字 12页立即下载
6.4-Node.js应用开发项目化教程（慕课版）- 请求与响应.pptx 请求与响应引入客户端服务器请求（request）响应（response）Web应用开发的本质可理解为客户端和服务器之间的请求和响应过程。 01请求对象目录02响应对象请求对象属性描述originalUrl获取路由配置的URLhostname获取请求的域名method获取请求的方法，如get、post等params获取路由动态参数中的内容queryGET请求时，获取请求的URL查询字符串部分的参数bodyPOST请求时，获取请求数据，需要使用body-parser中间件ip获取请求的IP地址，可用来设置白名单path获取URL请求中的路径protocol获取请求的协议，一般是HTTP或HTT
2024-11-12 约4.93千字 19页立即下载
Node.js应用开发项目化教程（慕课版）-单元设计.doc 《Node.js应用开发》课程教学单元设计常州信息职业技术学院第PAGE24页共NUMPAGES24页课程单元设计课程名称：Node.js应用开发 授课班级：软件236-2310 授课学期：2024-2025(1) 教师姓名：唐小燕、鲁大林、朱晟、吴佳云课程导入模块1：Node.js认知 1.1Node.js简介 1.2Node.js开发环境部署 1.3第一个Node.js程序授课教师：授课班级：学时：4 授课日期
2024-11-12 约2.1万字 34页立即下载