README.md · 胖子ggs/bbs-vue-ui

# Nan's BBS 南生论坛（SpringBoot+Vue2）

[![](https://img.shields.io/badge/Author-马亮南生-orange.svg)](https://bbs.nanshengbbs.top/user/1640)
[![](https://img.shields.io/badge/version-3.0.0-brightgreen.svg)](https://github.com/maliangnansheng/bbs-vue-ui)
[![GitHub stars](https://img.shields.io/github/stars/maliangnansheng/bbs-vue-ui.svg?style=social&label=Stars)](https://github.com/maliangnansheng/bbs-vue-ui)
[![GitHub forks](https://img.shields.io/github/forks/maliangnansheng/bbs-vue-ui.svg?style=social&label=Fork)](https://github.com/maliangnansheng/bbs-vue-ui)

> 本项目完全开源
>
> 如果觉得不错麻烦帮忙点一次`Star⭐️`
> 
> [**未经授权**](https://bbs.nanshengbbs.top/detail/171#_62)的情况下严禁公司使用或者商用(个人学习使用不限制)
> 
> [加载太慢or图片加载不出来 **点我**](https://bbs.nanshengbbs.top/detail/172)

## 我要学习Vue3版本
[Vue3版本（bbs-vue3-ui）](https://github.com/maliangnansheng/bbs-vue3-ui)

## 仓库说明

> 本仓库`bbs-vue-ui`是【南生论坛3.0.0】前后端分离项目的**前端项目**
>
> 对应的**后端项目**仓库移步至：[bbs-springboot](https://github.com/maliangnansheng/bbs-springboot)

## 项目架构

![](https://76.nanshengbbs.top/github/ns-jiagou.png)

## 关于项目

- 南生论坛基于`SpringBoot+Vue`框架实现前后端分离，自适应手机端和电脑端，界面简洁美观，功能完善，性能高效。分为[用户系统](https://bbs.nanshengbbs.top)和[管理系统](https://manage.nanshengbbs.top)两部分
- 大厂微服务架构设计；代码简洁、高效无冗余；注释详细易阅读
- 该项目适合`初学/进阶`SpringBoot+Vue的童鞋学习
- [南生论坛v3.0.0 于 v2.8.2的新特性简单罗列](https://bbs.nanshengbbs.top/detail/40)

## 技术栈

- **后端：**
  程序架构：[SpringBoot](https://spring.io/projects/spring-boot)、RPC：[Dubbo](https://cn.dubbo.apache.org/zh-cn/overview/what/)、注册中心：[Zookeeper](https://zookeeper.apache.org/)、消息队列：[RocketMQ](https://rocketmq.apache.org/zh/)、缓存：[Redis](https://redis.io/)、持久层框架：[MyBatis](https://mybatis.org/mybatis-3/zh_CN/index.html)、数据库：[MySQL](https://www.mysql.com/)、大数据存储：[MongoDB](https://www.mongodb.com/zh-cn)、实时交互：[WebSocket](https://websocket.org/)、权限管理：[Shiro](https://shiro.apache.org/)、对象存储：[七牛云](https://www.qiniu.com/)
- **前端：**
  Vue、Axios、Vue Router、Ant Design of Vue、Webpack、Less、Vuex、ES6、Node.js、mavonEditor、ECharts、...

## 联系作者

> **商用** 需要联系作者授权[**南生运营**](https://bbs.nanshengbbs.top/detail/171)(学习使用不需要授权)

1. 加作者微信：maliangnansheng（[扫码添加](https://bbs.nanshengbbs.top/about)）
2. 加作者QQ：924818949（[扫码添加](https://bbs.nanshengbbs.top/about)）

## 使用指南and代码讲解and设计文档

[01 文档地址](https://doc.nanshengbbs.top)、[02 南生论坛使用指南](https://www.bilibili.com/video/BV1he4y1C7rk?share_source=copy_web&vd_source=1f88041e3a02d90ecf98d311908d3d8b)、 [03 南生论坛代码讲解](https://www.bilibili.com/video/BV1pK411C7T4/?vd_source=d0a5d07985a7fbbfb889c874632343c6)

[04 如何获取南生论坛设计文档？](https://bbs.nanshengbbs.top/detail/76)、 [05 南生论坛日常迭代（开源计划）](https://bbs.nanshengbbs.top/detail/122)

## 项目部署教程

`本地部署：`

**后端or全栈** 同学关注：[【后端】安装部署教程](https://bbs.nanshengbbs.top/detail/44)、[【前端】安装部署教程](https://bbs.nanshengbbs.top/detail/45)

**纯前端** 同学关注：[【纯前端方案】无需部署后端代码](https://bbs.nanshengbbs.top/detail/439)

## 官方地址

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

> **普通账号**：`椿/123456`；也可自己注册
>
> **管理员账号**：`测试管理员/123456`-你们可以使用我看到管理员的界面，但是没有实际的操作权限。普通用户拥有的权限我也有！

用户系统：[https://bbs.nanshengbbs.top](https://bbs.nanshengbbs.top)

管理系统：[https://manage.nanshengbbs.top](https://manage.nanshengbbs.top)

## 功能结构

- 用户系统-功能结构图

![](https://76.nanshengbbs.top/github/ns-bbs-user1003.png)

- 管理系统-功能结构图

![](https://76.nanshengbbs.top/github/ns-bbs-manage.png)

## 项目结构

### 后端项目结构（SpringBoot）

![](https://76.nanshengbbs.top/github/idea002.png)

### 前端项目结构（Vue）

![](https://76.nanshengbbs.top/github/idea012.png)

## 项目源码

如果可以帮忙点一次`Star`和`Fork`

|   来源   |                           最新源码                           |
| :------: | :----------------------------------------------------------: |
| `github` | 后端源码：<https://github.com/maliangnansheng/bbs-springboot><br>前端源码：<https://github.com/maliangnansheng/bbs-vue-ui> |
|  `码云`  | 后端源码：<https://gitee.com/maliangnansheng/bbs-springboot><br/>前端源码：<https://gitee.com/maliangnansheng/bbs-vue-ui> |

## 静态展示

> 这里只浅展示部分效果，完整体验去：[https://bbs.nanshengbbs.top](https://bbs.nanshengbbs.top)
>
> **普通账号**：`椿/123456`；也可自己注册
>
> **管理员账号**：`测试管理员/123456`-你们可以使用我看到管理员的界面，但是没有实际的操作权限。普通用户拥有的权限我也有！

### 用户系统

- **文章（`管理员视角`）**

![image](https://76.nanshengbbs.top/github/ns-bbs-home-admin.png)

- **话题**

![image](https://76.nanshengbbs.top/github/ns-bbs-topic.png)

- **文章详情**

![image](https://76.nanshengbbs.top/github/ns-bbs-article.png)

- **积分系统**

![](https://76.nanshengbbs.top/github/points_system.png)

- **私信**

![image](https://76.nanshengbbs.top/github/bbs_chat.png)

- **标签（`管理员视角`）**

![](https://76.nanshengbbs.top/github/ns-bbs-label2.png)

- **个人主页**

![image](https://76.nanshengbbs.top/github/ns-bbs-homepage.png)

- **个人资料**

![](https://76.nanshengbbs.top/github/ns-bbs-personalinfo.png)

### 管理系统

- **仪表盘**

![](https://76.nanshengbbs.top/github/ns-manage-dashboard2.png)

- **权限管理**

![](https://76.nanshengbbs.top/github/ns-manage-permissions.png)
  
- **角色管理**

![](https://76.nanshengbbs.top/github/ns-manage-role3.png)

- **用户管理**

![](https://76.nanshengbbs.top/github/ns-manage-user2.png)

- **反馈管理**

![](https://76.nanshengbbs.top/github/ns-manage-feedback.png)

- **通知管理**

![](https://76.nanshengbbs.top/github/ns-manage-notify.png)

胖子ggs/bbs-vue-ui

简介

发行版

贡献者

近期动态

胖子ggs/bbs-vue-ui .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

胖子ggs/bbs-vue-ui