Web前端105天-day35-Node.js

最新推荐文章于 2024-07-12 09:36:48 发布
最新推荐文章于 2024-07-12 09:36:48 发布
阅读量135 收藏
点赞数
分类专栏： Node.js 文章标签： node.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52810836/article/details/128205906
版权

node.jsday07

目录

前言

一、复习

二、RESTful接口

2.1返回结果

2.2请求方式

2.3接口地址(请求的URL)

2.4传参方式

三、练习

总结

前言

node.jsday07学习开始

一、复习

 

二、RESTful接口

  • 是一种接口的规范

2.1返回结果

  • JSON格式

2.2请求方式

  • get--用于获取资源，查询数据
  • post --用于新建资源，插入数据
  • delete--用于删除资源，删除数据
  • put--用于修改资源，修改数据

2.3接口地址(请求的URL)

  • 带着资源名称（前缀）, 带着版本号
  • /v1/emps/update
  • /v1/emps/add
  • /v1/news/list

2.4传参方式

  • 查找/删除--get传参 / params传参
  • 修改/插入--post传参

三、练习

  • 练习：编写修改员工的接口(put  /update)，post传递员工的编号、姓名、性别、生日、工资，所属部门，获取传递的参数，执行SQL命令修改编号对应的员工，如果修改失败响应{code:400,msg:'修改失败'} ，否则响应{code:200,msg:'修改成功'}
  • 练习：编写员工列表的接口(get  /v1/emps/list)，get传递当前的页码和每页的数据量，执行SQL命令，查询数据这一页员工的数据，最后响应{code:200,msg:'查询成功', data: 查询的数据}
// 引入express模块
const express = require('express')
// 引入mysql模块
const mysql = require('mysql')
// 创建WEB服务器
const app = express()
// 设置端口
app.listen(3000,()=>{
	console.log('服务器启动成功')
})
// 托管静态资源
app.use( express.static('public') )
// 创建连接池对象
const pool = mysql.createPool({
	host: '127.0.0.1',
	port: '3306',
	user: 'root',
	password: '',
	database: 'tedu',
	connectionLimit: '15',
	multipleStatements: true  //开启执行多个SQL命令
})
// 添加路由(get /search)
// 1.查找员工接口
app.get('/search',(req,res)=>{
	// 获取get传递的参数
	var obj = req.query
	console.log(obj)
	// 执行SQL命令，查询该员工
	pool.query('select * from emp where ename=?',[obj.ename],(err,r)=>{
		if(err) {
			throw err
		}
		console.log(r)
		// 如果查询结果是空数组说明员工不存在，否则就是存在
		// 空数组长度为0
		if(r.length===0){
			// send方法会自动将JS对象转为JSON
			res.send({code: 400,msg:'该员工不存在'})
		}else{
			res.send({code: 200,msg: '查找成功',data: r})
		}
	})
})
// 将post传参转为对象
app.use( express.urlencoded({
	extended: true
}) )
// 2.添加员工接口(post /add)
// 接口地址（请求的URL）：http://127.0.0.1:3000/add
// 请求方式(请求方法)：post
app.post('/add', (req,res)=>{
	// 获取post传递的参数
	var obj = req.body
	console.log(obj)
	// 执行SQL命令，将数据插入到数据库
	pool.query('insert into emp set ?',[obj],(err,r)=>{
		if(err) {
			throw err
		}
		console.log(r)
		// 直接响应成功
		res.send({code:200,msg:'员工添加成功'})
	})
})

// 3.删除员工接口(路由 get /delete ) 
// 接口地址：http://127.0.0.1:3000/delete
// 请求方式：delete
app.delete('/delete',(req,res)=>{
	// 获取get传递的参数
	var obj = req.query
	console.log(obj)
	// 执行SQL命令，删除编号对应的员工
	pool.query('delete from emp where eid=?',[obj.eid],(err,r)=>{
		if(err) {
			throw err
		}
		console.log(r)
		// r 成功结果为对象，如果对象下的affectedRows属性为0说明删除失败，否则删除成功
		if(r.affectedRows===0){
			res.send({code:400,msg:'删除失败'})
		}else{
			res.send({code:200,msg:'删除成功'})
		}
	})
})

// 4.修改员工接口(put /update)
//接口地址：/update
//请求方式：put
app.put('/update',(req,res)=>{
	// 获取post传递的参数
	var obj = req.body
	console.log(obj)
	// 执行SQL命令
	pool.query('update emp set ? where eid=?',[obj,obj.eid],(err,r)=>{
		if(err) {
			throw err
		}
		console.log(r)
		// r 成功的结果是对象，如果对象下的属性changedRows值为0说明修改失败，否则说明修改成功
		if(r.changedRows===0){
			res.send({code:400,msg:'修改失败'})
		}else{
			res.send({code:200,msg:'修改成功'})
		}
	})
})

// 5.员工列表接口(get /v1/emps/list)
// 请求方式：get 
// 接口地址：/v1/emps/list
app.get('/v1/emps/list',(req,res)=>{
	// 获取get传递的参数 
	var obj = req.query
	// 如果页码为空，默认为第1页
	if(!obj.pno){
		obj.pno = 1
	}
	// 如果每页的数据量为空，默认为5条
	if(!obj.count){
		obj.count = 5
	}
	console.log(obj)
	// 计算出开始查询的值
	var start = (obj.pno-1)*obj.count
	// 将每页数据量转为数值                    
	var size = parseInt(obj.count)
	// 执行SQL命令，查询出这一页对应的数据
	pool.query('select * from emp limit ?,?;select count(*) n from emp',[start,size],(err,r)=>{
		if(err) {
			throw err
		}
		console.log(r)
		// 响应到客户端
		res.send({
			code: 200,
			msg: '查询成功',
			data: r[0],
			total: r[1][0].n,   //总数据量
			pages: Math.ceil( r[1][0].n/obj.count ),      //总页数= 向上取整（总数据量/每页数据量）
			pno: obj.pno   //当前页码
		})
	})
})// 引入express模块
const express = require('express')
// 引入mysql模块
const mysql = require('mysql')
// 创建WEB服务器
const app = express()
// 设置端口
app.listen(3000,()=>{
	console.log('服务器启动成功')
})
// 托管静态资源
app.use( express.static('public') )
// 创建连接池对象
const pool = mysql.createPool({
	host: '127.0.0.1',
	port: '3306',
	user: 'root',
	password: '',
	database: 'tedu',
	connectionLimit: '15',
	multipleStatements: true  //开启执行多个SQL命令
})
// 添加路由(get /search)
// 1.查找员工接口
app.get('/search',(req,res)=>{
	// 获取get传递的参数
	var obj = req.query
	console.log(obj)
	// 执行SQL命令，查询该员工
	pool.query('select * from emp where ename=?',[obj.ename],(err,r)=>{
		if(err) {
			throw err
		}
		console.log(r)
		// 如果查询结果是空数组说明员工不存在，否则就是存在
		// 空数组长度为0
		if(r.length===0){
			// send方法会自动将JS对象转为JSON
			res.send({code: 400,msg:'该员工不存在'})
		}else{
			res.send({code: 200,msg: '查找成功',data: r})
		}
	})
})
// 将post传参转为对象
app.use( express.urlencoded({
	extended: true
}) )
// 2.添加员工接口(post /add)
// 接口地址（请求的URL）：http://127.0.0.1:3000/add
// 请求方式(请求方法)：post
app.post('/add', (req,res)=>{
	// 获取post传递的参数
	var obj = req.body
	console.log(obj)
	// 执行SQL命令，将数据插入到数据库
	pool.query('insert into emp set ?',[obj],(err,r)=>{
		if(err) {
			throw err
		}
		console.log(r)
		// 直接响应成功
		res.send({code:200,msg:'员工添加成功'})
	})
})

// 3.删除员工接口(路由 get /delete ) 
// 接口地址：http://127.0.0.1:3000/delete
// 请求方式：delete
app.delete('/delete',(req,res)=>{
	// 获取get传递的参数
	var obj = req.query
	console.log(obj)
	// 执行SQL命令，删除编号对应的员工
	pool.query('delete from emp where eid=?',[obj.eid],(err,r)=>{
		if(err) {
			throw err
		}
		console.log(r)
		// r 成功结果为对象，如果对象下的affectedRows属性为0说明删除失败，否则删除成功
		if(r.affectedRows===0){
			res.send({code:400,msg:'删除失败'})
		}else{
			res.send({code:200,msg:'删除成功'})
		}
	})
})

// 4.修改员工接口(put /update)
//接口地址：/update
//请求方式：put
app.put('/update',(req,res)=>{
	// 获取post传递的参数
	var obj = req.body
	console.log(obj)
	// 执行SQL命令
	pool.query('update emp set ? where eid=?',[obj,obj.eid],(err,r)=>{
		if(err) {
			throw err
		}
		console.log(r)
		// r 成功的结果是对象，如果对象下的属性changedRows值为0说明修改失败，否则说明修改成功
		if(r.changedRows===0){
			res.send({code:400,msg:'修改失败'})
		}else{
			res.send({code:200,msg:'修改成功'})
		}
	})
})

// 5.员工列表接口(get /v1/emps/list)
// 请求方式：get 
// 接口地址：/v1/emps/list
app.get('/v1/emps/list',(req,res)=>{
	// 获取get传递的参数 
	var obj = req.query
	// 如果页码为空，默认为第1页
	if(!obj.pno){
		obj.pno = 1
	}
	// 如果每页的数据量为空，默认为5条
	if(!obj.count){
		obj.count = 5
	}
	console.log(obj)
	// 计算出开始查询的值
	var start = (obj.pno-1)*obj.count
	// 将每页数据量转为数值                    
	var size = parseInt(obj.count)
	// 执行SQL命令，查询出这一页对应的数据
	pool.query('select * from emp limit ?,?;select count(*) n from emp',[start,size],(err,r)=>{
		if(err) {
			throw err
		}
		console.log(r)
		// 响应到客户端
		res.send({
			code: 200,
			msg: '查询成功',
			data: r[0],
			total: r[1][0].n,   //总数据量
			pages: Math.ceil( r[1][0].n/obj.count ),      //总页数= 向上取整（总数据量/每页数据量）
			pno: obj.pno   //当前页码
		})
	})
})

总结

node.jsday07学习结束

smile陌辰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端传递当前页和每页显示数_java后台分页查询方法_前端paging分页，前端设置每页多少条和当前页面的索引，传给后端，数据显示出来...
weixin_34138673的博客
02-27 1085
1.首先引入jquery2.在引入paging.css和paging.js 这2个我存在百度云上：链接：https://pan.baidu.com/s/1SPxlBkkx-pNAtLuRLifEag提取码：pwr43.根据后台接口获取数据的总条数，由于我是tab切换。每个tab都需要分页,所以我把分页的函数提成一个公共的函数var records = category.varient.recor...
踩坑日记（三）：MyBatis在查询时使用count(*)，total为1，结果为0
zhenghhgz的博客
08-17 3974
MyBatis在查询时使用count(*)，total为1，结果为0
Web前端105天-day36-Node.js
qq_52810836的博客
12-07 161
web前端105天-day36-node.js08
mysql模块和后端接口
HeWar_的博客
08-26 415
1.mysql模块 createPool( ) 创建连接池 query(SQL命令, 数组, 回调函数 ) 执行SQL命令，数组保存用来过滤的数据，最后再去替换占位符，通过回调函数获取结果 SQL注入 select * from emp where 1; select * from emp where ename="tao" or "1"; 占位符(?)：先将用户提供的值进行过滤，过滤完再替换位置。 select* from emp where sex=?...
Web前端105天-day32-Node.js
qq_52810836的博客
12-03 316
web前端105天day32-node.jsday04
Web前端105天-day33-Node.js
qq_52810836的博客
12-04 192
web前端105天day33-node.js05
Web前端105天-day30-Node.js
qq_52810836的博客
12-01 227
web前端105天-day30-node.js02
Web前端105天-day34-Node.js
qq_52810836的博客
12-05 128
web前端105天-day34-node.jsday06
Analytics-90Day-2021-12-18-080027.0003.ips.ca.synced
12-18
Analytics-90Day-2021-12-18-080027.0003.ips.ca.synced
Node.js-Agenda一个用于Node.js的轻量级作业调度库
08-09
Agenda是针对Node.js平台设计的一个轻量级的作业调度库，它允许开发者方便地创建、管理和执行定时任务。在Node.js应用中，有时我们需要在特定时间执行某些操作，如发送邮件、清理数据库或者进行数据备份，这时Agenda...
Web前端.DAY4-7-复合选择器.avi
05-16
Web前端.DAY4-7-复合选择器.avi
计算机前端-Web前端.DAY12-.mp4
05-24
计算机前端-Web前端.DAY12-.mp4
计算机前端-Web前端.DAY12-.avi
05-24
计算机前端-Web前端.DAY12-.avi
Node.js 安装配置
wjs2024的博客
07-11 835
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它允许开发者使用 JavaScript 编写服务器端代码。Node.js 的安装配置过程相对简单，但为了确保顺利安装和最佳性能，本文将详细介绍在不同操作系统上安装 Node.js 的步骤，并提供一些配置建议。
Elasticsearch：使用 Filebeat 从 Node.js Web 应用程序提取日志
Elastic 中国社区官方博客
07-10 1881
​ 本指南演示了如何从 Node.js Web 应用程序中提取日志并将其安全地传送到 Elasticsearch Service 部署中。你将设置 Filebeat 来监控具有标准 Elastic Common Schema (ECS) 格式字段的 JSON 结构日志文件，然后在向 Node.js 服务器发出请求时，你将在 Kibana 中查看日志事件的实时可视化。虽然此示例使用的是 Node.js，但这种监控日志输出的方法适用于多种客户端类型。查看可用的 ECS 日志记录插件列表。
vue2 实现原生 WebSocket
weixin_38797742的博客
07-11 264
原生WebSocket： new WebSocket。
Webkit简介以及工作流程
读心悦
07-10 320
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。
vue引入sm-crypto通过sm4对文件进行加解密，用户输入密码
最新发布
cc1314_工作、学习有感
07-12 255
通过sm4对文件进行加解密，用户输入密码
Error reading file D:/java-EE-web1-pro/day01-maven-01/pom.xml
05-20
这个错误提示说明程序无法读取指定的文件D:/java-EE-web1-pro/day01-maven-01/pom.xml。可能是文件不存在、文件路径错误或者没有读取权限等问题导致的。你可以检查一下文件路径是否正确，文件是否存在以及程序是否有...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值