Node.js + MySQL，轻松搭建高效网站，Node.js与MySQL，高效网站构建之道

资讯 2025年01月24日 11:45 44 admin

利用Node.js和MySQL，您可以轻松构建高效网站。Node.js以其非阻塞I/O和事件驱动特性，提供卓越的性能；结合MySQL强大的数据库管理，实现快速响应的数据操作，为您的网站带来流畅的用户体验和稳定的数据支持。

随着互联网技术的不断发展，越来越多的企业和个人开始关注网站建设，而Node.js和MySQL作为当前最受欢迎的Web开发技术和数据库，凭借其高性能、易用性等特点，成为了搭建网站的首选，本文将为您详细讲解如何使用Node.js和MySQL搭建一个高效、稳定的网站。

Node.js简介

Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者使用JavaScript编写服务器端代码，Node.js具有高性能、跨平台、事件驱动等特点，使得Web开发更加高效、便捷。

MySQL简介

MySQL是一款开源的关系型数据库管理系统，它具有高性能、稳定性、易用性等特点，MySQL广泛应用于各种Web应用，如电商、论坛、博客等。

搭建Node.js + MySQL网站

1、环境搭建

（1）安装Node.js：从Node.js官网下载安装包，按照提示完成安装。

（2）安装MySQL：从MySQL官网下载安装包，按照提示完成安装。

（3）安装Node.js开发环境：安装Node.js开发环境，如Visual Studio Code、Sublime Text等。

2、创建项目

（1）创建项目文件夹：在本地创建一个项目文件夹，如“mywebsite”。

（2）初始化项目：进入项目文件夹，使用npm命令初始化项目。

npm init -y

3、安装依赖

（1）安装express：express是一个流行的Node.js Web框架，用于快速搭建Web应用。

npm install express

（2）安装mysql：mysql是一个Node.js的MySQL客户端库，用于连接MySQL数据库。

npm install mysql

4、创建数据库

（1）登录MySQL：打开命令行，输入以下命令登录MySQL。

mysql -u root -p

（2）创建数据库：输入以下命令创建数据库。

CREATE DATABASE mywebsite;

（3）创建数据表：进入数据库，输入以下命令创建数据表。

USE mywebsite;
CREATE TABLE users (
  id INT AUTO_INCREMENT PRIMARY KEY,
  username VARCHAR(50) NOT NULL,
  password VARCHAR(50) NOT NULL
);

5、编写代码

（1）创建app.js：在项目文件夹中创建一个名为“app.js”的文件，用于编写Node.js代码。

const express = require('express');
const mysql = require('mysql');
const app = express();
const port = 3000;
// 创建数据库连接
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'yourpassword',
  database: 'mywebsite'
});
// 连接数据库
connection.connect();
// 设置静态文件目录
app.use(express.static('public'));
// 获取用户列表
app.get('/users', (req, res) => {
  const query = 'SELECT * FROM users';
  connection.query(query, (err, results) => {
    if (err) throw err;
    res.json(results);
  });
});
// 启动服务器
app.listen(port, () => {
  console.log(Server running at http://localhost:${port}/);
});

（2）创建public文件夹：在项目文件夹中创建一个名为“public”的文件夹，用于存放静态文件，如HTML、CSS、JavaScript等。

（3）创建index.html：在public文件夹中创建一个名为“index.html”的文件，用于展示用户列表。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>用户列表</title>
</head>
<body>
  <h1>用户列表</h1>
  <ul>
    <!-- 用户列表 -->
  </ul>
  <script src="index.js"></script>
</body>
</html>

（4）创建index.js：在public文件夹中创建一个名为“index.js”的文件，用于获取用户列表。

fetch('/users')
  .then(response => response.json())
  .then(data => {
    const users = data.map(user =><li>${user.username}</li>).join('');
    document.querySelector('ul').innerHTML = users;
  });

6、启动项目

（1）打开命令行，进入项目文件夹。

（2）运行以下命令启动项目。