2020年了，还在做老项目的clone？这份node.js实战项目清单给你焕发青春

在当今的Web开发领域，Node.js凭借其高效、轻量级的特性，以及JavaScript的全栈优势，成为了构建各种应用的热门选择。对于初学者来说，搭建一个简单的博客系统无疑是入门Node.js，并掌握Web开发基本概念的绝佳途径。本文将详细介绍如何使用Node.js构建一个基础的博客系统，并通过代码示例帮助你理解其背后的原理。

首先，我们需要明确搭建博客系统所需的核心功能：

1. 内容存储 : 博客文章需要存储在数据库中，以便后续的读取和展示。我们可以选择关系型数据库（如MySQL）或非关系型数据库（如MongoDB），根据实际需求进行选择。
2. 路由 : 用户需要通过不同的URL访问不同的页面，例如首页、文章列表页、文章详情页等。我们需要使用路由功能来处理这些请求，并将它们映射到对应的处理函数。
3. 模板引擎 : 为了动态生成HTML页面，我们需要使用模板引擎。模板引擎可以将数据和HTML模板结合起来，生成最终的页面内容。
4. 表单处理 : 用户需要能够提交新的博客文章，这需要我们处理表单提交的数据，并将数据存储到数据库中。

接下来，我们一步步来实现这些功能。

1. 项目初始化和依赖安装

首先，创建一个新的项目文件夹，例如"my-blog"，并在终端中进入该文件夹。然后，使用以下命令初始化项目：

npm init -y

这会生成一个package.json文件，用于管理项目的依赖和配置。

接着，安装所需的依赖：

npm install express ejs mysql2

这里我们选择了Express框架来构建Web应用，使用EJS作为模板引擎，以及mysql2来连接MySQL数据库。

2. 数据库连接和模型定义

假设我们使用MySQL数据库，首先需要创建一个名为"my_blog"的数据库，并在其中创建一个名为"posts"的表，用于存储博客文章。表的结构如下：

字段名	数据类型	说明
id	INT	文章ID，主键，自增
title	VARCHAR(255)	文章标题
content	TEXT	文章内容
created_at	TIMESTAMP	创建时间

接下来，在项目根目录下创建一个名为"db.js"的文件，用于连接数据库和定义数据模型：

const mysql = require('mysql2');

const pool = mysql.createPool({
  host: 'localhost',
  user: 'your_username',
  password: 'your_password',
  database: 'my_blog'
});

const Post = {
  getAll: async () => {
    const [rows] = await pool.execute('SELECT * FROM posts');
    return rows;
  },
  getById: async (id) => {
    const [rows] = await pool.execute('SELECT * FROM posts WHERE id = ?', [id]);
    return rows[0];
  },
  create: async (title, content) => {
    const [result] = await pool.execute('INSERT INTO posts (title, content) VALUES (?, ?)', [title, content]);
    return result.insertId;
  }
};

module.exports = {
  Post
};

3. 路由和控制器

在项目根目录下创建一个名为"routes"的文件夹，并在其中创建一个名为"posts.js"的文件，用于定义博客文章相关的路由：

const express = require('express');
const router = express.Router();
const { Post } = require('../db');

router.get('/', async (req, res) => {
  const posts = await Post.getAll();
  res.render('posts/index', { posts });
});

router.get('/new', (req, res) => {
  res.render('posts/new');
});

router.post('/', async (req, res) => {
  const { title, content } = req.body;
  const postId = await Post.create(title, content);
  res.redirect(`/posts/${postId}`);
});

router.get('/:id', async (req, res) => {
  const post = await Post.getById(req.params.id);
  res.render('posts/show', { post });
});

module.exports = router;

在项目根目录下创建一个名为"app.js"的文件，作为应用程序的入口：

const express = require('express');
const app = express();
const postsRouter = require('./routes/posts');

app.set('view engine', 'ejs');
app.use(express.urlencoded({ extended: true }));

app.use('/posts', postsRouter);

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

4. 视图模板

在项目根目录下创建一个名为"views"的文件夹，并在其中创建一个名为"posts"的文件夹。然后，在"posts"文件夹中创建以下文件：

• index.ejs: 博客文章列表页
• new.ejs: 新建文章页面
• show.ejs: 文章详情页

index.ejs:

<h1>Blog Posts</h1>

<ul>
  <% posts.forEach(post => { %>
    <li>
      <a href="/posts/<%= post.id %>"><%= post.title %></a>
    </li>
  <% }); %>
</ul>

<a href="/posts/new">New Post</a>

new.ejs:

<h1>New Post</h1>

<form method="POST" action="/posts">
  <div>
    <label for="title">Title:</label>
    <input type="text" id="title" name="title" required>
  </div>
  <div>
    <label for="content">Content:</label>
    <textarea id="content" name="content" required></textarea>
  </div>
  <button type="submit">Create</button>
</form>

show.ejs:

<h1><%= post.title %></h1>

<p><%= post.content %></p>

5. 运行应用程序

在终端中运行以下命令启动应用程序：

node app.js

现在，你可以在浏览器中访问http://localhost:3000/posts来查看你的博客系统了。

常见问题解答

1. 如何更改数据库配置？

   • 你可以在db.js文件中修改数据库连接配置，例如主机名、用户名、密码和数据库名称。

2. 如何添加新的路由？

   • 你可以在routes文件夹中创建新的路由文件，并在app.js文件中引入并使用它们。

3. 如何更改模板引擎？

   • 你可以在app.js文件中修改view engine设置，例如使用Pug或Handlebars作为模板引擎。

4. 如何处理用户认证？

   • 你可以使用Passport.js等身份验证中间件来处理用户登录和注册。

5. 如何部署应用程序？

   • 你可以使用Heroku、AWS Elastic Beanstalk或其他云平台来部署你的应用程序。

这只是一个简单的博客系统的基本实现，你可以根据自己的需求添加更多功能，例如评论、标签、搜索等。希望这篇文章能够帮助你入门Node.js和Web开发，并构建出你自己的博客系统。