使用 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}`); 
});
相关推荐
徐小夕1 小时前
被CRUD拖垮的第5年,我用Cursor 一周"复仇":pxcharts-vue开源,一个全栈老兵的AI编程账本
前端·vue.js·github
Wect3 小时前
LeetCode 39. 组合总和:DFS回溯解法详解
前端·算法·typescript
Wect3 小时前
LeetCode 46. 全排列:深度解析+代码拆解
前端·算法·typescript
IT_陈寒3 小时前
Vite 凭什么比 Webpack 快50%?揭秘闪电构建背后的黑科技
前端·人工智能·后端
颜酱3 小时前
Dijkstra 算法:从 BFS 到带权最短路径
javascript·后端·算法
hi大雄3 小时前
我的 2025 —— 名为《开始的勇气》🌱
前端·年终总结
从文处安4 小时前
「前端何去何从」一直写 Vue ,为何要在 AI 时代去学 React?
前端·react.js
aircrushin4 小时前
OpenClaw“养龙虾”现象的社会技术学分析
前端·后端
明君879974 小时前
#Flutter 的官方Skills技能库
前端·flutter
yuki_uix4 小时前
重新认识 React Hooks:从会用到理解设计
前端·react.js