使用 Express.js 和 MySQL 构建 Web 应用程序

Express.js 是一个流行的 Node.js Web 框架,而 MySQL 是一种广泛使用的关系型数据库。本文将介绍如何结合使用 Express.js 和 MySQL 构建功能强大的 Web 应用程序。

一、安装和设置

首先,确保您已经安装了 Node.js 和 MySQL。然后,通过以下步骤设置项目

1.1 创建项目文件夹

创建一个名为 test_demo的文件夹,并在开发工具中打开。

1.2 初始化 npm:

npm init -y

1.2.1 安装 Express.js 和 MySQL 模块

npm install express mysql

1.3 创建一个新的 app.js 文件,并导入所需模块

javascript 复制代码
const express = require('express'); 
const mysql = require('mysql'); 
const app = express();

1.3.1 配置 MySQL 连接

javascript 复制代码
const connection = mysql.createConnection({ host: 'localhost', 
user: '数据库用户名', 
password: '数据库密码', 
database: '数据库名' }); 
connection.connect((err) => { 
    if (err) { 
        console.error('连接数据库失败: ', err); 
        return; 
    } 
    console.log('连接数据库成功!'); 
});

1.4 创建数据表

在数据库当中执行以下sql

sql 复制代码
CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(50) NOT NULL,
    email VARCHAR(100) NOT NULL
);

二、创建路由和处理请求

现在,让我们创建一些路由来处理 Web 请求,并使用 MySQL 进行数据操作。以下是一个示例路由,用于获取和创建用户:

javascript 复制代码
app.get('/users', (req, res) => { 
    connection.query('SELECT * FROM users', (err, results) => { 
        if (err) { 
            console.error('Error retrieving users: ', err);                         
            res.status(500).send('Internal Server Error'); 
            return; 
        } 
        res.json(results); 
    }); 
}); 

app.post('/users', (req, res) => { 
    const { name, email } = req.body; 
    connection.query('INSERT INTO users (name, email) VALUES (?, ?)', 
        [name, email], (err, result) => { 
        if (err) { 
            console.error('Error creating user: ', err);             
            res.status(500).send('Internal Server Error'); 
            return; 
        } 
        res.status(201).json({ name, email }); 
    }); 
});

三、启动服务器

最后,我们需要启动 Express.js 服务器并监听指定的端口:

javascript 复制代码
const PORT = process.env.PORT || 3000; 
app.listen(PORT, () => { 
    console.log(`http://127.0.0.1:${PORT}`); 
});
相关推荐
黑客老陈38 分钟前
新手小白如何挖掘cnvd通用漏洞之存储xss漏洞(利用xss钓鱼)
运维·服务器·前端·网络·安全·web3·xss
正小安43 分钟前
Vite系列课程 | 11. Vite 配置文件中 CSS 配置(Modules 模块化篇)
前端·vite
暴富的Tdy1 小时前
【CryptoJS库AES加密】
前端·javascript·vue.js
neeef_se1 小时前
Vue中使用a标签下载静态资源文件(比如excel、pdf等),纯前端操作
前端·vue.js·excel
m0_748235611 小时前
web 渗透学习指南——初学者防入狱篇
前端
℘团子এ1 小时前
js和html中,将Excel文件渲染在页面上
javascript·html·excel
z千鑫1 小时前
【前端】入门指南:Vue中使用Node.js进行数据库CRUD操作的详细步骤
前端·vue.js·node.js
m0_748250742 小时前
Web入门常用标签、属性、属性值
前端