# bbs-vue-ui

**Repository Path**: sclyl/bbs-vue-ui

## Basic Information

- **Project Name**: bbs-vue-ui
- **Description**: 仿掘金之【南生论坛】基于SpringBoot+Vue框架实现前后端分离（大厂微服务架构设计；代码简洁、高效无冗余；注释详细易阅读），自适应手机端和电脑端，界面简洁美观，功能完善，性能高效。官方地址：http://bbs.nanshengbbs.top
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: http://bbs.nanshengbbs.top
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 52
- **Created**: 2023-01-06
- **Last Updated**: 2023-01-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

[![](https://img.shields.io/badge/Author-马亮南生-orange.svg)](http://blog.nanshengbbs.top/)
[![](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⭐️`

## 仓库说明

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

## 关于项目

[南生论坛v3.0.0 于 v2.8.2的新特性简单罗列](http://bbs.nanshengbbs.top/detail/40)
- 南生论坛基于`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、…`  

## 技术栈

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

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

## 使用指南or设计文档
[南生论坛使用指南](https://www.bilibili.com/video/BV1he4y1C7rk?share_source=copy_web&vd_source=1f88041e3a02d90ecf98d311908d3d8b)

[如何获取南生论坛设计文档？](http://bbs.nanshengbbs.top/detail/76)

[南生论坛日常迭代](http://bbs.nanshengbbs.top/detail/122)

## 项目部署教程

`本地部署：`

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

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

## 官方地址

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

用户系统：[http://bbs.nanshengbbs.top](http://bbs.nanshengbbs.top) - (测试账号：`椿/123456`；也可自己注册)

管理系统：[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`

|  版本号  | 框架           | 下载地址                                                     | 详情说明                                       |   时间    |
| :------: | -------------- | :----------------------------------------------------------- | :--------------------------------------------- | :-------: |
| `v3.0.0` | SpringBoot+Vue | 后端源码(`github`)：[bbs-springboot](https://github.com/maliangnansheng/bbs-springboot)<br/>前端源码(`github`)：[bbs-vue-ui](https://github.com/maliangnansheng/bbs-vue-ui)<br/>后端源码(`码云`)：[bbs-springboot](https://gitee.com/maliangnansheng/bbs-springboot)<br/>前端源码(`码云`)：[bbs-vue-ui](https://gitee.com/maliangnansheng/bbs-vue-ui) | [v3.0.0](http://bbs.nanshengbbs.top/detail/40) | `2022.06` |

## 项目源码

如果可以帮忙点一次`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`；也可自己注册)

### 用户系统

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

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

- **文章详情**

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

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

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

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

- **个人主页**

  ![image](http://76.nanshengbbs.top/ns-bbs-homepage.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)