使用Angular和Leancloud做一个公共饭卡记账的工具(一)

刚开始使用简书,也是第一次写文章,主要是为了自己留个记录,也希望能帮助到有相关需求的人。

现状和需求

一帮人(人员较稳定),使用一张饭卡去公家食堂吃饭,各自拿菜,各自记账,一起扣钱,钱不够了要充值... 需要有个工具来自动化完成,并计算余额。
目前用的是我之前做的一个excel,每个人为一列,日期为一行,每天每人在QQ群里报账,由记账人填到对应的单元格中。各人的余额,卡的总余额自动计算。
这样存在一些问题:

  • 由于通常是一起吃晚饭回到公司以后再到QQ群里面报账,所以有可能会有漏报错报的情况
  • 由于每次都是一个人记账,神烦

于是得像个办法,让每个人自己报账,而且拿完菜刷了卡以后就可以立即报账,记账工具自动统计,持卡人可以不定期的输入卡里的实际余额(刷卡的时候会显示),如果和系统记录的相差较大,会给出预警,并促使所有用卡人一起平账。当某人余额不足时,也会给出提示。

为什么使用Leancloud?

Leancloud可提供免费(but 受限制)的存储和web服务,有良好的后台界面和统计功能,支持java、python、php和nodejs等多种技术。支持云函数(可以这样称呼吗?)

前端选型

在Angular和Vue中选择了Angular做单页面应用,总感觉Vue用起来有点不踏实,可能是我技术不到位吧。Material Design肯定是少不了的。连这几天微软发布的Fluent Design里,也可以看到好多Material Design的影子。

后端选型

由于前端是单页面应用,后端主要只是提供API而已,所以其实选型无所谓啦,不过leancloud的lean-cli创建的java项目,改起来有点别扭,python、php又不熟,所以用nodejs好了,生成的是express的项目,改起来还比较快。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容