Skip to content
/ flip Public

基于 Spring Boot 3、Spring Security 6、Vue.js 3 与 Element Plus 的前后端分离式论坛系统。

Notifications You must be signed in to change notification settings

anyshift/flip

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flip - 前后端分离式论坛系统

JDK MySQL SpringBoot Vuw

✍️  项目描述

Flip 是一款前后端分离的论坛系统,旨在为用户提供一个交流和分享信息的平台。

admin 的密码:1Qq.....(五个点)

✌️  项目涉及的技术内容

  • 前端技术栈:Vue.js,Element Plus,Vue Router,Axios,Pinia 等,构建工具为 Vite。
  • 后端技术栈:Spring Boot,Spring Security,MyBatis,MyBatis Plus,Spring Mail 等,构建工具为 Maven。
  • 中间件:Redis,ElasticSearch 等,后续会引入 RabbitMQ。
  • 数据库:MySQL 8.0。

😎  已实现功能

  • 用户的登录与注册,使用 Spring Security 完成。
  • 富文本编辑器,引入开源的 Vditor。
  • 发布、编辑和浏览帖子。
  • 标签和分类。
  • 评论与回复。评论采用层级形式,回复采用楼中楼形式。
  • 用户个人中心,支持头像修改和头像文件的裁剪。
  • 账号设置。
  • 后台管理。
  • 搜索。
  • 敏感词过滤。
  • 移动端适配,响应式布局。

❎  待完成功能

  • 权限管理可视化操作。
  • 引入消息队列优化系统性能。
  • 更多待添加....

🤞一些配置

  1. 首次使用,请下载 releases 下的静态资源文件(主要是头像文件和 LOGO 文件),并配置 application(-dev|-prod).yaml 文件的 upload.avatarPathupload.staticPath 路径。
  2. 下载 ElasticSearch 后,需要安装 analysis-ik 中文分词插件,具体请自行探索该插件和安装该插件的方法。
  3. ElasticSearch 限制内存占用:将 config 目录下的 jvm.options 文件复制到 config\jvm.options.d\ 目录下,并将该文件内容清空,粘贴如下内容到文件中:
    -Xms1g
    -Xmx2g
  4. 关闭 ElasticSearch 的安全功能(仅限本地测试):elasticsearch.yml 文件末尾添加 xpack.security.enabled: false

🙈  系统截图

(1) 论坛首页

index


(2) 登录页


(3) 帖子详情页


(4) 楼中楼回复


(5) 个人中心


(6) 修改头像


(7) 搜索


(8) 标签页


(9) 帖子发布页


(10) 抽屉编辑器


(11) 后台管理


(12) 暗黑模式




About

基于 Spring Boot 3、Spring Security 6、Vue.js 3 与 Element Plus 的前后端分离式论坛系统。

Resources

Stars

Watchers

Forks

Packages