致远啊 发表于 2023-4-15 08:26

springboot简单的后台管理系统,快速开发毕设,案例表白墙仿微博UI布局

## Campus项目介绍

> 想重构之前的校园信息墙项目,又想学习若依项目,就手写了若依并修改了部分功能,于是有了这套后台系统,所以取名为campus

**Campus** 一款简单的后台管理系统,快速开发框架,适合大学生开发毕设,或其他小项目。

使用Spring Boot、Spring Security、MyBatis Plus、Jwt、Vue等技术

您可以根据此项目,快速开发毕设项目,无需注重系统代码,只需业务代码!

## Campus开发案例介绍

使用 **Campus** 编写了一个案例——校园圈|信息墙|表白墙|万能墙



> 校园信息墙,万能墙,表白墙。是一个新式的信息交流的平台,有助于帮助学生及时查阅校内实时信息,在此平台去获取或者发布自己的供需信息。

Web 端使用 **Vue** + **ElementUi**,仿微博UI布局。 移动端使用 **uniapp** 和 **uview**,后端使用**SpringBoot** + **Mybatis-plus**进行开发

- PC网页端完全响应式布局

支持电脑、平板、手机等所有主流设备

部分样式暂时建议PC访问,还没有进行完善更改

- 移动端

支持小程序、H5、Android和IOS

精力有限,只调试了微信小程序,其它可能有样式问题,或兼容问题

目前完成了绝大部分功能,可正常线上运行,但还有些地方不足,暂不推荐线上运营小程序



## 项目文档

- 项目在线预览地址:暂无

效果请看最下面的 `演示图`

- 项目文档

Campus: <https://oddfar.github.io/campus-doc/>

Campus开发案例:https://oddfar.github.io/campus-doc/campus-example/

文档目前有 环境准备、快速启动、开发示例 等,后续会完善文档

你可以参考 [开发示例](https://oddfar.github.io/campus-doc/pages/858d25/) 文档体验一下开发 `增删改查` 功能及页面

## 贡献代码

个人目前大三在读书,精力有限,一人维护此开源项目有点难,有没有对此项目感兴趣的,一起来开发鸭~

## 致谢

此项目参考了一些开源项目的解决方案,在此感谢他们的开源

- Vue后台管理模板:(https://github.com/PanJiaChen/vue-element-admin)
- RuoYi:<https://gitee.com/y_project/RuoYi>
- RuoYi Pro:<https://gitee.com/zhijiantianya/ruoyi-vue-pro>
- Guns:<https://gitee.com/stylefeng/guns>



## 演示图



|                            admin                           |                                                            |
| :----------------------------------------------------------: | ------------------------------------------------------------ |
| !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230221090307473.png) | !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230221091209986.png) |
| !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230221091408302.png) | !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230221091331128.png) |



> 案例:校园信息墙

<https://github.com/oddfar/campus-example>

网页端

| web                                                          |                                                            |
| ------------------------------------------------------------ | ------------------------------------------------------------ |
| !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230221091804015.png) | !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230221091942563.png) |
| !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230221092022247.png) | !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230221092059047.png) |
| !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230221092122331.png) | !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230221092152935.png) |

移动端(小程序)

| 移动端                                                       |                                                            |                                                            |
| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230412210057613.png) | !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230412210148423.png) | !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230412210214019.png) |
| !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230412210256253.png) | !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230412210328222.png) | !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230412210405497.png) |
| !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230412210534659.png) | !(https://gcore.jsdelivr.net/gh/oddfar/static/campus/doc/image-20230412210606552.png) |                                                            |

## 项目源码

Campus:<https://github.com/oddfar/campus>

> 案例——校园圈|信息墙|表白墙|万能墙

|                | GitHub                                          |
| -------------- | ----------------------------------------------- |
| 后端         | <https://github.com/oddfar/campus-example>      |
| nuxt web端   | <https://github.com/oddfar/nuxt_campus_example> |
| uni-app 移动端 | <https://github.com/oddfar/uni-app_campus_web>|

vue后台代码在后端项目中



> 校园信息墙前后端分离项目最初版本,感兴趣的可以看一下

此版本简单易懂,功能较少,后端目前仅3个模块,前端页面较少(不是模微博UI布局)

地址:https://www.52pojie.cn/thread-1597823-1-1.html

---

若您只学完了springboot,且没做项目,推荐看此最初版本的项目。

若您学过前后端分离项目,则可看Campus、Campus开发案例项目

20175101019 发表于 2023-8-14 09:43

你好,我想问下,移动端配置需要什么环境?有什么要求吗?需要安装什么?我在部署文档里没看到相关内容

xavier001 发表于 2023-4-15 08:42

非常棒的项目,很适合刚学习完Spring全家桶的小伙伴们学习

lovnie 发表于 2023-4-15 08:43

不错,可以学习一下源码

onlyougao 发表于 2023-4-15 09:04

学习学习

Easonll 发表于 2023-4-15 09:12

不错的项目,能否分享下源码参考参考

angel_bai 发表于 2023-4-15 09:24

感谢分享

px307 发表于 2023-4-15 09:55

不错,感谢分享

wwwhhhlll 发表于 2023-4-15 10:06

直接是在若以上项目上修改的吗,感觉有点类似

jwzb 发表于 2023-4-15 11:06

谢谢,这个项目很适合上手

ygiveupc 发表于 2023-4-15 11:11

好评好评
页: [1] 2 3 4 5
查看完整版本: springboot简单的后台管理系统,快速开发毕设,案例表白墙仿微博UI布局