# happyNotes.gitee.io

**Repository Path**: flyingwxb/happyNotes.gitee.io

## Basic Information

- **Project Name**: happyNotes.gitee.io
- **Description**: 基于Vue2.x的在线笔记系统
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://flyingwxb.gitee.io/happynotes.gitee.io
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2020-07-09
- **Last Updated**: 2024-11-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目预览
项目打包部署到了github和码云上。    

<a href="https://flyingwxb.gitee.io/happynotes.gitee.io" target="_blank">码云版预览地址</a>（国内访问会很快）  
<a href="https://deardreamweb.github.io/happyNotes.github.io" target="_blank">github版预览地址</a>（国内访问可能会有点慢，请耐心等待） 


# 开心笔记
基于Vue2.x开发的PC端的在线记笔记系统，名为开心笔记。  
主要使用了Vuex配合LocalStorage来对数据进行储存和获取。 可以对新建笔记和笔记本、删除笔记和笔记本、恢复笔记等功能。
  
# 核心技术栈
- Vue
- Element-ui

## 项目搭建
```
npm install
```

### 项目运行
```
npm run serve
```
# 项目效果

## 登录界面
![登录界面](https://images.gitee.com/uploads/images/2020/0710/102730_052ff0e9_5736276.png)

## 笔记本管理界面
![笔记本管理界面](https://images.gitee.com/uploads/images/2020/0710/102948_321d44d9_5736276.png)

## 笔记本管理界面功能详情
![笔记本管理界面](https://images.gitee.com/uploads/images/2020/0710/102836_fe13f19b_5736276.png)

## 笔记管理界面
![笔记管理界面](https://images.gitee.com/uploads/images/2020/0710/102930_8abff094_5736276.png)

## 笔记管理界面功能详情
![笔记管理界面](https://images.gitee.com/uploads/images/2020/0710/103007_418a4d81_5736276.png)

## 回收站界面
![回收站界面](https://images.gitee.com/uploads/images/2020/0710/102818_d8c5a009_5736276.png)

## 回收站界面功能详情
![回收站界面](https://images.gitee.com/uploads/images/2020/0710/102755_d10d6ada_5736276.png)