- 当前位置：首页 >IT科技 >怎样在前端项目中使用MySQL模块操作数据库？
怎样在前端项目中使用MySQL模块操作数据库？
发布时间：2025-11-05 13:52:52 来源：技术快报 作者：数据库
要想在项目中操作数据库，样前 首先要安装操作 MySQL 数据库的端项第三方模块(mysql)， 借助mysql 模块连接到 MySQL 数据库，目中L模 执行 SQL 语句，使用具体的块操流程如下图所示。
安装与配置 mysql 模块
1. 安装 mysql 模块mysql 模块是作数托管于 npm 上的第三方模块。它提供了在 Node.js 项目中连接和操作 MySQL 数据库的据库能力。 想要在项目中使用它，样前需要先运行如下命令，端项将 mysql 安装为项目的目中L模依赖包：
复制npm install mysql1. 2. 配置 mysql 模块在使用 mysql 模块操作 MySQL 数据库之前，必须先对 mysql 模块进行必要的使用配置，主要的块操配置步骤如下：
复制// 1.导入mysq1模块 const mysql = require(mysql) // 2.建立与 MySQL数据库的连接 const db = mysql.createPool({ host: 127.0.0.1, //数据库的IP地址 user: root, //登录数据库的账号 password:‘admin123， //登录数据库的作数密码 database:‘my_db_01 //指定要操作哪个数据库 }）1.2.3.4.5.6.7.8.9. 3. 测试 mysql 模块能否正常工作调用 db.query() 函数，指定要执行的据库 SQL 语句，通过回调函数拿到执行的样前结果：
复制//检测mysq1模块能否正常工作 db.query(SELECT 1, (err, results) => { if (err) return console.log(err.message) //只要能打印出[RowDataPacket{1：1}]的结果，就证明数据库连接正常 console.log(results) })1.2.3.4.5.6.使用 mysql 模块操作 MySQL 数据库
1. 查询数据查询 users 表中所有的数据
复制//查询users表中所有的用户数据 db.query(SELECT * FROM users, (err, results) => { //查询失败 if (err) return console.log(err.message) //查询成功 console.log(results) }）1.2.3.4.5.6.7. 2. 插入数据向 users 表中新增数据， 其中 username 为 Spider-Man，源码库password 为 pcc321。示例代码如下：
复制// 1. 要插入到users表中的数据对象 const user = { username: Spider-Man, password: pcc321 } // 2. 待执行的 SQL 语句，其中英文的？ 表示占位符 const sqlStr = INSERT INTO users (username, password) VALUES (?, ?) // 3. 使用数组的形式，依次为？占位符指定具体的值 db.query(sqlStr, [user.username, user.password], (err, results) =» { if(err)return console.log(err.message)//失败 if(results.affectedRows=== 1) { console.log(插入数据成功) } // 成功 })1.2.3.4.5.6.7.8.9. 3. 插入数据的便捷方式向表中新增数据时，如果数据对象的每个属性和数据表的字段一一对应，则可以通过如下方式快速插入数据：
复制// 1. 要插入到users表中的数据对象 const (vser = { username: Spider-Man2, password: pcc4321} // 2. 待执行的SQL语句，其中英文的？表示占位符 const sqlStr = INSERT INTO users SET ? // 3. 直接将数据对象当作占位符的值 db.query(sqlStr, user, (err, results) => { if(err)return console.log(err.message)//失败 if(results.affectedRows===1){console.log(插入数据成功)}//成功 })1.2.3.4.5.6.7.8.9. 4. 更新数据可以通过如下方式，更新表中的数据：
复制// 1.要更新的数据对象 const user = { id: 7, username: aaa, password: 000 } // 2.要执行的SQL 语句 const sqlStr = UPDATE users SET username=?, password=? WHERE id=? // 3.调用db.query()执行 SQL 语句的同时，使用数组依次为占位符指定具体的值 db.query(sqlStr, [user.username, user.password, user.id], (err, results) => { if(err)return console.log(err.message) // 失败 if(results.affectedRows===1){console.log(更新数据成功！)}//成功 })1.2.3.4.5.6.7.8.9. 5. 更新数据的便捷方式更新表数据时，如果数据对象的每个属性和数据表的字段一一对应，则可以通过如下方式快速更新表数据：
复制// 1. 要更新的数据对象 const user = { id: 7, username: aaaa, password: 0000 } // 2. 要执行的服务器租用 SQL 语句 const sqlStr = UPDATE users SET ? WHERE id=? // 3. 调用db.query（）执行 SQL 语句的同时，使用数组依次为占位符指定具体的值 db.query(sqlStr,[user,user.id],(err,results) =>{ if(err)return console.log(err.message)//失败 if（results.affectedRows === 1) {console.log(更新数据成功!)} //成功 })1.2.3.4.5.6.7.8.9. 6. 删除数据在删除数据时，推荐根据 id 这样的唯一标识，来删除对应的数据。示例如下：
复制// 1.要执行的 SQL 语句 const sqlStr = DELETE FROM users WHERE id=? // 2.调用 db.query（）执行 SQL语句的同时，为占位符指定具体的值 // 注意：如果SQL语句中有多个占位符，则必须使用数组为每个占位符指定具体的值 // 如果SQL语句中只有一个占位符，则可以省略数组 db.query(sqlStr, 7, (err, results) => { if(err)return console.log(err.message)//失败 if(results.affectedRows ===1){console.log(删除数据成功!‘)}//成功 })1.2.3.4.5.6.7.8.9. 7. 标记删除使用 DELETE 语句，会把真正的把数据从表中删除掉。为了保险起见，推荐使用标记删除的形式，来模拟删除的动作。
所谓的标记删除，就是在表中设置类似于 status 这样的状态字段，来标记当前这条数据是否被删除。
当用户执行了删除的动作时，我们并没有执行 DELETE 语句把数据删除掉，免费信息发布网而是执行了 UPDATE 语句，将这条数据对应的 status 字段标记为删除即可。
复制//标记删除：使用 UPDATE 语句替代 DELETE语句；只更新数据的状态，并没有真正删除 db.query(UPDATE USERS SET status=1 WHERE id=?, 6, (err, results) =>( if(err)return console.log(err.message)//失败 if(results.affectedRows === 1){console.log(删除数据成功！)}//成功 })1.2.3.4.5.- Ubuntu 的笔记本来到一个局域网里，插上网线，网线指示灯亮，但是连不上网，点击网络连接图标，显示“网络未托管”。突然想起这台笔记本前阵子设置过 PPPOE（有线宽带虚拟拨号），于是进行了一番设置改动，最终解决了问题。1、Ubuntu 的笔记本来到一个局域网里，有点认生。插上网线，网线指示灯亮，但是连不上网，点击网络连接图标，显示“网络未托管”。突然想起这台笔记本前阵子设置过 PPPOE（有线宽带虚拟拨号），怀疑是它的原因。2、按 Ctrl + Alt + t，调出终端。3、键入命令：cd /etc/network，转入 /etc/network 这个目录，它里面有个文件叫 interfaces。4、然后键入命令：sudo gedit interfaces，意思是调用 gedit 文本编辑器，并打开 interfaces 这个文件。这个文件的最后一行是：iface eth0 inet manual，意思是，eth0 这个网络界面（个人电脑上，eth0 一般指的就是唯一的一个网线接口），需要手动设置网络。5、但是，当前的这个局域网，明显是 DHCP 网络，也就是接入的电脑需要“自动获取网络”地址。我们在这行字符前面加个英文的“#”，“注释”掉这一行，意思是不要手动设置网络了，而是转为自动设置。注意一定是英文的“#”，否则输入中文的话，就起不到“注释”的作用了。6、保存文件、关闭 gedit 文本编辑器，回到终端，键入命令：sudo service network-manager restart，意思是重新启动网络管理服务。按下回车，网络立刻连接。以后离开这个局域网，需要重新使用虚拟拨号时，只要按照第 4、5 步骤的方法，把加上的那个“#”去掉，然后再重启网络管理服务，就行了。
- DC面霜真的有效吗？（探索DC面霜的功效和用户体验，解读真相！）
- 深入理解和应用UEFIBIOS教程（学习UEFIBIOS的基础知识，掌握其应用技巧）
- U大师智能快速装机教程——让装机变得更轻松（简化操作、提升效率，轻松实现快速装机）
- 台式电脑新机开机教程（一步一步教你如何正确开机，并了解新机的功能）
- 电脑系统教程（一步步教你删除电脑系统，轻松解决电脑问题）
- 神舟超级战神重装系统教程
- 戴尔3565如何正确安装内存条？（快速、简单的教程，让您的戴尔3565性能大幅提升！）
- 解决新电脑宽带错误651的常见问题（错误651解决方案及关键提示）
- Acer优盘系统安装教程——让您的电脑焕然一新（详细步骤指导，让您轻松升级您的Acer电脑）
- Google最近发布了首批能在Chrome OS本地运行的安卓应用集，通过‘安卓运行时’扩展完成了该壮举。现在，一位开发者已经指明了将安卓应用带入桌面版Chrome的路。弗拉德·菲利波夫的chromeos-apk脚本和ARChon安卓运行时扩展手拉手一起开展工作，将安卓应用带进了Windows，Mac和Linux桌面上的Chrome中。运行在Ubuntu 14.04 LTS上的安卓应用：IMDB，Flipboard和Twitter通过‘安卓运行时’运行的应用的性能不是很令人惊异，任何想要运行Dead Trigger 2或者其它图形密集型游戏的雄心壮志可以放到一边了。同样地，要运行官方的‘安卓运行时’的非官方重构包，或者在Chrome OS之外运行的话，其系统完整性（如网络摄像头，扬声器等）可能不完整或者根本不可能。按照下面的指南一步步来，并不保证一定成功。它只能作为高度实验性进行，里面遍布漏洞，很不稳定——甚至白日见鬼。只能出于好奇而尝试，不要高度寄予厚望，这样你就不会深受其困扰。安卓应用转战Linux大法 要通过Chrome在Linux上运行安卓应用，很明显，你需要安装Chrome，要求的版本是37，或者更高。坦率地讲，假如你打算玩玩不稳定的Chrome版本，那么你也可以下载并为Linux安装。假如已经安装了Chrome的某个版本？你可以通过命令行来安装不稳定版，命令如下：sudo apt-get install google-chrome-unstable有了 Chrome 之后，你需要下载定制版的‘安卓运行时’扩展，而不是Google或Chronium提供的版本——由弗拉德·菲利波夫创建的‘安卓运行时’。这个版本和官方的有着诸多的不同，最突出的不同就是它可以运行在桌面版的浏览器上。从BitBucket下载ARChon v1.0下载好‘安卓运行时’扩展后，你需要从.zip解压内容，并移动解压后的文件夹到你的Home文件夹。要安装它，打开Google Chrome，点击汉堡式菜单按钮，然后导航到扩展页。检查‘启用开发者模式’并点击‘加载解包的扩展’按钮。‘安卓运行时’扩展本身不会做太多事情，所以你需要从安卓应用创建兼容包。要完成这项工作，你需要‘chromeos-apk’命令行Javascript工具，它可以从“Node 封装模块管理器（npm ）”安装。首先运行：sudo apt-get install npm nodejs nodejs-legacyUbuntu 64位用户？你还需要获取以下库：sudo apt-get install lib32stdc++6现在，运行npm命令来安装该脚本吧：npm install -g chromeos-apk根据你的配置，你可能需要过会儿使用sudo来运行。假如你不喜欢通过sudo安装npm模块，你可以试着骗过它。现在，搞定了。去Google找找你想要试试的应用的APK吧，请牢记不是所有的安卓应用都会工作，而那些可以工作的也未必工作得很好，或者缺少功能。把你想要的安卓APK放到~/Home，然后回到终端中使用以下命令来转换，你可以将APK命名成任何你想要的名字：chromeos-apk replaceme.apk --archon该命令将花一点时间来完成这项工作，也许也就是一眨眼的时间。实际上，不需要眨眼的时间现在，在你的Home文件夹内有个ARChon生成的Chrome APK extension-y folder-y这样的东西。所有剩下来要做的事，就是安装并查看它是否正常工作！回到chrome://extensions页面，再次轻敲‘加载解封装扩展’按钮，但这次选择上面脚本创建出来的文件夹。应用应该会正确安装，但是它确实会没有问题吗？打开Chrome应用启动器或应用页面并启动它来看看是否有问题。由于ARChon运行时支持不限数量的chrome化的APK，你可以反复进行该操作，你想做多少次都行。Chrome APK subreddit用于跟踪成功/失败情况，所以假如你感到很有用，一定要贴出你的结果。谢谢阅读，希望能帮到大家，请继续关注脚本之家，我们会努力分享更多优秀的文章。
- 使用Mac安装PE系统教程（一步步教你在Mac上安装PE系统，轻松实现系统恢复与维护）
- Win10启动盘使用教程（轻松制作和使用Win10启动盘，应对各种紧急情况）
- 黑客锁芯（利用创新科技保护个人财产安全的关键）
- 韩版三星Note3使用联通卡的适应性分析（探究韩版三星Note3与中国联通卡的兼容性及使用体验）
- 电脑死机怎么办？Win7重装教程（教你轻松应对电脑死机问题，重新安装Win7系统）
- U盘安装苹果电脑系统详细教程（一步步教你如何使用U盘安装苹果电脑系统）
- 360装机大师教程详解（全方位指导，360装机大师为你解答各种装机疑难）
- 小米3.5降噪耳机的性能与品质评测（细致舒适的音乐享受，小米3.5降噪耳机让你沉浸于音乐的海洋）
- 技嘉主板装系统教程Win10（轻松安装Win10系统，解锁技嘉主板的优势）
随便看看
益华科技IT资讯网亿华云源码下载IT技术网企商汇源码库香港云服务器服务器租用码力社益强编程舍亿华智慧云益强智未来益强编程堂运维纵横益强前沿资讯益强科技益华IT技术论坛亿华云计算益强数据堂编程之道亿华互联益强科技汇智坊益强智囊团亿华云技术快报多维IT资讯亿华科技创站工坊智能时代思维库益强IT技术网云站无忧全栈开发极客码头科技前瞻亿华智造益强资讯优选极客编程亿华灵动益华科技码上建站
- Copyright © 2025 Powered by 怎样在前端项目中使用MySQL模块操作数据库？,技术快报 滇ICP备2023006006号-46sitemap