# bbs-forum
**Repository Path**: e-commerce-development_0/bbs-forum-system
## Basic Information
- **Project Name**: bbs-forum
- **Description**: 基于 SpringBoot + Vue 的一套前后端分离的BBS论坛系统！
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 6
- **Created**: 2024-10-11
- **Last Updated**: 2024-10-11
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 源码获取方式见上 源码获取地址.md
# SpringBoot + Vue.js 实现 BBS论坛系统
## 前言
> BBS论坛系统是一套前后端分离的开源社区系统，基于目前主流的前端框架VUE + 后端SpringBoot + MyBatis-plus + MySQL等，其中包含了基本的论坛和社区模块。
>
> 系统实现基于之前的一个项目，详情请参考 [【SpringBoot + VUE BBS论坛系统】](http://t.csdn.cn/jDaOL)，因为最近私信我要这个项目的人数太多了，自己最近也重新整理了一下系统源码，修复了系统之前存在的各种bug。如果在使用该源码中的过程中还存在任何问题，欢迎大家通过我的微信公众号【京茶吉鹿】来联系我，同时希望各位佬多多给我的仓库点个✨✨ **star** ✨✨啊！
## 项目技术
前端主要选择使用的是 Vue2 + Element UI
后端主要使用的是 SpringnBoot + MyBatis-Plus
身份认证使用的是 SpringSecurity + JWT
## 功能列表
系统主要的功能点如下
| 用户 | 管理员 |
| :------------------------: | :------------------------------: |
| 登录 / 注册 | 登录 |
| 更新用户个人(头像、昵称等) | 文章审核 / 删除 |
| 发文章 / 浏览文章 | 社区审核 / 删除 / 禁用 |
| 点赞 / 收藏 / 评论 / 回复 | 用户管理(搜索、禁用、删除等) |
| 申请创建社区 / 加入社区 | 用户评论管理 |
| 搜索文章 | 系统公告管理 |
| 评论发布 / 删除 | 轮播图管理(修改等) |
| 我的发布 / 收藏 / 信息 | 文章审核情况预览 |
| 文章修改编辑 | 系统数据检测(用户、社区、文章等) |
## 仓库文件描述
- bbs-server：论坛系统的后端服务器包
- bbs-storage：论坛系统的存储服务器包
- bbs：论坛系统的前端包
- storage：论坛系统中使用到的图片资源
- bbs.sql：论坛系统的数据库脚本
## 如何使用源码
> 该系统推荐前端使用 webstorm 或vscode，后端使用 idea
1. 源码获取方式
- 直接下载压缩包
- 或使用命令拉取仓库到本地
```bash
git clone https://gitee.com/OHUHO/bbs-forum-system.git
```
2. 数据库脚本
先使用可视化工具，运行 bbs.sql 脚本，使其为您在本地产生数据。
如果此时运行成功，我们可以看到数据库中产生了若干个以 bbs_ 开头的表，但是当个我们打开数据表时会发现数据库中涉及到图片地址的字段中都含有不属于我们主机的 IP，此时我们可以通过下面的命令来将数据库中这些字段的 IP 改成自己本地的 IP 。**如果不替换成自己主机的 IP 地址，后续系统将不能成功加载图片。**
```sql
-- 更改数据库中的 ip地址
-- update 表名 set 字段名=replace(字段名,'旧ip','新ip')
SET @old_ip = '192.168.1.7';
SET @new_ip = '192.168.31.35';
update bbs_user SET portrait = REPLACE(portrait, @old_ip, @new_ip);
update bbs_area SET image_url = REPLACE(image_url, @old_ip, @new_ip);
update bbs_article SET article_content = REPLACE(article_content, @old_ip, @new_ip);
update bbs_article SET article_image = REPLACE(article_image, @old_ip, @new_ip);
update bbs_community SET community_image = REPLACE(community_image, @old_ip, @new_ip);
update bbs_slideshow SET image_url = REPLACE(image_url, @old_ip, @new_ip);
```
3. 修改配置文件
- bbs-server 包中的 application.yml，修改**数据库配置**信息
- bbs-server 包中的 application.yml，修改 storage 选项下的 **ip**（本机IP）、**path**（存放图片资源的位置，如下，此处的 storage 就是源代码中存放图片的 storage 文件夹）
```yaml
storage:
path: E:/bbs/storage/ # 此处的storage就是源代码中的storage文件夹
```
- bbs-storage 包中的 application.yml，修改storage 选项下的 **path**，与上面的 path 保持一致
到这一步，就可以启动后端服务器 bbs-server 和 存储服务器 bbs-storage 了。
4. 前端项目配置
```bash
npm install # 下载依赖资源包
npm run serve # 启动项目
```
此时通过 8081 端口就可以访问系统啦，到此处恭喜您成功在本地部署了项目！
## 系统截图
| 描述 | 界面展示 |
| :--------------------: | :----------------------------------------------------------: |
| 首页未登录状态 |  |
| 登录注册界面 |  |
| 论坛页面 |  |
| 文章详情页面 |  |
| 评论回复区 |  |
| 社区页面 |  |
| 社区详情页面 |  |
| 消息区 |  |
| 文章发布区 |  |
| 文章发布 |  |
| 个人中心 |  |
| 信息修改(头像、昵称等) |  |
| 申请创建社区 |  |
| 我的收藏夹 |  |
| 我的发布页 |  |
| 我的文章修改 |  |
## 写在最后
> 由于作者的一身穷酸，在此项目中并没有使用第三方的存储服务来存放图片等静态资源。
>
> 使用的方法是，通过 WebMvc 的方式，将本地的一个文件夹映射成可以在浏览器访问的路径，也就是源代码中 bbs-storage 实现的原理。
在使用源码的过程中，还存在问题的小伙伴可以通过我的微信公众号【京茶吉鹿】联系我，最后，如果该源码对您有帮助的话，希望可以收到你的一个 ✨✨ **star** ✨✨啊！，你的 ✨✨ **star** ✨✨ 就是我不断创作的动力。