README.md · zhougl/bbs-vue-ui

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

[![](https://img.shields.io/badge/Author-马亮南生-orange.svg)](http://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⭐️`
> 
> [**未经授权**](http://bbs.nanshengbbs.top/detail/171#_62)的情况下严禁公司使用或者商用，违者必究！(个人学习使用不限制)
> 
> [加载太慢or图片加载不出来 **点我**](http://bbs.nanshengbbs.top/detail/172)

## 仓库说明

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

## 项目架构
![](http://76.nanshengbbs.top/ns-jiagou.png)

## 关于项目

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

## 技术栈

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

## 联系作者
> **商用** 需要联系作者授权[**南生运营**](http://bbs.nanshengbbs.top/detail/171)(学习使用不需要授权)
1. 在线联系作者：去 [南生闲聊](http://chat.nanshengbbs.top/)（`使用南生论坛注册的账号密码即可登录`） 聊天，问题反馈在“南生论坛”群聊或者加“马亮南生”私聊都行
2. 加作者QQ：924818949
3. 加作者微信：maliangnansheng

## 使用指南and代码讲解and设计文档
[01 南生论坛使用指南](https://www.bilibili.com/video/BV1he4y1C7rk?share_source=copy_web&vd_source=1f88041e3a02d90ecf98d311908d3d8b)、 [02 南生论坛代码讲解](https://www.bilibili.com/video/BV1pK411C7T4/?vd_source=d0a5d07985a7fbbfb889c874632343c6)、 [03 如何获取南生论坛设计文档？](http://bbs.nanshengbbs.top/detail/76)、 [04南生论坛日常迭代](http://bbs.nanshengbbs.top/detail/122)

## 项目部署教程

`本地部署：`

[【后端】安装部署教程](http://bbs.nanshengbbs.top/detail/44)

[【前端】安装部署教程](http://bbs.nanshengbbs.top/detail/45)

## 官方地址

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

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

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

## 功能结构

- 用户系统-功能结构图

![](http://76.nanshengbbs.top/%E5%8D%97%E7%94%9F%E8%AE%BA%E5%9D%9B%E5%8A%9F%E8%83%BD%E7%BB%93%E6%9E%84%E5%9B%BE002.png)

`注：发布的帖子需要管理员“审核通”过后才能在首页显示，可以在“我的主页”查看帖子状态`

- 管理系统-功能结构图

![](http://76.nanshengbbs.top/%E5%8D%97%E7%94%9F%E8%BF%90%E8%90%A5%E5%8A%9F%E8%83%BD%E7%BB%93%E6%9E%84%E5%9B%BE002.png)

## 项目结构

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

![](http://76.nanshengbbs.top/%E5%AE%89%E8%A3%85%E9%83%A8%E7%BD%B2%E6%95%99%E7%A8%8B/idea002.png)

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

![](http://76.nanshengbbs.top/%E5%AE%89%E8%A3%85%E9%83%A8%E7%BD%B2%E6%95%99%E7%A8%8B/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> |

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

### 用户系统

- **首页（`管理员视角`）**

![image](http://76.nanshengbbs.top/ns-bbs-home-admin5.png)

- **文章详情**

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

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

![](http://76.nanshengbbs.top/ns-bbs-label2.png)
 
- **资源导航（`管理员视角`）**

![](http://76.nanshengbbs.top/ns-bbs-resource2.png)

- **个人主页**

![image](http://76.nanshengbbs.top/ns-bbs-homepage2.png)

- **个人资料**

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

- **闲聊**

![image](http://76.nanshengbbs.top/ns-chat.png)

### 管理系统

- **仪表盘**

![](http://76.nanshengbbs.top/ns-manage-dashboard1.png)

- **角色管理**

![](http://76.nanshengbbs.top/ns-manage-role.png)

- **用户管理**

![](http://76.nanshengbbs.top/ns-manage-user.png)

- **反馈管理**

![](http://76.nanshengbbs.top/ns-manage-feedback.png)
  
- **通知管理**

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

zhougl/bbs-vue-ui

简介

发行版

贡献者

近期动态

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

简介

发行版

贡献者

近期动态

搜索帮助

zhougl/bbs-vue-ui