在线论坛
- 项目介绍
- 项目使用技术介绍
- 前端技术栈
- 后端技术栈
- 项目运行步骤说明
- 后端运行步骤
- 前端运行步骤
- 项目使用说明
- 用户端功能
- 管理员端功能
- 部分功能说明
- 运行截图
- 用户端
- 管理员端
- 系统源码
项目介绍
这是一个基于现代技术栈开发的在线论坛系统，提供用户交流、内容分享和社区互动功能。系统采用前后端分离架构，具有良好的用户体验和可扩展性。
项目使用技术介绍
前端技术栈
- Vue 3 - 渐进式 JavaScript 框架
- Vue Router - 官方路由管理器
- Tailwind CSS - 原子化 CSS 框架
- Headless UI - 无样式组件库
- Heroicons - SVG 图标库
- ECharts - 数据可视化图表库
- Axios - HTTP 请求库
- V-md-editor - Markdown 编辑器 (仅用户端)
后端技术栈
- Spring Boot 2.3.4 - 应用开发框架
- MyBatis-Plus - ORM 框架
- MySQL 8.0 - 关系型数据库
- Redis - 缓存数据库
- JWT - 用户认证
- Spring Mail - 邮件服务
项目运行步骤说明
后端运行步骤
- 确保已安装 JDK 8 和 Maven
- 创建 MySQL 数据库，执行
设计/init.sql初始化数据库- 修改后端
application.properties中的数据库连接信息- 分别进入用户端和管理员端后端目录执行:
mvn spring-boot:run
前端运行步骤
- 确保已安装 Node.js (推荐 v16+)
- 分别进入用户端和管理员端前端目录
- 安装依赖:
npm install
- 启动开发服务器:
npm run serve
项目使用说明
用户端功能
- 用户注册/登录/找回密码
- 个人中心管理
- 修改个人信息
- 查看个人主页
- 关注/粉丝管理
- 收藏管理- 内容浏览
- 首页推荐
- 发现页面
- 搜索功能- 内容创作
- 发布帖子(支持 Markdown)
- 发表评论
- 点赞/收藏
管理员端功能
- 数据统计概览
- 用户管理
- 用户信息查看
- 用户状态管理- 内容管理
- 帖子审核/管理
- 评论审核/管理- 标签管理
- 添加/编辑标签
- 标签分类管理
部分功能说明
- 在v-md-editor中，图片上传还没兼容
- 安全方面未添加限流和XSS过滤
运行截图
用户端
1.登陆页面
2.注册页面
3.忘记密码页面
4.个人中心页面
5.用户信息页面
6.我的主页页面
7.首页页面
8.发现页面
9.关注页面
10.粉丝页面
11.收藏页面
12.搜索页面
13.发布帖子页面
14.阅读帖子页面
15.发布评论页面
管理员端
1.数据概览页面
2.用户管理页面
3.帖子管理页面
4.评论管理页面
5.标签管理页面
系统源码
在线论坛