Node.js + MySQL,高效搭建个人网站全攻略,Node.js与MySQL融合,打造高效个人网站实战指南
本文详细介绍了如何使用Node.js和MySQL高效搭建个人网站。阐述了Node.js的异步非阻塞特性及其在Web开发中的优势。指导读者如何配置MySQL数据库,实现数据存储和查询。通过结合Express框架,展示了如何快速搭建网站并实现前后端分离。全文提供实用步骤和代码示例,助您轻松构建个人网站。
随着互联网技术的不断发展,个人网站已经成为展示个人才华、分享知识和交流经验的重要平台,而Node.js以其高性能、轻量级的特点,成为了搭建个人网站的热门选择,本文将为您详细讲解如何使用Node.js和MySQL搭建一个功能完善、性能稳定的个人网站。
环境准备
1、Node.js:下载并安装Node.js,建议选择稳定版,安装完成后,打开命令行工具,输入node -v和npm -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搭建了一个简单的个人网站,在实际开发过程中,您可以根据需求添加更多功能,如用户注册、登录、文章发布等,希望本文对您有所帮助!
平塘县第2批高考分数线发布,打破往年的难关,平塘高考分数线公布,今年打破往年的难关
下一篇《金融时报》主编:如果欧盟经济增长只能维持2015年以来平均增长率,到2050年只能勉强保持GDP不下降
相关文章
