# record_journal

**Repository Path**: zhouyeshan/record_journal

## Basic Information

- **Project Name**: record_journal
- **Description**: 记账 ，前端vue 后端python
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-11
- **Last Updated**: 2025-10-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 记账系统

一个基于Vue3 + Python Flask的记账系统，支持记账、电表度数记录和统计分析功能。

## 功能特性

- 📱 移动端适配
- 💰 记账功能（收入/支出）
- ⚡ 电表度数记录
- 📊 数据统计分析
- 🎨 现代化UI设计

## 技术栈

### 前端
- Vue 3
- Element Plus
- Vite
- Axios
- Sass

### 后端
- Python Flask
- SQLAlchemy
- Flask-CORS
- Marshmallow

## 项目结构

```
record_journal/
├── backend/          # Python后端
├── frontend/         # Vue前端
├── requirements.txt  # Python依赖
├── package.json     # Node.js依赖
└── README.md        # 项目说明
```

## 快速开始

### 方式一：使用启动脚本（推荐）
**Windows用户：**
```bash
# 双击运行 start.bat 文件
start.bat
```

**Linux/Mac用户：**
```bash
# 给脚本执行权限并运行
chmod +x start.sh
./start.sh
```

### 方式二：手动启动
**1. 安装依赖**
```bash
# 安装Python依赖
pip install -r requirements.txt

# 安装Node.js依赖
npm install
```

**2. 启动后端服务**
```bash
cd backend
python app.py
```

**3. 启动前端服务**
```bash
cd frontend
npm run dev
```

## 功能说明

### 主要功能
- **记账功能**：支持收入和支出记录，包含分类、描述、日期等信息
- **电表记录**：记录电表读数，自动计算使用量
- **统计分析**：提供收支趋势、分类统计、月度对比等图表分析
- **移动端适配**：响应式设计，完美支持手机端操作

### 页面说明
- **首页**：快速概览和快速操作入口
- **记账页面**：完整的交易记录管理，支持增删改查和筛选
- **电表页面**：电表读数记录和管理
- **统计页面**：多维度数据分析和可视化图表

## 技术特性

- **前端**：Vue 3 + Element Plus + ECharts + Vite
- **后端**：Python Flask + SQLAlchemy + Flask-CORS
- **数据库**：SQLite（可轻松切换到MySQL/PostgreSQL）
- **移动端**：响应式设计，支持触摸操作
- **图表**：ECharts图表库，支持多种图表类型

## 开发说明

- 后端API服务运行在 http://localhost:5000
- 前端开发服务器运行在 http://localhost:3000
- 支持移动端响应式设计
- 数据库文件：`backend/record_journal.db`