那是一款具有记账罪能的小步调-记账原,简略分为五个模块:出产一览、记一笔、,出产明细,出产报表、个人。
源代码连贯:hts://giteess/yersmola/bit-by-bit-bookkeeping/blob/master/diandier.zip小步调二维码,接待扫码体验
对原系统的相关罪能的真现次要有:
真现分类记账,统计每日出产总额
设置可出产总金额,如有超额,作出揭示
绘制月出产,年出产总账单饼图,更好理解各支入所再比重。
可对出产记录停行增除收配
罪能折成图如下图3-1所示:
图1-1罪能折成图
收配流程图如下图1-2所示:
【一一模块给出以下的注明:】
2.1出产一览模块进入出产一览模块,首先可以设置原月的出产估算,依据原月的出产估算和原月的详细出产,输出日出产金额和月出产金额,输出扇形图,显示已出产的比例。输出显示人均出产,剩余余额和原月剩余天数。
参考界面:
进入记一笔模块,输入记账的金额,选择记账的类别,添加备注(可以不添加),选择日期(日期默许为当天),点击确认。完成记账
参考界面:
进入出产明细模块此时默许的是原月昨天起到月初的每一笔出产记录。还可以选择显示出产明细的月份和日期,依据详细的选择内容得赴任异的显示明细。
参考界面:
点击进入出产报表模块,此时默许的是原月的每一个类其它总体出产金额和详细的出产明细,以及依据出产类其它总金额画出一个出产扇形图,记录每一个类其它出产比例。同时也可依据须要选择差异的月份和年份查察原人的出产记录。
参考界面:
从整体来看,原产品UI设想美不雅观精致,从图标到界面的设想都是有团队精心选着和设想的,所有的界面设想都是运用的CSS形式来停行设想,一局部界面设想用到了ZZZant-weapp插件。
3.1图片图标应付差异的账单的类型,系统将展示差异的图标来协助用户更好的区分。同时多给取的扇形图圆环来停行默示,界面明晰明了。
界面设想:
应付每一次输入和保存,都会有相应的乐成或失败的提示,比如正在记一笔模块停行保存的时候会输出保存中的提示。正在输入的金额分比方乎日常规制的时候也会停行揭示,备注太长也会停行揭示。
界面设想:
应付正在出产明细中输出的账单,都会停行从原日的账单,向前停行输出展示,那样就避免用户须要再去找原日的账单,同时还可以选着输出一天的账单来停行查察,便操做户查察差异日期确当日出产。
4、技术开发方案原系统运用了云开中的云函数,云数据库,云存储。将所有的用户信息都保存正在取数据库中。应付某些频繁运用的罪能,编写云函数,正在须要的处所挪用便可。
云数据库设想:
用户没记录一笔账单之后,将相关数据上传到云数据库中(allCost库),同时从云数据库中按相关条件查问数据停行输出。正在出产一览模块,另有一个估算的的读与(monBudget库),估算也是一个数据库。正在对那个数据库停行收配的时候,须要查察该用户能否正在数据库中,假如正在就停行更新收配,不正在就把该用户添加进数据库,正在停行更新收配。
以上便是整个项宗旨粗略框架,代码局部已上传代码库,可以下载查察。
代码连贯:hts://giteess/yersmola/bit-by-bit-bookkeeping/blob/master/diandier.zip