本记账APP旨在简化财务管理流程,使用户能够轻松记录、分类和分析支出,帮助他们更好地掌握自己的财务状况,从而做出更加理智和科学的财务决策。
开源记账APP。使用RuoYi-App作为系统的基础框架。后端采用了SpringBoot技术栈,具备高度的可扩展性和强大的API支持,能够支持大规模的数据处理和灵活的功能拓展。前端则采用了VUE3和TypeScript,通过现代化的前端开发模式,提供了优雅的用户交互和流畅的操作体验。
记账APP是一款基于SpringBoot+Vue3+TypeScript前后端分离的个人财务管理应用。旨在帮助用户高效、便捷地管理日常账务,提供简洁的财务记录和分析功能。
| 技术 | 说明 |
|---|---|
| Vue 3 | 渐进式前端框架 |
| TypeScript | TypeScript类型安全 |
| uni-app | 跨平台应用框架 |
| uCharts | 数据可视化图表库 |
| Pinia | 状态管理 |
| SCSS | CSS预处理器 |
| 技术 | 说明 |
|---|---|
| Spring Boot | 后端服务框架 |
| MyBatis Plus | ORM持久层框架 |
| MySQL | 关系型数据库 |
| Redis | 缓存数据库 |
| MQTT | 消息队列(实时通讯) |
money-tracker/
├── money-tracker-applet/ # 小程序前端代码
│ ├── src/
│ │ ├── api/ # API接口
│ │ ├── components/ # 公共组件
│ │ ├── pages/ # 页面组件
│ │ ├── plugins/ # 插件
│ │ ├── static/ # 静态资源
│ │ ├── store/ # 状态管理
│ │ ├── uni_modules/ # uni-app模块
│ │ └── utils/ # 工具函数
│ └── package.json
│
└── money-tracker-service/ # 后端服务代码
├── money-tracker-admin/ # 后端服务模块
│ └── src/main/java/
│ └── com/jcwl/admin/
│ ├── account/ # 账户模块
│ ├── book/ # 账本模块
│ └── category/# 分类模块
├── deploy/ # 部署配置
├── doc/ # 文档数据
│ ├── data/ # 初始化数据
│ ├── script/ # 脚本文件
│ └── sql/ # SQL脚本
└── pom.xml
CREATE DATABASE money_tracker DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
# 导入数据库结构
mysql -u root -p money_tracker < doc/sql/money-tracker_structure_20241106.sql
# 导入初始数据
mysql -u root -p money_tracker < doc/sql/money-tracker_databases_20241106.sql
修改配置文件
编辑 money-tracker-service/money-tracker-admin/src/main/resources/application.yml
配置数据库和Redis连接信息。
编译运行
cd money-tracker-service/money-tracker-admin
mvn clean package
java -jar target/money-tracker-admin.jar
cd money-tracker-service/money-tracker-admin
docker build -t money-tracker-admin .
docker run -d -p 8080:8080 money-tracker-admin
cd money-tracker-applet
npm install
# 或使用 pnpm
pnpm install
配置API地址
修改 src/config.js 中的 baseUrl 为后端服务地址。
运行项目
# HBuilderX运行
# 使用HBuilderX打开项目,选择运行到对应平台
# 或使用命令行
npm run dev:h5 # 运行到H5
npm run dev:mp-weixin # 运行到微信小程序
| 首页 | 记账 | 账本 |
|---|---|---|
| 报表 | 账单导入 | 我的 |
|---|---|---|
支持格式:
导入步骤:
支持格式:
导入步骤:
欢迎提交 Issue 和 Pull Request!
<type>(<scope>): <subject>
- type: feat/fix/docs/style/refactor/test/chore
- scope: 影响范围
- subject: 简短描述
git checkout -b feature/xxx)git commit -m 'feat: add xxx')git push origin feature/xxx)本项目基于 Apache-2.0 许可证开源。
Made with ❤️ by Money Tracker Team