使用 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}`); 
});
相关推荐
木斯佳8 分钟前
前端八股文面经大全:京东前端实习一面(2026-04-16)·面经深度解析
前端
chenxu98b9 分钟前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端
Bigger14 分钟前
第十章:我是如何剖析 CLI 里的终极 Agent 能力的(电脑控制与浏览器接管)
前端·claude·源码阅读
coder_liluyao15 分钟前
JS动画函数的封装(很实用)
javascript
kyriewen16 分钟前
代码写成一锅粥?这5种设计模式让你的项目“起死回生”
前端·javascript·设计模式
蓝色的雨20 分钟前
基于Babylonjs的WEBGPU渲染器源码架构
前端·javascript
浇头面加面20 分钟前
📊 流式输出实现总结
前端
qq_120840937121 分钟前
Three.js 与前端框架集成实战:Vue/React 生命周期对齐与热更新避坑
javascript·vue.js·前端框架
donecoding25 分钟前
对象模型与内存的“钥匙理论”:TS 切入的 Go 的结构体与指针
javascript·typescript·go
阿正的梦工坊34 分钟前
JavaScript 函数组合(Compose & Pipe)详解
开发语言·javascript·网络