# cloud_note

**Repository Path**: liaojunkun/cloud_note

## Basic Information

- **Project Name**: cloud_note
- **Description**: 项目主要是面向用户的笔记管理工具，让用户可以轻松地记录、整理和查询笔记，提高笔记管理的效率和便利
性，帮助用户更好地管理笔记。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-05-09
- **Last Updated**: 2024-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

**「喜欢写代码，乐此不疲」**  
如果这个项目让你有所收获，记得 Star 关注哦，这对我是非常不错的鼓励与支持。

# 云笔记管理平台

## 🚀 新手必读
1. MySQL版本为`8.0.27`，npm版本为`9.4.0`，node版本为`v16.18.0`
2. SQL 文件位于根目录下的`db.sql`，将其中的数据导入到自己本地数据库中
3. 项目启动后，使用`admin`管理员账号登录后台，密码为`123456`

## 介绍
项目主要是面向用户的笔记管理工具，让用户可以轻松地记录、整理和查询笔记，提高笔记管理的效率和便利 性，帮助用户更好地管理笔记。

### 运行地址

[http://localhost:9528](http://localhost:9528)

**初始密码为：admin/123456**

## 项目技术实现
- 采用了springBoot+mybatis+vue-element进行前后端分离开发
- 使用mybatis持久层框架进行对mysql数据库的数据访问
- 使用Lombok简化对象封装工具技术对实体类进行简化封装
- 使用PageHelper对MyBatis物理分页
- 前端使用vue框架及框架element-ui实现的vue-element-template模板页面
- 使用vue-router路由管理器进行页面路由控制，实现路由页面的跳转
- 通过axios和后台交互，通过element-ui实现分页效果
- 使用Swagger-UI文档生成工具生成前端api接口文档

## 项目功能介绍

主要功能有：
- 管理员登录
- 控制台界面
- 文章管理
- 日志中心
- 用户管理
- 分类管理
- 标签管理

## 项目展示

### 登录页面：

![功能图](.image/01.png)

### 控制台：

![功能图](.image/02.png)

### 文章管理：

![功能图](.image/03.png)

![功能图](.image/04.png)

### 分类管理：

![功能图](.image/12.png)

### 公告管理：

![功能图](.image/10.png)

![功能图](.image/11.png)

### 标签管理：

![功能图](.image/13.png)

### 用户管理：

![功能图](.image/07.png)

![功能图](.image/08.png)

![功能图](.image/09.png)

### 日志中心：

![功能图](.image/05.png)

![功能图](.image/06.png)

## 技术介绍

### 3.1、后端技术

| 技术 | 说明 | 官方网址 |
| --- | --- | --- |
| Spring Boot | MVC框架和容器 | [ https://spring.io/projects/spring-boot](https://spring.io/projects/spring-boot) |
| MyBatis | 持久层框架 | [https://mybatis.org/mybatis-3/zh/index.html](https://mybatis.org/mybatis-3/zh/index.html) |
| Swagger-UI | 文档生成工具 | [https://github.com/swagger-api/swagger-ui](https://github.com/swagger-api/swagger-ui) |
| Lombok | 简化对象封装工具 | [https://github.com/rzwitserloot/lombok](https://github.com/rzwitserloot/lombok) |
| PageHelper | MyBatis物理分页插件 | [http://git.oschina.net/free/Mybatis_PageHelper](http://git.oschina.net/free/Mybatis_PageHelper) |
| Hutool | Java工具类库 | [https://github.com/looly/hutool](https://github.com/looly/hutool) |
| Shiro | Java安全框架 | [https://shiro.apache.org/](https://shiro.apache.org/) |

### 3.2、前端技术

| 技术 | 说明 | 官方网址 |
| --- | --- | --- |
| Vue | 前端框架 | [ https://vuejs.org/](https://vuejs.org/) |
| vue-element-template | 后台前端解决方案 | https://github.com/PanJiaChen/vue-admin-template |
| vue-router | 路由管理器 | [https://router.vuejs.org/zh/](https://router.vuejs.org/zh/) |
| vue-cli | Vue.js 开发的标准工具 | [https://cli.vuejs.org/zh/](https://cli.vuejs.org/zh/) |

### 开发工具

| 工具名 | 说明 | 官方网址 |
| --- | --- | --- |
| IntelliJ IDEA 2021.03 | 后端主要开发工具 | [https://www.jetbrains.com/idea/download](https://www.jetbrains.com/idea/download) |
| Navicat | 数据库连接管理工具 | [http://www.formysql.com/xiazai.html](http://www.formysql.com/xiazai.html) |
| Postman | API接口调试工具 | [ https://www.postman.com/](https://www.postman.com/) |
| Xshell | Linux远程连接工具 | [https://www.netsarang.com/zh/xshell-download/](https://www.netsarang.com/zh/xshell-download/) |
| Xftp | 网络传输文件 | [https://www.netsarang.com/zh/xftp-download/](https://www.netsarang.com/zh/xftp-download/) |
| Visual Studio Code | 免费开源的现代化轻量级代码编辑器 | [https://code.visualstudio.com/Download](https://code.visualstudio.com/Download) |
| Typora | Markdown编辑器 | [https://typora.io/](https://typora.io/) |

### 开发环境

| 工具名 | 说明/版本号 | 官方网址 |
| --- | --- | --- |
| JDK | 软件开发工具包/1.8 | [https://www.oracle.com/java/technologies/downloads/#java8-windows](https://www.oracle.com/java/technologies/downloads/#java8-windows) |
| Mysql | 数据库管理系统/8.1 | [https://www.mysql.com/downloads/](https://www.mysql.com/downloads/) |
| Redis | 非关系型数据库/3.2.100 | [https://redis.io/download](https://redis.io/download) |


## 部署运行环境

**服务器：** 腾讯云 2 核 4G CentOS7.6

**对象存储：** 阿里云 OSS、腾讯云 COS

**最低配置：** 2 核 2G 服务器（关闭 ElasticSearch）

## 项目总结

整个项目花费了大量的心血，开发过程中参考了很多优秀的开源项目，在这里感谢大家的开源项目，收获了很多，希望我的项目能给你带来收获。