# 文件处理交互GUI

**Repository Path**: a-chrysand/fileProcessorGUI

## Basic Information

- **Project Name**: 文件处理交互GUI
- **Description**: 基于electron+vite+vue3和python flask的文件交互GUI。
程序已停止更新
- **Primary Language**: TypeScript
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 4
- **Created**: 2023-04-22
- **Last Updated**: 2025-06-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 文件处理交互GUI
## 项目介绍
  本项目是一个Electron项目，有一个文件上传接口，可以上传图片到Flask框架的后端，处理完（本项目的处理是去色加水印"myWatermark"）后直接返回前端显示。上传按钮使用ElementPlus组件库的El-upload，上传请求使用自己写的http-request()。主要流程如下所示：   

![img](./doc/flow.png)
## 使用方法（展开dev服务）

这个项目是用```npm create electron-vite```创建的，更多信息请移步[electron-vite 文档](https://cn-evite.netlify.app/guide/introduction.html)和[electron-vite Github](https://github.com/alex8088/electron-vite)  
## 1. 安装依赖
①安装node包
```shell
npm install 
```
②安装python包
```shell
# 依赖包不一定准确，烦请实际尝试运行flask后根据报错安装
pip install flask Pillow
```
## 2.启动项目
可以执行一下命令来启动，也可以直接运行start.bat来启动
```shell
# 启动vite
npm run dev
# 启动python flask
python flask_app.py
```
## 3.使用
在展开的窗口中点击那朵云的按钮，然后选择图片上传，稍后处理完后下方会展示图片。
## 4.预览
![img](./doc/demo.jpg)