forked from yubin / fairy-wiki

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

README.md 1.50 KB

# Fairy Wiki —— 知识库系统

![](https://img.shields.io/badge/license-MIT-000000.svg) ![](https://img.shields.io/badge/language-Java-orange.svg) ![](https://img.shields.io/badge/language-TypeScript-green.svg)

![Fairy2_small](https://gitee.com/yubinCloud/my-imgs-repo/raw/main/img/Fairy2_small.png)

可以在云端存储电子书、文档的知识库 Wiki 系统，一个由 **Spring Boot** + **Vue3** 搭建的全栈项目：

+ 前端 Vue CLI & Ant Design Vue 项目搭建
+ 后端 Spring Boot 搭建

## 界面设计

![FairyWikiDemo](https://gitee.com/yubinCloud/my-imgs-repo/raw/main/img/FairyWikiDemo.jpg)

+ 用户管理
+ 电子书管理
+ 文档管理
+ 分类管理
+ 富文本框的集成
+ 图形统计报表展示
+ ....

## 关键技术点

+ **axios** 解决前后端分离架构的通信问题
+ **AOP** 日志记录
+ **RocketMQ、WebSocket** 异步化实现消息通知
+ **ECharts** 用于数据统计展示
+ 定时任务设计
+ **Redis** 存储用户 token 和登陆校验
+ **Ant Design for Vue** 用于构建前端界面
+ 多环境配置文件分别用于开发和生产
+ **统一异常处理**
+ **拦截器**、**过滤器**
+ ......

## 启动方式

需要分别启动前端和后端

+ 后端启动方式：

+ 使用 IDEA 打开后，安装 **lombok** 插件
  + 启动 Redis
  + 启动 RocketMQ
  + 以 Maven 方式运行该 Spring Boot 项目

+ 前端启动方式：

+ 在 /web 子目录下，运行一下命令：

```bash
  $ cnpm -- install
  ...
  $ cnpm run serve-dev
  ...
  ```

一键复制编辑原始数据按行查看历史

提交于 2021-04-30 21:20 . 修复了因为 Ant Design 版本问题导致的会安装不成功

Fairy Wiki —— 知识库系统

Fairy2_small

可以在云端存储电子书、文档的知识库 Wiki 系统，一个由 Spring Boot + Vue3 搭建的全栈项目：

前端 Vue CLI & Ant Design Vue 项目搭建
后端 Spring Boot 搭建

界面设计

FairyWikiDemo

用户管理
电子书管理
文档管理
分类管理
富文本框的集成
图形统计报表展示
....

关键技术点

axios 解决前后端分离架构的通信问题
AOP 日志记录
RocketMQ、WebSocket 异步化实现消息通知
ECharts 用于数据统计展示
定时任务设计
Redis 存储用户 token 和登陆校验
Ant Design for Vue 用于构建前端界面
多环境配置文件分别用于开发和生产
统一异常处理
拦截器、过滤器
......

启动方式

需要分别启动前端和后端

后端启动方式：
- 使用 IDEA 打开后，安装 lombok 插件
- 启动 Redis
- 启动 RocketMQ
- 以 Maven 方式运行该 Spring Boot 项目
前端启动方式：
- 在 /web 子目录下，运行一下命令：
```
$ cnpm -- install
...
$ cnpm run serve-dev
...
```

Java

1

https://gitee.com/shaock/fairy-wiki.git

git@gitee.com:shaock/fairy-wiki.git

shaock

fairy-wiki

fairy-wiki

main