在现代互联网时代，博客已经成为个人或团队展示作品、分享经验、传递知识的重要手段。那么，如何快速开发一个简单的博客系统呢？本文将介绍利用 Node.js + Express 开发一个简单的博客系统的具体步骤。
前置知识
在阅读本篇文章之前，你需要具备以下前置知识：
- 熟悉 HTML、CSS、JavaScript
- 熟悉 Node.js
- 了解 Express 框架
功能需求
在我们开始编写代码之前，先要明确博客系统的功能需求。本博客系统需要具备以下功能：
- 用户能够浏览博客文章
- 管理员能够登录后台管理系统
- 管理员能够发布和编辑博客文章
搭建环境
在开始编写代码之前，我们需要先搭建一个 Node.js + Express 的开发环境。
安装 Node.js
首先，在你的电脑上安装 Node.js。你可以到 Node.js 官网 下载安装包进行安装，安装完成后，打开命令行工具，输入以下命令验证是否安装成功：
node -v
如果出现 Node.js 的版本信息，表示安装成功。
安装 Express
其次，安装 Express。在命令行工具中输入以下命令：
npm install express --save
以上命令将会下载 Express 并将其保存在你的项目目录下的 node_modules 文件夹中。此外，--save 选项会把 express 注册到你的项目依赖列表中。
编写代码
经过以上步骤，接下来就可以开始编写代码了。
1. 创建 Express 应用
首先，创建一个新的文件夹，进入该文件夹，打开命令行工具，输入以下命令：
npm init
这个命令将会引导你创建一个新的 package.json 文件，这个文件用于管理你的项目依赖。按照提示填写，或者直接按回车默认值即可。
接下来，在命令行工具中输入以下命令：
npm install express --save
这个命令将会安装 Express 并将其加入你的依赖列表中。
由于我们需要使用到数据库，所以需要安装 mongoose 模板，我们在命令行工具中输入以下命令：
npm install mongoose --save
接下来，在项目的根目录下创建一个名为 app.js 的文件，并编写以下代码：
// javascriptcn.com 代码示例
const express = require('express')
const mongoose = require('mongoose')
const app = express()
// 连接数据库
mongoose.connect('mongodb://localhost/blog', {
useNewUrlParser: true,
useUnifiedTopology: true,
})
// 监听数据库连接状态
mongoose.connection.on('open', () => console.log('database connected!'))
// 监听 HTTP 请求
app.listen(3000, () => console.log('listening on port 3000...'))接下来，我们将会建立博客文章的数据模型，并提供一个简单的 API，以便客户端可以获取博客文章。
2. 建立数据模型
在 app.js 中添加以下代码：
// javascriptcn.com 代码示例
const blogPostSchema = new mongoose.Schema({
title: String,
content: String,
createdAt: { type: Date, default: Date.now },
author: String,
})
const BlogPost = mongoose.model('BlogPost', blogPostSchema)
app.set('view engine', 'ejs')
app.use(express.static(__dirname + '/public'))
// 添加路由
app.get('/', async (req, res) => {
const blogPosts = await BlogPost.find().sort({ createdAt: 'desc' })
res.render('index', { blogPosts: blogPosts })
})这个代码会定义一个名为 BlogPost 的数据模型，这个数据模型包含了博客文章标题、内容、创建时间和作者等属性。
我们还定义了一个名为 blogPosts 的路由，并使用 BlogPost.find() 方法查找所有的博客文章。
最后，我们使用 res.render() 方法将博客文章传递给 EJS 模板，生成 HTML 页面并将其返回到客户端。
3. 编写前端页面
本文将不会深入讲解前端页面的编写，我们会使用 EJS 模板语言创建一个简单的前端页面。创建一个名为 views/index.ejs 的文件，并编写以下代码：
// javascriptcn.com 代码示例
<!DOCTYPE html>
<html>
<head>
<title>Blog</title>
<link href="/css/style.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<h1>Blog</h1>
<% for (let blogPost of blogPosts) { %>
<div class="blog-post">
<h2><%= blogPost.title %></h2>
<p><%= blogPost.content %></p>
</div>
<% } %>
</div>
</body>
</html>上述代码中，我们使用了 EJS 的模板语言，实现了一个显示博客文章列表的页面。
4. 运行项目
在命令行工具中输入以下命令：
node app.js
这个命令将会启动项目，并监听端口 3000。可以在浏览器中访问 http://localhost:3000，查看博客文章列表。
总结
本文介绍了如何使用 Node.js + Express 开发一个简单的博客系统，从环境搭建到功能实现都有详细的代码示例。希望本文能够对初学 Node.js 和 Express 的朋友有所启发和帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6541c68f7d4982a6ebb64340