使用 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}`); 
});
相关推荐
FungLeo8 小时前
成为全栈·React 管理后台篇·总复盘:从“接口能调通”到“后台值得使用”
前端·react.js·前端框架·项目复盘·成为全栈
Csvn9 小时前
并发模式:让渲染学会排队、插队和让路
前端
可乐鸡翅yeah_10 小时前
新手梳理:M3U8 线上问题,哪些是前端锅,哪些是后端锅
前端·ios·音视频·实时音视频·m3u8·音视频在线播放
Flynt10 小时前
Linear 用 1000 个 PR 换掉 styled-components,我写了 200 个按钮,把这笔账复现了一遍
前端·css·preact
JavaGuide11 小时前
NVIDIA 又开源了!这次给 AI Agent 加上权限管控
前端·后端
excel11 小时前
prisma 如何处理数据库竞态
前端·数据库·后端
莪_幻尘12 小时前
Skill 体检:30 个 Skill 全凭感觉?体检器先自曝了 8 个“假 0 分
前端·人工智能·llm
风骏时光牛马12 小时前
AI模型综合能力评测:性能、指令遵循与多场景实测对比
前端
Frag0ut12 小时前
Chrome与Chromium内核浏览器在Windows 11上的新特性全景解析
前端·chrome·windows·web安全·chromium·gemini ai·playready drm
hiahiahia12313 小时前
实现完整 Tool Dispatcher
开发语言·前端