littlebot
Published on 2025-04-18 / 0 Visits
0

【源码】基于Vue和Express的全栈博客系统

项目简介

本项目是基于Vue、Express和MongoDB的全栈博客系统,具备前端博客展示、后台管理以及用户管理等功能。旨在帮助开发者了解并实践全栈开发流程,搭建功能完整的个人博客。

项目的主要特性和功能

  1. 前端运用Vue框架,结合Element - UI快速完成界面构建。
  2. 后端采用Express服务器框架,负责处理前后端交互。
  3. 数据库选用MongoDB存储博客内容和相关数据,通过Mongoose框架操作数据库。
  4. 服务端拥有登录、用户与文章的增删改查、文章关联分类和标签、评论管理、访问量统计等功能。
  5. 后台管理端具备登录、用户与文章管理、标签与分类管理等功能。
  6. 博客页面实现了页面结构设计、服务器端渲染、响应式布局、登录注册、文章详情页、评论系统等功能。

安装使用步骤

1. 修改配置文件

将项目复制到本地后,修改相关配置文件: - 把config/config.example.js重命名为config.js,并填入实际配置。 - 把ssr/config/config.example.js重命名为config.js,并填入实际配置。 - 修改src/admin/assets/js/config.js里的设置。

2. 安装依赖并启动项目

进入项目目录,执行以下命令: - 在/src/admin目录下执行npm install安装依赖,再执行npm run build构建前端项目。 - 在根目录下执行npm install安装依赖,执行npm run dev启动开发服务器,执行npm run addAdmin添加管理员用户。

3. 访问项目

打开浏览器,分别访问以下地址: - 访问http://localhost:3000/admin进入博客后台管理系统。 - 访问http://localhost:3000/blog查看博客页面。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】