# wiki

**Repository Path**: Jackliangtao/wiki

## Basic Information

- **Project Name**: wiki
- **Description**: 一个springboot+vue 的前后端分离 wiki知识库
- **Primary Language**: Java
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 5
- **Created**: 2021-04-02
- **Last Updated**: 2025-04-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SpringBoot+Vue3 实战WIKI知识库系统

## 1、项目说明：

## 1.1安装说明：

### 1.1.1项目初始化：

```
cd web
npm install
```

- sql文件在doc文件夹下可以找到
- 修改application.properties下的spring.datasource改为你的数据库连接地址和用户密码以及redis地址

### 1.2项目结构说明

后端Springboot:



![1](/image/1.png)

wiki目录下存放了后端代码，domain实体类+mapper持久层+service服务层+controller接口层，

exception处理异常,filter实现过滤器，aspect为切面类，config存放配置类，util存放工具类。



前端项目结构：

![2](image/2.png)

常见的vue 项目结构：

dist为编译vue后生成的执行目录直接部署在服务器上运行，router中指定页面路由跳转的信息，views定义视图层。

### 1.3项目所使用的技术栈：

![wiki知识库技术栈](image/wiki知识库技术栈.jpg)

## 2、项目展示

本项目已运行在阿里云服务器上，点击:http://120.77.46.174/

### 2.1访客浏览界面：

#### 2.1.1 未登录状态下的首页



![visitor](image/visitor.png)



使用echarts图表自动展示访问人数,并实时的显示点赞数和总阅读量，点赞量和点赞率，左侧显示的电子书分类在登陆后由管理员进行编辑。

#### 2.1.2 游客访问电子书页面：



![vistor_ebook](image/vistor_ebook.png)



使用层级树的方式展示电子书，并实现了阅读量统计以及点赞功能，在访客点击了点赞按钮后，会对管理员进行通知：如下图所示：

![vistor_like](image/vistor_like.png)



### 2.2管理员页面

#### 2.1登录页面

首页点击登录按钮自动跳转：

![image-20210412164820545](image/login.png)

管理员具有以下几个权限：

- 用户管理权限
- 电子书管理权限
- 电子书分类权限



#### 2.2.1用户管理页面



![admin_manage_user](image/admin_manage_user.png)

管理员可查询用户列表，新增或删除用户，修改用户密码，密码进行了二次加密，在服务器端并不会明文存储用户的密码信息，保证登录的安全性。



### 2.2.2 电子书管理页面

电子书管理页面可以对项目进行一个简单的编辑

![edit_ebook](image/edit_ebook.gif)



在编辑文档页面可以选择父文档，从而实现层级树管理，集成了wangeditor富文本编辑器，样式丰富，可以设置标题，加粗，选择字体，引入视频，引入代码块等功能。编辑完成后，电子书就可以显示在访客界面被游客浏览。



### 2.2.3电子书分类页面：

![category](image/category.png)

可以自定义页面，同样实现了层级树管理，编辑后，电子书可以选择分类，并显示在首页上。