Initial commit

Author: mingchen888

.gitignore

@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo

README.md

@@ -0,0 +1,74 @@
+# ✍️ HandText
+
+[📄 中文](./README_zh.md)
+
+## 📖 Project Introduction
+
+🎉 Built with **Vue3** and **Flask**, this project is a refactored version of [📄 handwriting-web](https://github.com/14790897/handwriting-web), with optimized code structure and enhanced features.
+
+---
+
+## 🚀 Key Features
+
+- **Handwriting Recognition**: Upload images and extract handwritten text. 🖼️➡️📝
+- **Handwriting Generation**: Convert input text into handwritten-style images or save as PDF files. 📄➡️🖋️
+- **Text Editing**: Supports file upload and editing. ✂️📋💾
+- **Multi-language Support**: Supports both Chinese and English. 🌐
+- **Theme Switching**: Switch between light and dark themes. 🌞🌙
+
+---
+
+## 🛠️ Tech Stack
+
+### Frontend
+- **Framework**: Vue3
+- **State Management**: Pinia
+- **UI Library**: Element Plus
+- **Routing**: Vue-Router
+- **Internationalization**: vue-i18n
+- **HTTP Library**: axios
+
+### Backend
+- **Framework**: Flask
+- **File Handling**: Supports image upload, text generation, and file storage.
+- **API**: Provides handwriting recognition and text generation functionalities.
+
+---
+
+## 🚀 Quick Start
+
+### Frontend Deployment
+
+```bash
+1. Clone the project
+git clone https://github.com/mingchen666/HandText.git
+cd frontend
+
+2. Install dependencies
+npm install
+
+3. Start the development server
+npm run dev
+
+4. Build for production
+npm run build
+```
+ 
+### Backend Deployment
+```bash
+1. Navigate to the backend directory
+cd backend
+
+2. Install dependencies
+pip install -r requirements.txt
+
+3. Fill in environment variables in the .env file
+
+4. Start the development server
+python app.py
+
+```
+
+## 📜 License
+
+MIT License

README_zh.md

@@ -0,0 +1,78 @@
+# ✍️ HandText
+
+[📄 English](./README.md)
+
+## 📖 项目简介
+
+🎉使用 **Vue3**和 **Flask**框架,
+基于[📄 handwriting-web](https://github.com/14790897/handwriting-web)进行重构，优化代码结构、增强部分功能
+
+---
+
+## 🚀 主要功能
+
+- **手写文字识别**：支持上传图片并提取其中的手写文字。🖼️➡️📝
+- **手写字体生成**：将输入的文本转换为手写风格的图片或保存为PDF文件。📄➡️🖋️
+- **文本编辑**：支持文件上传编辑功能。✂️📋💾
+- **多语言支持**：支持中英文切换。🌐
+- **主题切换**：支持亮色和暗色主题切换。🌞🌙
+
+---
+
+## 🛠️ 技术栈
+
+### 前端
+- **框架**：Vue3
+- **状态管理**：Pinia
+- **UI 组件库**：Element Plus
+- **路由管理**：Vue-Router
+- **国际化**：vue-i18n
+- **HTTP库**：axios
+
+### 后端
+- **框架**：Flask
+- **文件处理**：支持图片上传、文本生成和文件存储。
+- **API 接口**：提供手写文字识别、文本生成等功能。
+
+---
+
+## 🚀 快速开始
+
+### 前端部署
+
+
+```bash
+
+1. 克隆项目
+git clone https://github.com/mingchen666/HandText.git
+cd frontend
+ 
+1. 安装依赖
+npm install
+
+3. 启动开发服务器
+npm run dev
+ 
+4. 打包
+npm run build
+```
+ 
+### 后端部署
+```bash
+
+1. 进入后端目录
+cd backend
+
+2. 安装依赖
+pip install -r requirements.txt
+
+3. 在env文件中填写环境变量
+
+3. 启动开发服务器
+python app.py
+
+```
+ 
+## 📜 许可证
+
+本项目采用 MIT 许可证

backend/.env

@@ -0,0 +1,3 @@
+base_url=https://xxxx.com/v1
+api_key=sk-xxxxxx
+version_model=glm-4v-flash

backend/app.py

@@ -0,0 +1,23 @@
+# 导入Flask
+from flask import jsonify
+
+from app import create_app
+
+app=create_app()
+
+
+@app.errorhandler(429)
+def ratelimit_handler(e):
+    return jsonify({
+        "error": "Too Many Requests",
+        "message": "You have exceeded the allowed number of requests. Please try again later.",
+        "details": str(e.description)
+    }), 429
+
+if __name__ == '__main__':
+    # 启动服务器
+    app.run(debug=True)
+    # run() 参数
+    # debug=True 默认值，自动检测代码的修改，并重新加载服务器
+    # port=5000 默认值，端口号
+    # host='0.0.0.0' 默认值，监听所有ip地址

backend/app/__init__.py

@@ -0,0 +1,41 @@
+from flask import Flask, jsonify
+from flask_cors import CORS
+from flask_limiter import Limiter
+from flask_limiter.util import get_remote_address
+from flask_restful import Api
+from .api.urls import initialize_routes
+# from .config import Config
+from .extensions import init_exts
+
+'''
+CORS(app, resources={
+    r"/api/*": {
+        "origins": ["http://example.com", "http://localhost:3000"],
+        "methods": ["GET", "POST"],
+        "allow_headers": ["Content-Type"]
+    }
+})
+'''
+
+def create_app():
+
+    app = Flask(__name__)
+    # app.config.from_object(Config)
+    # db_url = 'mysql+pymysql://root:xiaoluo@localhost:3306/flaskdb'
+    # 配置数据库链接路径url
+    # app.config['SQLALCHEMY_DATABASE_URI'] = db_url
+    # 可选：禁用追踪修改，减少内存消耗
+    # app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
+    init_exts(app)
+
+
+    # 初始化路由
+    api = Api(app)
+    initialize_routes(api)
+    # 配置跨域
+    CORS(app)
+    # CORS(app, resources={r"/*": {"origins": "*"}})
+    # 自定义 429 错误处理
+
+
+    return app

backend/app/api/__init__.py

@@ -0,0 +1,47 @@
+from flask import jsonify
+from flask_restful import Resource, reqparse
+from werkzeug.exceptions import BadRequest
+
+from .response import ApiResponse
+from ..utils.file import get_fonts_list
+from ..utils.log import global_logger
+
+# 创建一个请求解析器
+parser = reqparse.RequestParser()
+parser.add_argument('title', type=str, required=True,location='args',
+                    help='Title is required and must be a string')
+
+
+class FontsResource(Resource):
+    # 获取字体列表
+    def get(self):
+        try:
+            # 解析请求体中的参数
+            # args = parser.parse_args()
+            # title = args['title']
+            try:
+                filenames = get_fonts_list(directory='app/public/fonts')
+                # logger.info(f"filenames: {filenames}")
+                if filenames == []:
+                    return ApiResponse.error('字体文件未找到！')
+            except Exception as e:
+                print(e)
+                return ApiResponse.error('系统发送错误,请稍后再试',500)
+            # return {
+            #     "code": 200,
+            #     "message": "success",
+            #     "data": filenames
+            # }
+            return jsonify(filenames)
+            # return ApiResponse.success(filenames)
+        except BadRequest as e:
+            print(e.data)
+            global_logger.info("搞什么飞机")
+            error_message = e.data.get('message', 'Bad Request')
+            # 返回自定义响应
+            return ApiResponse.error(error_message, 400)
+            # return ApiResponse.error('系统发送错误,请稍后再试',500)
+        except Exception as e:
+            # 捕获并处理异常
+            global_logger.error(f"An error occurred: {str(e)}")
+            return {'message': 'Internal Server Error', 'error': str(e)}, 500