# xflow_backend

**Repository Path**: kang-zhenbin/xflow_backend

## Basic Information

- **Project Name**: xflow_backend
- **Description**: 心流项目的后台，使用nodeJS和ExpressJS搭建
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2023-06-26
- **Last Updated**: 2025-01-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Nodejs, Express, MySQL

## README

> 心流：构建您的个人数字花园

前言：
- 这是心流项目的后端源码，但是已经集成了前端部分
- 前端项目已经编译打包挂载到public静态文件服务目录下
- 要想查看前端项目源码请移步到：[xflow: 集成笔记与视频的学习网站(gitee.com)](https://gitee.com/kang-zhenbin/xflux)


# 项目介绍

这是一个使用vue.js和node.js的express.js开发的网站，它可以让用户在浏览器中查看和上传markdown格式的笔记，并且可以自由挑选视频来学习或放松。这个网站的目标是帮助用户构建自己的数字花园，也就是一个可以记录、整理、分享和回顾自己学习的知识和经验的个人空间。



# 如何运行

## 数据库

**导入数据库：**

数据库文件在`src/utils/`下面，直接将sql文件导入到mysql就好

![截屏2023-06-30 22.54.57.png](./remd_img/1.webp)

**如果导入失败报错了：**

因为我是macOS，在迁移到Windows电脑的时候确实发现有个小问题：
因为在Windows上的mysql没找到这个COLLATE，所以报错啦，问题不大，把这个删了就好

![截屏2023-06-30 22.58.23.png](./remd_img/2.webp)

**修改数据库连接语句**

修改这个数据库连接文件 `src\utils\DB_conn.js`


![截屏2023-06-30 23.01.45.png](./remd_img/3.webp)

修改为你mysql的账号密码

![截屏2023-06-30 23.00.30.png](./remd_img/4.webp)

## 安装需要的依赖

```command
sudo npm install
```

## 热编译启动或直接启动
热编译
```command
sudo npm start
```
直接启动
```command
sudo node app.js
```

# 项目效果预览

## 登录注册

![截屏2023-06-30 23.07.22.png](./remd_img/5.webp)


![截屏2023-06-30 23.07.22.png](./remd_img/6.webp)

## 首页

![截屏2023-06-30 23.07.22.png](./remd_img/7.webp)

## 笔记
![截屏2023-06-30 23.07.22.png](./remd_img/8.webp)


![截屏2023-06-30 23.07.22.png](./remd_img/9.webp)

## 视频

![截屏2023-06-30 23.07.22.png](./remd_img/10.webp)


![截屏2023-06-30 23.07.22.png](./remd_img/11.webp)
## 个人中心


![截屏2023-06-30 23.07.22.png](./remd_img/12.webp)


![截屏2023-06-30 23.07.22.png](./remd_img/13.webp)

## 管理

### 管理笔记
![截屏2023-06-30 23.07.22.png](./remd_img/14.webp)

![截屏2023-06-30 23.07.22.png](./remd_img/15.webp)
### 管理视频

![截屏2023-06-30 23.07.22.png](./remd_img/16.webp)


![截屏2023-06-30 23.07.22.png](./remd_img/17.webp)
### 管理用户

![截屏2023-06-30 23.07.22.png](./remd_img/18.webp)


![截屏2023-06-30 23.07.22.png](./remd_img/19.webp)

### 内容投稿
投稿笔记
![截屏2023-06-30 23.07.22.png](./remd_img/20.webp)

投稿视频
![截屏2023-06-30 23.07.22.png](./remd_img/21.webp)