项目简介
本项目是基于Vue、Express和MongoDB的全栈博客系统,具备前端博客展示、后台管理以及用户管理等功能。旨在帮助开发者了解并实践全栈开发流程,搭建功能完整的个人博客。
项目的主要特性和功能
- 前端运用Vue框架,结合Element - UI快速完成界面构建。
- 后端采用Express服务器框架,负责处理前后端交互。
- 数据库选用MongoDB存储博客内容和相关数据,通过Mongoose框架操作数据库。
- 服务端拥有登录、用户与文章的增删改查、文章关联分类和标签、评论管理、访问量统计等功能。
- 后台管理端具备登录、用户与文章管理、标签与分类管理等功能。
- 博客页面实现了页面结构设计、服务器端渲染、响应式布局、登录注册、文章详情页、评论系统等功能。
安装使用步骤
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】