如何在Electron Framework中连接到MySQL数据库

本文概述

要求
实现

Electron Framework允许你使用HTML, CSS和Javascript轻松创建桌面应用程序, 这已经令人印象深刻, 但是使用Chromium的Javascript Engine不足以创建可以完成与本机应用程序相同的任务的动态应用程序。感谢Node.js, 你将能够访问许多功能来创建出色的应用程序, 在这种情况下, 我们将使用mysql模块访问Electron中的MySQL数据库。
要求要使用Node.js与MySQL进行互操作(在我们的示例中, 我们使用的Xampp包括PHPMyAdmin), 你需要以下名为mysql的节点包。
你可以在Node.js命令提示符下执行以下命令, 将此包添加到项目中：

npm install mysql

然后, 你将可以使用Javascript要求mysql模块。
【如何在Electron Framework中连接到MySQL数据库】注意：此模块是异常安全的。这意味着你可以继续使用它, 即使你的一个回调函数引发了使用” uncaughtException” 或域捕获的错误。
实现首先, 你需要首先学习如何使用mysql模块与数据库建立基本连接。你需要使用required()的检索到的对象创建一个连接, 然后将包含有关连接的基本信息(主机, 用户名, 密码和数据库名称)的对象作为第一个参数提供：

var mysql = require('mysql'); // Add the credentials to access your databasevar connection = mysql.createConnection({host: 'localhost', user: 'root', password : null, // or the original password : 'apaswword'database : 'ourcodeworld-database'}); // connect to mysqlconnection.connect(function(err) {// in case of errorif(err){console.log(err.code); console.log(err.fatal); }}); // Perform a query$query = 'SELECT * FROM `myTableName` LIMIT 10'; connection.query($query, function(err, rows, fields) {if(err){console.log("An error ocurred performing the query."); console.log(err); return; }console.log("Query succesfully executed", rows); }); // Close the connectionconnection.end(function(){// The connection has been closed});

创建连接时, 请继续使用connect方法进行连接, 然后再使用连接的查询方法执行查询。最后使用end方法关闭连接。
你可以自定义并启用更复杂的功能, 阅读有关node.js的mysql模块的官方文档。既然你对与mysql的连接如何工作有了一点了解, 那么你将能够执行自己的查询, 由你决定如何编写和优化它们。
对于具有结构” ID, NAME” 的表, 以下代码段将在html表中显示Articles表的前10行：

< !DOCTYPE html> < html> < head> < meta charset="UTF-8"> < title> Hello World!< /title> < /head> < body> < h1> Connecting to MySQL< /h1> < br> < input type="button" id="action-btn" value="http://www.srcmini.com/Retrieve 10 first rows in the database" /> < table id="table" border="1"> < tbody> < /tbody> < /table> < /body> < script> var mysql = require('mysql'); function el(selector) {return document.getElementById(selector); }el('action-btn').addEventListener('click', function(){// Get the mysql servicegetFirstTenRows(function(rows){var html = ''; rows.forEach(function(row){html += '< tr> '; html += '< td> '; html += row.id; html += '< /td> '; html += '< td> '; html += row.name; html += '< /td> '; html += '< /tr> '; console.log(row); }); document.querySelector('#table > tbody').innerHTML = html; }); }, false); function getFirstTenRows(callback){var mysql = require('mysql'); // Add the credentials to access your databasevar connection = mysql.createConnection({host: 'localhost', user: 'root', password : null, database : 'ourcodeworld'}); // connect to mysqlconnection.connect(function(err) {// in case of errorif(err){console.log(err.code); console.log(err.fatal); }}); // Perform a query$query = 'SELECT `id`, `name` FROM `articles` LIMIT 10'; connection.query($query, function(err, rows, fields) {if(err){console.log("An error ocurred performing the query."); console.log(err); return; }callback(rows); console.log("Query succesfully executed"); }); // Close the connectionconnection.end(function(){// The connection has been closed}); }< /script> < /html>

结果应如下所示：