这是一个基于Web的个人收支记录系统,使用HTML5、CSS3、JavaScript作为前端技术,PHP作为后端技术,MySQL作为数据库。
- 收支记录的添加、编辑、删除
- 按日期范围筛选记录
- 搜索功能
- 收支统计和分析
- 响应式设计,支持移动端访问
- 前端:HTML5, CSS3, JavaScript
- 后端:PHP
- 数据库:MySQL
- 图表:Chart.js
-
确保你的系统已安装以下软件:
- PHP 7.2+
- MySQL 5.7+
- Web服务器(Apache/Nginx)
- Composer(用于安装依赖)
-
克隆或下载本项目到Web服务器目录
-
安装依赖:
- 在项目根目录运行
composer install - 这将安装导出/导入功能所需的PhpSpreadsheet库
- 在项目根目录运行
-
创建数据库:
- 使用MySQL客户端或管理工具
- 导入
database.sql文件创建数据库和表
-
配置数据库连接:
- 打开
api/config.php文件 - 修改数据库连接信息:
define('DB_HOST', 'localhost'); define('DB_USER', 'your_username'); define('DB_PASS', 'your_password'); define('DB_NAME', 'personal_finance');
- 打开
-
配置Web服务器:
- 确保Web服务器有权限访问项目目录
- 配置适当的URL重写规则(如果需要)
-
访问系统:
- 打开浏览器
- 访问
http://your-domain/或http://localhost/
-
添加记录:
- 点击"添加记录"按钮
- 填写记录信息(类型、金额、日期、备注)
- 点击"保存"按钮
-
查看记录:
- 使用日期筛选器选择日期范围
- 使用搜索框搜索特定记录
- 点击编辑或删除按钮管理记录
-
导出记录:
- 点击页面顶部的"导出"按钮
- 选择导出格式(Excel或CSV)
- 选择导出范围(全部记录、仅收入或仅支出)
- 可选择导出的日期范围
- 点击"开始导出"按钮下载文件
-
导入记录:
- 点击页面顶部的"导入"按钮
- 选择要导入的Excel或CSV文件
- 选择导入模式(追加到现有记录或替换现有记录)
- 点击"开始导入"按钮
-
查看统计:
- 点击左侧导航栏的"收支统计"
- 查看收入支出统计图表
personal_finance/
├── api/
│ ├── config.php
│ ├── records.php
│ ├── export.php
│ └── import.php
├── css/
│ └── style.css
├── js/
│ ├── main.js
│ └── export-import.js
├── vendor/ # Composer依赖目录
├── composer.json
├── database.sql
├── index.html
└── README.md
- 确保PHP有适当的文件写入权限
- 定期备份数据库
- 在生产环境中使用HTTPS
- 根据实际需求修改数据库配置
欢迎提交Issue和Pull Request来改进这个项目。
MIT License