OpenIsle —— 一个使用 SpringBoot 和 Vue3 构建的全栈开源社区平台，提供用户注册、登录、贴文发布、评论交互等完整功能，可用于项目社区或直接打造自主社区站点。大家好，我是 Java陈序员。
在如今互联网时代，拥有一个个人专属的社区平台，用于技术交流或者兴趣分享圈子，是一件很酷的事~
今天，给大家介绍一款基于 SpringBoot + Vue 构建的社区平台，帮助你快速构建个人社区平台！
关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
OpenIsle —— 一个使用 SpringBoot 和 Vue3 构建的全栈开源社区平台，提供用户注册、登录、贴文发布、评论交互等完整功能，可用于项目社区或直接打造自主社区站点。
功能特色：
- 灵活的登录体系：支持 JWT 认证及 Google、GitHub、Discord 等多平台 OAuth 登录，可通过环境变量可调整密码强度、登录方式、保护码等多种配置，兼顾安全性与便捷性
- 丰富的内容管理：支持分类、标签的贴文管理以及草稿保存功能；支持嵌套评论、指定贴文或评论的点赞/抖弹系统；集成 OpenAI 提供的 Markdown 格式化功能
- 社区互动机制：支持用户关注、私信功能和实时通知系统（含浏览器推送），还具备用户成就与勋章体系
- 实用功能集成：支持全局搜索功能；支持图片上传，默认使用腾讯云 COS 扩展；支持自定义头像
技术栈：
- 后端：SpringBoot + JPA
- 前端：Vue3 + Nuxt
功能体验
- 登录
- 首页
- 帖子
- 评论区
- 发帖
- 个人主页
本地开发
前置工作
1、先克隆或下载项目源码
git clone https://github.com/nagisa77/OpenIsle.git
2、环境依赖
- 后端开发环境：JDK 17+、MySQL8
- 前端开发环境：Node.JS 20+
启动后端服务
1、在 IDEA 中导入 backend/ 文件夹
2、在 MySQL 中创建数据库 openisle
CREATE DATABASE `openisle` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;
3、修改配置文件 backend/src/main/resources/application.properties 中的数据库连接配置信息
spring.datasource.url=${MYSQL_URL:jdbc:mysql://localhost:3306/openisle}
spring.datasource.username=${MYSQL_USER:root}
spring.datasource.password=${MYSQL_PASSWORD:password}
spring.jpa.hibernate.ddl-auto=update
4、运行主启动类 com.openisle.OpenIsleApplication 启动服务
启动前端服务
1、进入前端工程文件夹
cd frontend_nuxt/
2、配置环境变量，拷贝配置文件重命名为 .env, 并修改参数 NUXT_PUBLIC_API_BASE_URL 为 NUXT_PUBLIC_API_BASE_URL=http://localhost:8080
cp .env.example .env
3、安装依赖
npm install
4、运行服务
npm run dev
5、浏览器访问
http://localhost:3000/
如果你想搭建一个技术交流社区或者是兴趣爱好圈子，OpenIsle 都能满足需求。你可以根据自身需求，对其进行定制化开发，打造一个独一无二的社区空间~
项目地址：https://github.com/nagisa77/OpenIsle
最后
推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：
https://github.com/chenyl8848/great-open-source-project
或者访问网站，进行在线浏览：
https://chencoding.top:8090/#/
我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目。
但是任何人在群里打任何广告，都会被 T 掉。
如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群：
关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。
大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！