大家好，我是 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陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。

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