首页 快讯文章正文

Node.js + MySQL,高效搭建个人网站全攻略,Node.js与MySQL融合,打造高效个人网站实战指南

快讯 2025年01月23日 16:43 68 admin
本文详细介绍了如何使用Node.js和MySQL高效搭建个人网站。阐述了Node.js的异步非阻塞特性及其在Web开发中的优势。指导读者如何配置MySQL数据库,实现数据存储和查询。通过结合Express框架,展示了如何快速搭建网站并实现前后端分离。全文提供实用步骤和代码示例,助您轻松构建个人网站。

随着互联网技术的不断发展,个人网站已经成为展示个人才华、分享知识和交流经验的重要平台,而Node.js以其高性能、轻量级的特点,成为了搭建个人网站的热门选择,本文将为您详细讲解如何使用Node.js和MySQL搭建一个功能完善、性能稳定的个人网站。

环境准备

1、Node.js:下载并安装Node.js,建议选择稳定版,安装完成后,打开命令行工具,输入node -vnpm -v检查是否安装成功。

2、MySQL:下载并安装MySQL,建议选择最新版,安装完成后,打开命令行工具,输入mysql -u root -p进入MySQL命令行界面。

3、数据库:创建一个用于存储网站数据的MySQL数据库,如mywebsite

搭建项目结构

创建一个项目文件夹,如mywebsite,并在其中创建以下目录:

mywebsite/
├── node_modules/
├── public/
│   ├── css/
│   ├── js/
│   └── images/
├── src/
│   ├── models/
│   ├── routes/
│   ├── views/
│   └── app.js
└── package.json

1、node_modules/:存放项目依赖的模块。

2、public/:存放静态资源,如CSS、JavaScript和图片等。

3、src/:存放项目源代码。

4、models/:存放数据库模型。

5、routes/:存放路由控制器。

6、views/:存放视图模板。

7、app.js:项目入口文件。

8、package.json:项目配置文件。

安装依赖

在项目根目录下,打开命令行工具,执行以下命令安装依赖:

npm init -y
npm install express mysql body-parser ejs

1、express:Node.js Web应用框架。

2、mysql:Node.js操作MySQL的模块。

3、body-parser:解析HTTP请求体中的数据。

4、ejs:模板引擎。

创建数据库模型

src/models/目录下创建一个名为user.js的文件,用于定义用户模型:

const mysql = require('mysql');
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'your_password',
  database: 'mywebsite'
});
connection.connect();
module.exports = {
  connection
};

创建路由控制器

src/routes/目录下创建一个名为user.js的文件,用于处理用户相关的路由:

const express = require('express');
const router = express.Router();
const User = require('../models/user');
router.get('/', (req, res) => {
  User.connection.query('SELECT * FROM users', (err, results) => {
    if (err) throw err;
    res.render('index', { users: results });
  });
});
router.post('/add', (req, res) => {
  const { username, password } = req.body;
  User.connection.query('INSERT INTO users (username, password) VALUES (?, ?)', [username, password], (err, results) => {
    if (err) throw err;
    res.redirect('/');
  });
});
module.exports = router;

创建视图模板

src/views/目录下创建一个名为index.ejs的文件,用于展示用户列表:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Website</title>
</head>
<body>
  <h1>User List</h1>
  <ul>
    <% users.forEach(user => { %>
      <li><%= user.username %></li>
    <% }); %>
  </ul>
  <form action="/add" method="post">
    <input type="text" name="username" placeholder="Username" required>
    <input type="password" name="password" placeholder="Password" required>
    <button type="submit">Add User</button>
  </form>
</body>
</html>

配置项目入口文件

src/app.js文件中,配置路由和视图模板:

const express = require('express');
const bodyParser = require('body-parser');
const ejs = require('ejs');
const userRoutes = require('./routes/user');
const app = express();
app.set('view engine', 'ejs');
app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static('public'));
app.use('/', userRoutes);
app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

启动项目

在项目根目录下,打开命令行工具,执行以下命令启动项目:

node src/app.js

访问http://localhost:3000,即可看到用户列表和添加用户表单。

通过以上步骤,您已经成功使用Node.js和MySQL搭建了一个简单的个人网站,在实际开发过程中,您可以根据需求添加更多功能,如用户注册、登录、文章发布等,希望本文对您有所帮助!

标签: 全攻略 搭建 个人网站

上海衡基裕网络科技有限公司,网络热门最火问答,网络技术服务,技术服务,技术开发,技术交流www.plgjg.com 备案号:沪ICP备2023039794号 内容仅供参考 本站内容均来源于网络,如有侵权,请联系我们删除QQ:597817868