onMounted(async ()=>{ const {data} = await getHomeList(); data.forEach(item=>{ item[0].forEach(items=>{ items.cmScore = parseFloat(items.mScore/2); }) }) state.homeList = data })

时间: 2024-04-11 10:30:34 浏览: 143

node.js中 mysql 增删改查操作及async，await处理实例分析

本文实例讲述了node.js中 mysql 增删改查操作及async，await处理。分享给大家供大家参考，具体如下：要对mysql进行操作，我们需要安装一个mysql的库。一、安装mysql库 npm install mysql --save 二、对mysql进行简单查询操作 const mysql = require('mysql'); //创建数据库连接 let conn = mysql.createConnection({ //主机地址 host: '127.0.0.1', //用户名 user: 'root', //密码 password: '123 在Node.js环境中，MySQL数据库操作通常借助于第三方库如`mysql`进行，它提供了丰富的API接口，方便我们执行SQL语句实现数据的增删改查。本文将详细讲解如何使用`mysql`库进行基本操作，并结合`async/await`处理异步流程，提升代码可读性和性能。要进行MySQL操作，需要安装`mysql`库，通过npm执行以下命令： ```bash npm install mysql --save ``` 安装完成后，我们可以创建数据库连接。以下是一个简单的连接示例： ```javascript const mysql = require('mysql'); let conn = mysql.createConnection({ host: '127.0.0.1', user: 'root', password: '123456', database: 'test', port: 3306, charset: 'utf8' }); conn.connect(function (err) { if (err) { throw err; } console.log('连接成功'); }); ``` 接着，我们将学习如何进行查询操作。以下是一个基本的查询示例： ```javascript conn.query('select * from tb_user', function (err, data, fields) { if (err) { throw err; } console.log(data); data.forEach(function (value) { console.log(value.id, value.user_name, value.addr); }); console.log(fields); }); conn.end(); ``` 对于增删改操作，同样使用`conn.query()`方法，例如插入、更新和删除数据： ```javascript // 插入数据 conn.query('insert into tb_user values(null, ?, ?)', ['xxx', 'xxx'], function (err, data) { if (err) { throw err; } if (data && data.affectedRows) { console.log('插入数据成功，id为', data.insertId); } }); // 更新数据 conn.query('update tb_user set user_name = ? where id = ?', ['ggg', 7], function (err, data) { if (err) { throw err; } if (data && data.affectedRows) { console.log('修改数据成功'); } }); // 删除数据 conn.query('delete from tb_user where id = ?', [5], function (err, data) { if (err) { throw err; } if (data && data.affectedRows) { console.log('删除数据成功'); } }); ``` 为了优化数据库操作，可以使用连接池（Connection Pool），避免频繁建立和关闭连接。创建连接池如下： ```javascript const pool = mysql.createPool({ connectionLimit: 20, host: '127.0.0.1', user: 'root', password: '123456', database: 'test', port: 3306, charset: 'utf8' }); pool.query('select * from tb_user', function (err, results, fields) { // 处理结果 }); // 关闭连接池 pool.end(); ``` 现在，让我们引入`async/await`来处理异步操作，使得代码更简洁且易于理解。我们需要将函数声明为异步： ```javascript async function performQuery(sql) { try { const connection = await pool.getConnection(); const [rows, fields] = await connection.query(sql); console.log(rows); connection.release(); } catch (error) { console.error(error); } } ``` 然后，调用这个异步函数执行查询： ```javascript performQuery('select * from tb_user'); ``` 这种方式下，当查询完成时，连接会被自动释放回连接池，同时异常处理也更为优雅。总结一下，Node.js中进行MySQL操作的关键步骤包括： 1. 安装`mysql`库。 2. 创建数据库连接或连接池。 3. 使用`query()`方法执行SQL语句，处理查询结果和错误。 4. 通过`async/await`处理异步操作，提升代码可读性。使用连接池和`async/await`，能有效管理数据库连接，避免资源浪费，同时简化异步编程逻辑，使得代码更加整洁、高效。

这段代码使用了Vue的生命周期钩子函数`onMounted`，在组件挂载后执行异步操作。首先调用`getHomeList()`方法获取首页列表数据，然后通过解构赋值获取返回结果的`data`属性。接着使用`forEach`遍历`data`数组中的每个元素，对每个元素的第一个子数组进行遍历，通过计算将子项的`mScore`属性除以2得到的结果赋值给`cmScore`属性。最后将修改后的`data`赋值给组件的`state.homeList`属性。需要注意的是，这段代码中使用了异步操作，因此需要使用`await`关键字等待异步操作完成。另外，代码中使用了Vue的响应式机制，通过修改组件的`state.homeList`属性来更新视图。

阅读全文

onMounted(async ()=>{ const {data} = await getHomeList(); data.forEach(item=>{ item[0].forEach(items=>{ items.cmScore = parseFloat(items.mScore/2); }) }) state.homeList = data })

相关推荐

C# 8.0中await foreach的探索：简化异步编程

Node.js与MongoDB交互操作详解

saleOutBoundArr.forEach(item => { const saleOutBoundDetailRes = await getSaleOutBoundDetail({ id: item.id }, { "app-token": tokenData['app-token'], "X-GW-Router-Addr": accountData?.domain }) console.log("销售出库单详情") })

最新推荐

在 Blender 2.6 中导入,导出 .x 文件.zip

基于python、open-cv、pywin32等类库搭建eve手游预警机系统详细文档+资料齐全.zip

【路径规划】蛇算法栅格地图机器人最短路径规划【含Matlab仿真 2957期】.zip

MATLAB新功能：Multi-frame ViewRGB制作彩色图阴影

管理建模和仿真的文件

【实战篇：自定义损失函数】：构建独特损失函数解决特定问题，优化模型性能

在Flow-3D中如何根据水利工程的特定需求设定边界条件和进行网格划分，以便准确模拟水流问题？

XKCD Substitutions 3-crx插件：创新的网页文字替换工具

"互动学习：行动中的多样性与论文攻读经历"

【强化学习损失函数探索】：奖励函数与损失函数的深入联系及优化策略