写在前面
大家好,这里是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端
系统管理
参数设置
角色管理
角色配置
- 移动端
分享信息
个人主页
评论
系统获取
关注后 到个人主页置顶的 微头条 获取!
大家有想获取的其他工具或者项目、合作,可以在下方留言或者后台私信。
如果这篇文章对您有帮助, "彦祖们" 一定帮我点个 "关注" 和 "点赞" ,这对我非常重要。我将会继续推荐更多优质项目和新闻!