完全开源！一款基于 SpringBoot + Vue 构建的社区平台！

大家好，我是 Java陈序员。
在如今互联网时代，拥有一个个人专属的社区平台，用于技术交流或者兴趣分享圈子，是一件很酷的事~
今天，给大家介绍一款基于 SpringBoot + Vue 构建的社区平台，帮助你快速构建个人社区平台！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

OpenIsle —— 一个使用 SpringBoot 和 Vue3 构建的全栈开源社区平台，提供用户注册、登录、贴文发布、评论交互等完整功能，可用于项目社区或直接打造自主社区站点。

功能特色：

• 灵活的登录体系：支持 JWT 认证及 Google、GitHub、Discord 等多平台 OAuth 登录，可通过环境变量可调整密码强度、登录方式、保护码等多种配置，兼顾安全性与便捷性
  
• 丰富的内容管理：支持分类、标签的贴文管理以及草稿保存功能；支持嵌套评论、指定贴文或评论的点赞/抖弹系统；集成 OpenAI 提供的 Markdown 格式化功能
  
• 社区互动机制：支持用户关注、私信功能和实时通知系统（含浏览器推送），还具备用户成就与勋章体系
  
• 实用功能集成：支持全局搜索功能；支持图片上传，默认使用腾讯云 COS 扩展；支持自定义头像
  

技术栈：

• 后端：SpringBoot + JPA
  
• 前端：Vue3 + Nuxt
  

功能体验

• 登录
  

• 首页
  

• 帖子
  

• 评论区
  

• 发帖
  

• 个人主页
  

本地开发

前置工作

1、先克隆或下载项目源码

1. git clone https://github.com/nagisa77/OpenIsle.git

复制代码

2、环境依赖

• 后端开发环境：JDK 17+、MySQL8
  
• 前端开发环境：Node.JS 20+
  

启动后端服务

1、在 IDEA 中导入 backend/ 文件夹
2、在 MySQL 中创建数据库 openisle

1. CREATE DATABASE `openisle` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;

复制代码

3、修改配置文件 backend/src/main/resources/application.properties 中的数据库连接配置信息

1. spring.datasource.url=${MYSQL_URL:jdbc:mysql://localhost:3306/openisle}
2. spring.datasource.username=${MYSQL_USER:root}
3. spring.datasource.password=${MYSQL_PASSWORD:password}
4. spring.jpa.hibernate.ddl-auto=update

复制代码

4、运行主启动类 com.openisle.OpenIsleApplication 启动服务
启动前端服务

1、进入前端工程文件夹

1. cd frontend_nuxt/

复制代码

2、配置环境变量，拷贝配置文件重命名为 .env, 并修改参数 NUXT_PUBLIC_API_BASE_URL 为 NUXT_PUBLIC_API_BASE_URL=http://localhost:8080

1. cp .env.example .env

复制代码

3、安装依赖

1. npm install

复制代码

4、运行服务

1. npm run dev

复制代码

5、浏览器访问

1. http://localhost:3000/

复制代码

如果你想搭建一个技术交流社区或者是兴趣爱好圈子，OpenIsle 都能满足需求。你可以根据自身需求，对其进行定制化开发，打造一个独一无二的社区空间~

1. 项目地址：https://github.com/nagisa77/OpenIsle

复制代码

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

1. https://github.com/chenyl8848/great-open-source-project

复制代码

或者访问网站，进行在线浏览：

1. https://chencoding.top:8090/#/

复制代码

我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目。
但是任何人在群里打任何广告，都会被 T 掉。
如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群：
关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！