❤Nodejs 第五章（操作本地数据库优化和处理）
源码地址（https://gitee.com/lintaibai/NexusVue）喜欢的给个star吧
【4月更文挑战第5天】
1、优化用户查询接口，根据用户条件查询我们的列表
先拿sql数据命令试试
SELECT * FROM user WHERE name = 'san娟';
我们的查询命令没问题，接下来把我们的传入的活数据给传入进去即可
传入查询参数之中的params参数进行鞋带参数的查询
// 获取用户
function getUserList() {
let api = "http://localhost:8888/api/user";
const params = {
name: queryParams.value.name?queryParams.value.name:'',
};
axios.get(api,{
params: params
}).then(res => {
// console.log(res, '/user/list');
if (res.status == 200) {
console.log(res, 'res');
tableData.value = res.data.data;
}
})
}
app.js之中添加上对应的接收参数query
// 查询用户2
app.get('/api/user', (req, res) => {
const {
name } = req.query;
const values =[name];
const sql = `SELECT * FROM user WHERE name = ? `; // 准备 SQL 插入语句
// 查询数据库并返回数据
connection.query(sql,values,(err, results) => {
console.log(err,'err');
// console.log(results,'results');
if (err) {
console.error('Error querying database:', err);
res.status(500).json({
error: 'Internal server error' });
return;
}
res.json({
code:'200',
data:results,
});
});
});
查询可以看出，我们查询参数已经传进去了
返回参数也可以正常显示
到这里我们就实现了根据name查询的功能
这里可以留一个小的测试，进一步对多个查询参数进行查询，并且在数据为空的时候也可以进行正常的查询！
2、根据用户ID查询用户详细信息
接下来我们做一个修改，但是之前要根据用户的iD做一个查询然后回显用户的详情数据
先试试我们的sql查询语句：
SELECT * FROM user WHERE id = 13
查询结果没问题，接下来我们以地址的方式携带参数到get请求的最后：
最后的查询地址就是：http://localhost:8888/api/user/3
3是查询的用户 id
我们的查询用户详情接口如下图：
// 查询用户详情 3
app.get('/api/user/:id', (req, res) => {
console.log(req.query,'req.query');
const {
id } = req.query;
const values =[id];
let query = 'SELECT * FROM user WHERE id = ?';
connection.query(query,values,(err, results) => {
console.log(err,'err');
// console.log(results,'results');
if (err) {
console.error('Error querying database:', err);
res.status(500).json({
error: 'Internal server error' });
return;
}
res.json({
code:'200',
data:results,
});
});
});
查询id为3 的，这边我们可以看到数据库是存在数据的，但是查出来的数据却为空。
查看我们从接口拿到的数据可以发现：req.query压根没有参数
在这里我们可以看一下req.query 和 req.params的区别
....
接下来就知道我为什么要将接收参数给换掉，我们使用req.params来拿到参数
成功拿到参数，对于前端而言，接下来拿数组第一个数据这种操作肯定是不行的，所以我们从后台接口里面返回的数据进行一下优化
res.json({
code:'200',
data:results?results[0]:{
},
});
ok数据已经成功显示！
3、req.query 和 req.params的区别
req.query 和 req.params是 Express 框架中用于从 HTTP 请求中获取参数的两种常见方式。它们的区别在于获取参数的方式和用途不同。
req.query：
req.query是 Express 中的一个对象，用于获取 URL 查询参数（即 URL 中以?开头的参数），通常用于 GET 请求。- 它会将 URL 查询参数解析成一个对象，其中键值对分别对应参数的名称和值。
- 在路由处理函数中，可以通过
req.query直接访问这个对象，从而获取请求中的查询参数。
javascriptCopy Code
// 示例 URL：http://example.com/api/users?name=John&age=30
console.log(req.query);
// 输出：{ name: 'John', age: '30' }
req.params：
req.params是 Express 中的一个对象，用于获取路由参数，通常用于动态路由。- 在定义路由时，通过在路由路径中使用冒号（:）定义参数，这些参数会被 Express 解析并放入
req.params中。 - 这种方式适用于从 URL 中获取动态部分，例如用户 ID 或者其他标识符。
javascriptCopy Code
// 示例路由：/api/users/:id
console.log(req.params.id);
// 输出：用户ID
区别和用途：
req.query用于获取 URL 查询参数，适用于获取客户端通过 URL 传递的数据。req.params用于获取路由参数，适用于获取客户端通过 URL 路径中的动态部分传递的数据。- 通常，如果参数是作为查询字符串出现在 URL 中，使用
req.query；如果参数是作为路由的一部分出现在 URL 中，使用req.params。
总之，req.query 和 req.params 分别用于获取不同类型的客户端传递的数据，具体根据请求中参数的形式来选择使用哪种方式
因为我这里采用的直接获取用户详情肯定是一个id，所以采用的就是req.params这种方式
