社区论坛系统代码地址https://www.aiyuanma.vip/posts/java-community-forum项目简介豆宝社区是一个基于SpringBoot Vue技术栈开发的前后端分离多用户社区论坛系统。本项目类似简版的掘金技术社区,实现了用户注册、登录、发帖、回帖、评论、关注、用户中心等完整的社区功能。项目配套完整的视频教程,适合作为全栈开发学习项目或计算机设计参考。技术栈后端技术技术版本/说明运行环境Java 1.8框架Spring Boot 2.3.8数据库MySQLORM框架MyBatis-Plus 3.4.2安全框架Spring Security身份认证JWT (jjwt 0.9.1)工具库Hutool 5.5.7JSON处理FastJSON 1.2.75表情处理emoji-java 5.1.1数据验证Hibernate Validator缓存连接池Commons Pool2前端技术技术版本/说明框架Vue 2.6.11路由管理Vue Router 3.2.0状态管理Vuex 3.4.0HTTP请求Axios 0.21.1UI组件库Buefy 0.9.4 Element UI 2.15.0CSS框架BulmaMarkdown编辑器Vditor 3.8.1暗黑模式DarkReader 4.9.26日期处理date-fns 2.17.0 dayjs 1.10.4进度条NProgress 0.2.0Cookie管理js-cookie 2.2.1项目特点前后端分离后端提供RESTful API,前端独立开发部署完整社区功能涵盖发帖、评论、关注、用户中心全流程JWT认证基于JWT的无状态身份认证机制Markdown支持使用Vditor编辑器,支持富文本和Markdown响应式设计支持PC端和移动端自适应暗黑模式支持明暗主题切换配套教程提供完整的视频教程和代码提交记录功能模块用户功能1. 用户认证用户注册用户登录退出登录JWT Token管理2. 用户中心个人信息展示个人信息编辑头像修改我的帖子我的评论我的关注我的粉丝3. 用户设置基本信息设置密码修改账号安全社区功能1. 帖子管理发表帖子编辑帖子删除帖子帖子列表展示帖子详情查看帖子分页加载帖子搜索2. 评论功能发表评论评论列表展示评论回复评论删除3. 标签系统标签分类按标签筛选帖子标签云展示4. 互动功能关注用户取消关注查看关注列表查看粉丝列表首页功能1. 公告板系统公告展示公告管理2. 每日一句每日励志语录随机语录展示3. 推广链接友情链接展示外部资源推荐4. 随便看看随机推荐帖子热门帖子推荐项目结构java-community-forum/ ├── java/ # 后端项目 (Spring Boot) │ ├── src/ │ │ ├── main/ │ │ │ ├── java/ │ │ │ │ └── com/douyuehan/doubao/ │ │ │ │ ├── config/ # 配置类 │ │ │ │ ├── controller/ # 控制器 │ │ │ │ ├── service/ # 业务逻辑层 │ │ │ │ ├── mapper/ # 数据访问层 │ │ │ │ ├── model/ # 实体类 │ │ │ │ ├── dto/ # 数据传输对象 │ │ │ │ ├── vo/ # 视图对象 │ │ │ │ ├── common/ # 公共类 │ │ │ │ ├── jwt/ # JWT工具类 │ │ │ │ └── interceptor/ # 拦截器 │ │ │ └── resources/ │ │ │ ├── application.yml # 配置文件 │ │ │ └── mapper/ # MyBatis映射文件 │ │ └── test/ # 测试代码 │ ├── pom.xml # Maven配置 │ ├── doubao.sql # 数据库SQL文件 │ └── README.md # 项目说明 │ ├── web/ # 前端项目 (Vue) │ ├── public/ # 静态资源 │ ├── src/ │ │ ├── api/ # API接口封装 │ │ ├── assets/ # 静态资源 │ │ ├── components/ # 公共组件 │ │ ├── router/ # 路由配置 │ │ ├── store/ # Vuex状态管理 │ │ ├── utils/ # 工具函数 │ │ ├── views/ # 页面视图 │ │ │ ├── Home.vue # 首页 │ │ │ ├── Post/ # 帖子相关页面 │ │ │ ├── User/ # 用户相关页面 │ │ │ ├── Tag/ # 标签相关页面 │ │ │ └── Search/ # 搜索页面 │ │ ├── App.vue # 根组件 │ │ └── main.js # 入口文件 │ ├── package.json # 依赖配置 │ └── vue.config.js # Vue配置 │ └── 社区论坛.mp4 # 演示视频数据库设计核心数据表bms_user- 用户表用户基本信息登录凭证用户状态bms_post- 帖子表帖子标题帖子内容发布时间作者信息bms_comment- 评论表评论内容评论时间关联帖子评论用户bms_tag- 标签表标签名称标签描述使用次数bms_post_tag- 帖子标签关联表帖子ID标签IDbms_follow- 关注关系表关注者ID被关注者ID关注时间bms_billboard- 公告板表公告内容发布时间显示状态bms_tip- 每日一句表语录内容作者显示状态bms_promotion- 推广链接表链接标题链接地址显示顺序运行环境要求后端环境JDK 1.8Maven 3.6MySQL 5.7前端环境Node.js 12.0npm 6.0 或 yarn快速开始1. 数据库配置创建MySQL数据库CREATEDATABASEdoubaoCHARACTERSETutf8mb4COLLATEutf8mb4_unicode_ci;导入数据库文件mysql-uroot-pdoubaojava/doubao.sql修改数据库配置编辑java/src/main/resources/application.yml:spring:datasource:url:jdbc:mysql://localhost:3306/doubao?useUnicodetruecharacterEncodingutf8serverTimezoneGMT%2B8username:rootpassword:your_password# 修改为你的密码driver-class-name:com.mysql.cj.jdbc.Driver2. 启动后端服务# 进入后端目录cdjava# 使用Maven编译打包mvn clean package# 运行Spring Boot应用java-jartarget/doubao-0.0.1-SNAPSHOT.jar# 或者使用Maven直接运行mvn spring-boot:run后端服务默认运行在http://localhost:80803. 启动前端服务# 进入前端目录cdweb# 安装依赖npminstall# 启动开发服务器npmrun dev前端服务默认运行在http://localhost:80814. 配置前端API地址编辑web/src/api/config.js,修改API基础地址:exportconstBASE_URLhttp://localhost:8080;// 修改为你的后端地址默认账号系统初始化后会自动创建管理员账号,可以通过注册功能创建新用户。在线体验在线演示地址: http://kamiba.gitee.io/doubao_deploy_frontend视频教程本项目配套完整的视频教程,共59集,从零开始手把手教学:B站地址: https://www.bilibili.com/video/BV1Wz4y1U7vC教程大纲项目介绍与基础知识前后端项目搭建公告板功能实现每日一句功能实现推广链接功能实现用户注册登录功能JWT认证与授权Vuex状态管理帖子列表与详情帖子发布与编辑评论功能实现标签系统实现搜索功能实现用户中心功能关注功能实现权限验证项目总结学习建议: 每一集视频对应Github上的一次代码提交,建议配合提交记录学习。代码开源地址前端代码: https://github.com/songboriceman/doubao_community_frontend后端代码: https://github.com/songboriceman/doubao_community_backend界面预览PC端首页公告板展示每日一句帖子列表侧边栏推荐发表文章Markdown编辑器标签选择实时预览文章详情文章内容展示评论列表作者信息相关推荐个人中心用户信息我的帖子我的评论关注/粉丝用户设置基本信息编辑头像上传密码修改移动端响应式布局移动端优化触摸友好扩展建议如需进一步完善项目,可考虑以下扩展:消息通知系统站内信、评论通知、关注通知点赞功能帖子点赞、评论点赞收藏功能收藏帖子、收藏夹管理举报功能内容举报、用户举报管理后台用户管理、内容审核、数据统计图片上传头像上传、帖子配图邮件验证注册邮件验证、找回密码第三方登录微信、QQ、GitHub登录积分系统用户积分、等级体系热榜功能热门帖子、热门标签全文搜索Elasticsearch集成Redis缓存热点数据缓存致谢本项目大量借鉴了极光社区项目,在此感谢原作者的无私开源。技术讨论如有技术问题,欢迎加入QQ技术讨论群进行交流。豆约翰团队一群热爱分享技术,拥有多年开发经验及培训经验的开发者组成。擅长领域: Java、Python、前端、C、.NET注意事项本项目为学习演示项目,适合作为学习资料或计算机设计参考生产环境部署需要进行安全加固和性能优化建议定期备份数据库数据注意保护用户隐私和数据安全常见问题Q: 数据库连接失败?A: 检查MySQL服务是否启动,数据库配置是否正确,用户名密码是否匹配Q: 前端无法请求后端?A: 检查后端服务是否启动,前端API地址配置是否正确,是否存在跨域问题Q: JWT Token过期?A: 检查JWT配置,可以调整Token过期时间,或实现Token刷新机制Q: 如何学习本项目?A: 建议配合视频教程学习,每一集对应一次代码提交,可以逐步理解项目开发过程Q: 可以用于商业项目吗?A: 本项目为开源学习项目,商业使用请遵守开源协议许可证本项目采用开源协议,仅供学习交流使用。祝学习愉快!
