SpringBoot+Vue轻松构建企业级Web应用

230 阅读2分钟

本项目完全开源

如果觉得不错麻烦帮忙点一次Star⭐️

简述

官方地址:bbs.nanshengbbs.top

基于SpringBoot+Vue框架实现前后端分离(大厂微服务架构设计;代码简洁、高效无冗余;注释详细易阅读),自适应手机端和电脑端,界面简洁美观,功能完善,性能高效。

仓库说明

后端项目仓库移步至:bbs-springboot

前端项目仓库移步至:bbs-vue-ui

项目架构

image.png

关于项目

  • 南生论坛基于SpringBoot+Vue框架实现前后端分离,自适应手机端和电脑端,界面简洁美观,功能完善,性能高效。分为用户系统管理系统两部分
  • 大厂微服务架构设计;代码简洁、高效无冗余;注释详细易阅读
  • 该项目适合初学/进阶SpringBoot+Vue的童鞋学习。主要涉及技术包括SpringBoot、Dubbo、RocketMQ、Redis、MyBatis、MySQL、MongoDB、WebSocket、Shiro、七牛云(图片/视频全部存于此)、Vue、Axios、Vue Router、Ant Design of Vue、Webpack、Less、Vuex、ES6、Node.js、mavonEditor、ECharts、…

技术栈

  • 后端: SpringBoot、Dubbo、Zookeeper、RocketMQ、Redis、MyBatis、MySQL、MongoDB、WebSocket、Shiro、七牛云(图片/视频全部存于此)、...
  • 前端: Vue、Axios、Vue Router、Ant Design of Vue、Webpack、Less、Vuex、ES6、Node.js、mavonEditor、ECharts、...

自学指南

01 文档地址02 南生论坛使用指南03 南生论坛代码讲解

04 如何获取南生论坛设计文档?05 南生论坛日常迭代(开源计划)

项目部署教程

本地部署: 【后端】安装部署教程【前端】安装部署教程

官方地址

手机上也有不错的展示效果...

普通账号椿/123456;也可自己注册

管理员账号测试管理员/123456-你们可以使用我看到管理员的界面,但是没有实际的操作权限。普通用户拥有的权限我也有!

用户系统:bbs.nanshengbbs.top

管理系统:manage.nanshengbbs.top

功能结构

  • 用户系统-功能结构图

image.png

  • 管理系统-功能结构图

image.png

项目结构

后端项目结构(SpringBoot)

image.png

前端项目结构(Vue)

image.png

项目源码

如果可以帮忙点一次StarFork

来源最新源码
github后端源码:github.com/maliangnans…
前端源码:github.com/maliangnans…
码云后端源码:gitee.com/maliangnans…
前端源码:gitee.com/maliangnans…

静态展示

这里只浅展示部分效果,完整体验去:bbs.nanshengbbs.top

普通账号椿/123456;也可自己注册

管理员账号测试管理员/123456-你们可以使用我看到管理员的界面,但是没有实际的操作权限。普通用户拥有的权限我也有!

用户系统

  • 首页(管理员视角

image.png

  • 文章详情

image.png

  • 积分系统

image.png

  • 私信

image.png

  • 标签(管理员视角

image.png

  • 个人主页

image.png

  • 个人资料

image.png

管理系统

  • 仪表盘

image.png

  • 角色管理

image.png

  • 用户管理

image.png

  • 反馈管理

image.png

  • 通知管理

image.png