一、项目简介
许多人对花钱和存钱没有一个很好的计划和概念,网络上流行叫 “月光族” ,该项目将制作一款用户有好的记账应用app,旨在帮助用户轻松跟踪和管理日常收支,实现财务目标,让用户对自己的财务有一个清晰的认知。
二、项目功能
参考市面上的部分记账app以及自己的思考,确定该项目的功能大致有以下几点:
1、收入/支出记录:用户通过输入账单类型、金额,记录自己的消费,具体包括类别、金额、时间等。
2、今日明细记录查看:用户可查看当天所有的账目。
3、账单功能:为用户生成本月内每一天的收入支出情况。
4、统计功能:用户可以查看不同类别的收支统计情况,了解自己具体在不同类别中的支出或收入情况。
5、账户管理:用户可预先输入每月的预算,该app会根据每天收支情况和剩余金额等,提供剩余预算统计以及建议每日用度。
注:该功能可能因后续代码编写进行调整与补充。
三、页面分布结构解读
根据上述功能,对项目页面进行了初步的划分,具体如下:
1、首页:index.ets
2、明细查看页面:detailed.ets
3、收入/支出操作页面:addAccounts.ets
4、账单情况页面:bill.ets
5、类别收支统计页面:statistics.ets
6、账号管理页面:mine.ets
四、页面创建
创建结果如下:
页面结构解读:
├──entry/src/main/ets // 代码区
│ ├──entryability
│ │ └──EntryAbility.ets // 程序入口类
│ ├──model
│ │ └──TaskModel.ets // 数据库操作类
│ ├──pages
│ │ └──bill.ets // 账单页面
│ │ └──detailed.ets // 明细页面
│ │ └──addAccounts.ets // 收入/支出操作页面
│ │ └──Index.ets // 首页
│ │ └──mine.ets // 我的信息页面
│ │ └──statistics.ets // 收支统计页面
│ └──viewmodel
│ │ └──classInfo.ets // 获取收支情况类别
│ │ └──detailedInfo.ets // 获取账单明细
│ └──views
│ │ └──amountOanel.ets // 明细金额弹出框
│ │ └──budgetPanel.ets //预算弹出框
└──entry/src/main/resources // 资源文件目录
注:该页面分布可能因后续代码编写进行调整与补充。