中培教育IT资讯频道
您现在的位置:首页 > IT资讯 > 数据库 > 使用JavaScript查询关系数据库5种方法

使用JavaScript查询关系数据库5种方法

2020-07-27 16:54:40 | 来源:中培企业IT培训网

如果要开发Web应用程序,几乎可以肯定的是,您将不断与数据库进行交互。在本文中,我们将详细介绍5种使用JavaScript与数据库进行交互的方法,我们将讨论每种方法的优缺点。我们将从最低级别的选择(SQL命令)开始,然后过渡到更高级别的抽象。为JavaScript应用程序选择正确的数据库库会对代码的可维护性,可伸缩性和性能产生重大影响,因此值得花一些时间来确定您的选择。

  我们的样品申请

我们将使用在Heroku上托管的简单Express应用程序作为示例。

  先决条件

要运行示例应用程序,您的计算机上需要以下软件:

· 类似于unix的终端环境(Mac OSX和Linux很好。如果使用Windows,则需要Windows子系统用于Linux)。

· git(和github帐户)。

· npm(版本6或更高版本)。

· Heroku 命令行工具。

如果您还没有Heroku帐户,则需要注册一个免费帐户。如果您不想注册Heroku,也可以针对本地Postgres实例在本地运行该应用程序。如果您对此感到满意,那么应该很容易地看到需要进行哪些更改,而不是将它们部署到Heroku。

安装完以上所有内容后,运行heroku login在终端中,您就可以开始了。

生成和部署Hello World应用程序,首先,我们将设置以下内容:

· 一个简单的Express应用程序,仅提供“ Hello,World”网页。

· 一个Postgres的数据库。

· 两个表,分别代表“用户”和“评论”(一个用户有很多评论)。

· 一些样本数据(在这种情况下,是通过mockaroo.com生成的)。

我已经创建了一个示例应用程序,它将为您进行所有设置(前提是您已运行)heroku login正如刚才提到的。

这将需要几分钟才能完成。在等待时,您可以查看makefile以查看相关命令,这些命令将执行以下操作:

· 创建一个新的Heroku应用程序。

· 添加一个Postgres数据库实例。

· 将应用程序部署到Heroku。在Heroku上运行命令以设置数据库表并导入CSV示例数据。

· 在新的浏览器窗口中打开Heroku应用程序的URL。

在此过程结束时,您应该在网页上看到“ Hello,World”。

  使用SQL提取数据

我们都准备好了,我们创建了一个包含两个表和一些示例数据的数据库。但是我们还没有做任何事情。下一步是使我们的Web应用程序能够从数据库检索数据。

每当与关系数据库进行交互时,都可以通过将SQL命令发送到数据库正在侦听的网络套接字来实现。对于我们将在本文中介绍的所有库,都是如此-在最低级别上,它们都将SQL命令发送到数据库并检索返回的所有输出。

因此,我们要考虑的与数据库交互的第一种方法就是执行此操作-发送SQL命令。为此,我们将安装pg JavaScript库,该库使我们可以将SQL发送到Postgres数据库并检索结果。

要安装pg库,请执行以下命令:

npm install pg

这将获取并安装该库,并将其添加到package.json和package-lock.json文件中。让我们提交这些更改:

git add package.json package-lock.json gitcommit -m "Install the pg library"

要与我们的数据库对话,我们需要一些细节:

· Postgres机器的主机名正在运行。

· 网络端口Postgres正在监听。

· 我们的数据所在的数据库的名称。

· 有权访问该数据的用户名和密码。

大多数数据库库将使我们建立连接,方法是向该库提供一个包含所有这些详细信息的键和值的对象,或者将它们全部组合成一个“数据库URL”,这就是我们要做的。

将数据库添加到Heroku应用程序时,会自动获得一个名为DATABASE_URL的环境变量,其中包含连接数据库所需的所有详细信息。您可以通过运行以下命令查看DATABASE_URL的值:

heroku config

这将输出您的应用程序可以使用的所有环境变量。现在应该只有一个,因此您应该在输出中看到类似以下的内容:

DATABASE_URL:

postgres://clqcouauvejtvw:1b079cad50f3ff9b48948f15a7fa52123bc6795b875348d66886407a266c0f5b@ec2-52-73-247-67.compute-1.amazonaws.com:5432/dfb3aad8c026in

在我们的示例中,这种情况如下所示:

{

"hostname": "ec2-52-73-247-67.compute-1.amazonaws.com",

"port": 5432,

"database": "dfb3aad8c026in",

"username": "clqcouauvejtvw",

"password": "1b079cad50f3ff9b48948f15a7fa52123bc6795b875348d66886407a266c0f5b"

}

您的DATABASE_URL值将有所不同,但结构将相同。

现在我们已经安装了pg库,并且知道如何连接到数据库,让我们执行第一个与数据库交互的示例。我们仅获取用户列表并将其显示在我们的网页上。在index.js文件的顶部,我们将需要pg库,并创建一个数据库连接对象。

const { Pool } = require('pg');const conn = new Pool({ connectionString: process.env.DATABASE_URL });

在里面express()块,我们将更改get行以调用一种方法,该方法显示数据库中的用户列表:

.get('/', (req, res) => listUsers(req, res))

最后,我们将实现listUsers函数:

async function listUsers(req, res) {

try {

const db = await conn.connect()

const result = await db.query('SELECT * FROM users');

const results = { users: (result) ? result.rows : null};

res.render('pages/index', results );

db.release();

} catch (err) {

console.error(err);

res.send("Error " + err);

}

}

这段代码会一直等到与我们的数据库建立连接,然后使用查询功能发送SQL查询并检索结果。

现在,由于许多不同的原因,此步骤可能会失败,因此在代码中我们进行测试以确保获得一些数据,如果这样做,我们将result.rows分配给结果对象的关键用户。接下来,我们将结果传递给render函数,然后释放数据库连接。

在views / pages / index.ejs中,我们可以访问结果对象,因此我们可以这样显示用户数据:

  <h1>Users</h1>

  <ul>

  <% users.map((user) => { %>

  <li><%= user.id %> - <%= user.first_name %> <%= user.last_name %></li>

  <% }); %>

  </ul>

您可以在此处查看具有这些更改的代码first_name和last_name是我们数据库的用户表中两列的名称。

让我们部署这些更改,以便可以在Heroku应用程序中查看数据:

git add index.js views/pages/index.ejs

git commit -m "Display a list of users"

git push heroku master

部署将需要一两分钟。该命令执行完毕后,重新加载浏览器,您应该在网页上看到用户列表。

  MySQL示例

上面的示例适用于Postgres,但是其他常见关系数据库的代码将相似。例如,如果您使用的是MySQL:

· 代替npm install pg用npm install mysql2 (使用mysql2,而不是mysql-mysql2更快,并且支持async / await)

· 在index.js中,您将需要这样的mysql:

const mysql = require('mysql2/promise');

· listUsers函数如下所示:

async function listUsers(req, res) {

try {

const conn = await mysql.createConnection(process.env.DATABASE_URL);

const [rows, fields] = await conn.execute('SELECT * FROM users');

const results = { 'users': rows };

res.render('pages/index', results );

await conn.end();

} catch (err) {

console.error(err);

res.send("Error " + err);

}

}

views / pages / index.ejs保持不变。您可以在此处查看带有这些更改的示例项目。

我们在这里已经介绍了很多基础知识,但这对于理解所有数据库访问的工作方式都是至关重要的。在下一部分中,我们将看到查询构建器和对象关系建模库如何在此基础上构建,从而使您可以以一种更像使用JavaScript函数和对象的方式来使用代码中的数据库数据。想了解更多关于数据库的信息,请继续关注中培教育。

标签: JavaScript 数据库

预约领优惠