# 笔记云

**Repository Path**: liucq2019/note-cloud

## Basic Information

- **Project Name**: 笔记云
- **Description**: 一个简洁的，基于springboot、vue的前后端分离项目。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-05-04
- **Last Updated**: 2025-05-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 笔记云

#### 介绍
一个简洁的，基于springboot、vue的前后端分离项目。用来在线展示MarkDown文档的，方便随时查阅自己的笔记。

#### 软件架构
该项目使用springboot作为后端，vue前端。

后端：springboot+Redis+springsecurity，实现了

- 用户权限控制

- 文件上传并写入磁盘

- QQ邮箱发送验证码

前端：vue+vue-router+vuex+element-ui+marked+highlight+mavon-editor+axios，实现了

- Markdown文本解析，代码高亮
- Markdown编辑器

#### 安装教程

1. 克隆代码到本地

   ```
   git clone https://gitee.com/beifeng1212/note-cloud.git
   ```

2. vue文件夹是前端项目，java是后端项目，blog.sql是数据库结构需要自行建立数据库

   ```markdown
   //打开vue文件夹，在命令行执行以下代码(需要安装Node.js和配置淘宝镜像)
   cnpm install
   npm run serve
   
   //打开java文件夹，先用Maven安装所需依赖，接着阅读HELP.md，按要求修改相应配置
   ```

#### 使用说明

1.  注意前后端分离的跨域问题
2.  注意补充缺失的配置
3.  运行前需要利用blog.sql建立数据库

#### 效果展示

首页

![首页](images/image-20220405145844643.png)

后台登录

![后台登录](images/image-20220405150017125.png)

后台管理

![后台管理](images/image-20220405150122218.png)

文章编辑

![文章编辑](images/image-20220405150149888.png)