优秀的编程知识分享平台

网站首页 > 技术文章 正文

校园表白墙火了!推荐一款基于SpringBoot实现的校园表白墙系统

nanyue 2025-03-14 19:29:44 技术文章 3 ℃

写在前面

大家好,这里是IT学习日记。今日推荐项目:Campus论坛,获取方式在文后!

1000+优质开源项目推荐进度:110/1000。如需更多类型优质项目推荐,请在文章后留言。

系统简介

Campus论坛是一款多功能系统,适用于博客、树洞、信息墙、表白墙等多种场景,界面设计借鉴微博布局风格,简洁清晰,用户体验友好,支持移动和PC端。

系统设计为前后端分离架构,移动端基于uni-app与uView框架开发,Web端采用Vue与ElementUI技术栈实现,后端则统一使用SpringBoot + MyBatis-Plus技术栈进行开发和数据管理。

项目特点

  • PC端
  • 实现完全响应式布局,适配电脑、平板、手机等主流设备。
  • 部分样式目前建议在PC端访问,尚未针对其他设备进行优化调整。
  • 移动端
  • 支持微信小程序、H5、Android和iOS多端使用。
  • 由于精力有限,目前仅对微信小程序进行了全面调试,其他平台可能存在样式或兼容性问题。
  • 进度
  • 功能已开发完成,系统可正常线上运行,满足满足日常使用需求。

快速启动

1、启动uni-app

使用HBuilderX软件导入项目

  • 更改文件manifest.json里的


  • 1、基本配置 -> uni-app应用标识(AppID)


  • 2、微信小程序 -> 微信小程序AppID


  • 更改接口:根目录下文件config.js


  • 1、baseURL

2、启动nuxt

可用 VSCode 打开此项目,更改后端接口:根目录下文件env.js

#下载依赖
npm install
#启动测试
npm run dev
#prod测试环境
npm run prod

3、启动后台

idea中打开,要配置好maven

idea


在campus-modular模块中,打开application-local.yml配置文件,修改数据库的配置,提前启动redis软件

配置文件


之后运行项目的启动类

运行项目的启动类


4、启动前端

在vue_campus_admin目录下,执行命令,在本地启动项目

# 安装依赖
npm install

# 本地开发 启动项目
npm run dev

功能展示

  • web端

web端


web列表


评论


详情


  • admin端

系统管理


参数设置


角色管理


角色配置


  • 移动端

分享信息


个人主页


评论


系统获取

关注后 到个人主页置顶的 微头条 获取!

大家有想获取的其他工具或者项目、合作,可以在下方留言或者后台私信。

如果这篇文章对您有帮助, "彦祖们" 一定帮我点个 "关注" "点赞" ,这对我非常重要。我将会继续推荐更多优质项目和新闻!

#开源项目精选#

#Github#

#浏览器#

Tags:

最近发表
标签列表