21xrx.com
2024-05-20 10:01:40 Monday
登录
文章检索 我的文章 写文章
Node.js 实现表格的增删改查功能
2023-07-03 12:45:15 深夜i     --     --
Node js 表格 增删改查 功能实现

Node.js 是一种运行在服务器端的 JavaScript 平台,它可以帮助我们快速地构建高效的后端服务。在 Web 应用程序的开发中,表格是一个必不可少的组件。在本文中,我们将介绍如何使用 Node.js 实现表格的增删改查功能。

1. 初步准备

在开始之前,我们需要确保在本地计算机上安装了 Node.js。

第一步,我们可以在命令行中输入 node -v 命令,来查看 Node.js 是否已经安装成功。如果已经安装完成,将会输出相应的版本号信息。

第二步,我们需要安装相关依赖项。在命令行中进入项目文件夹,并输入以下命令:


npm i express body-parser mysql

其中,express 是一个流行的 Node.js 框架,它可以帮助我们快速构建 Web 应用程序。body-parser 可以帮助我们解析请求体,而 mysql 则是一个用于连接和查询 MySQL 数据库的 Node.js 模块。

2. 创建数据库

在我们开始使用 Node.js 编写代码之前,我们需要先创建一个测试用的数据库,以便存储表格数据。

我们可以使用 MySQL 数据库,并在其中创建一个名为 "test" 的数据库,并创建一个名为 "students" 的表格,该表格有以下字段:

| id  | name    | age | score |

| ---- | ---------- | ---- | ----- |

| 1  | Zhang San | 20  | 90  |

| 2  | Li Si   | 22  | 85  |

| 3  | Wang Wu  | 21  | 95  |

| 4  | Zhao Liu  | 23  | 88  |

| 5  | Sun Qian  | 19  | 92  |

| 6  | Zhou Qi  | 20  | 89  |

| 7  | Wu Baobao | 22  | 96  |

| 8  | Liu Shishi | 21  | 80  |

| 9  | Xu Xiaojie | 23  | 87  |

3. 编写代码

完成了前两步之后,我们就可以开始编写 Node.js 代码了。首先,我们需要创建一个 app.js 文件,并编写如下代码:


const express = require('express');

const bodyParser = require('body-parser');

const mysql = require('mysql');

const app = express();

const port = 3000;

app.use(bodyParser.urlencoded({ extended: false }));

app.use(bodyParser.json());

const conn = mysql.createConnection(

 database: 'test'

);

conn.connect(err => {

 if (err) {

  console.error('Database connection failed: ' + err.stack);

  return;

 }

 console.log('Connected to database as ID: ' + conn.threadId);

});

app.get('/', (req, res) => {

 conn.query('SELECT * from students', (err, results) => {

  if (err) {

   console.error(err);

   res.status(500).send('Server Error');

   return;

  }

  res.send(results);

 });

});

app.post('/add', (req, res) => {

 const score = req.body;

 if (!name || !age || !score) {

  return res.status(400).send('Bad Request');

 }

 conn.query('INSERT INTO students (name, age, score) values (?, ?, ?)', [name, age, score], (err, results) => {

  if (err) {

   console.error(err);

   res.status(500).send('Server Error');

   return;

  }

  res.send('OK');

 });

});

app.put('/update/:id', (req, res) => {

 const { id } = req.params;

 const score = req.body;

 if (!name || !age || !score) {

  return res.status(400).send('Bad Request');

 }

 conn.query('UPDATE students SET name = ?, age = ?, score = ? WHERE id = ?', [name, age, score, id], (err, results) => {

  if (err) {

   console.error(err);

   res.status(500).send('Server Error');

   return;

  }

  res.send('OK');

 });

});

app.delete('/delete/:id', (req, res) => {

 const { id } = req.params;

 conn.query('DELETE FROM students WHERE id = ?', [id], (err, results) => {

  if (err) {

   console.error(err);

   res.status(500).send('Server Error');

   return;

  }

  res.send('OK');

 });

});

app.listen(port, () => {

 console.log('Server started on port ' + port);

});

在上述代码中,我们首先引入了 express、body-parser 和 mysql 等依赖项,并分别定义了一个 app、port、conn 对象,用于后续的应用程序、端口号、数据库连接等操作。我们还设置了中间件,以解析请求体中的数据。

接着,我们使用 conn.query() 方法查询数据库中的 students 表格,并将查询结果返回给客户端。当客户端向 "/add"、"/update/:id" 和 "/delete/:id" 路径发送请求时,我们会从请求体和 URL 中解析出对应的增删改查信息,并使用 conn.query() 方法向数据库中添加新数据、更新数据或删除数据。

最后,在应用程序启动时,我们会通过 app.listen() 方法启动 HTTP 服务器,并将其监听在指定的端口号。

4. 测试程序

当我们完成代码编写之后,我们可以使用 Postman 等工具来测试我们的表格增删改查功能。在 Postman 中,我们可以向 localhost:3000 发送 GET 请求,并获取到数据库中的所有数据。

接着,我们可以向 localhost:3000/add 发送 POST 请求,并传递一些数据。在这个例子中,我们可以传递一个名为 "Tom" 的学生信息。如果操作成功,我们应该能够获得 "OK" 作为响应。

接下来,我们可以使用类似的方式,向 "/update/:id" 和 "/delete/:id" 路径发送 PUT 和 DELETE 请求,以更新和删除数据库中对应的数据。

5. 总结

在本文中,我们介绍了如何使用 Node.js、Express、Body-parser 和 MySQL 等技术,来快速实现表格的增删改查功能。这些知识点对于 Web 应用程序的开发都非常重要,相信读者在学习了这篇文章之后已经对它们有了更深的理解。

  
  
下一篇: C++和Java的比较

评论区

{{item['qq_nickname']}}
()
回复
回复