我是如何一步步做完这个App的

darkandy

在禁严期间，公司要求我在家里工作, 这让我很高兴，因为能呆在家里工作，这意味着我有更多时间做一些其他的事情，而且我不需要每天坐地铁去上班。在这些日子里，为了防止在网上乱花钱，我唯有天天看连续剧和玩游戏，可是有时候玩游戏冲等级打装配也在花钱。后来想想，也不是办法，因为钱都花在游戏里了，我天天在想怎么知道钱花在哪里，就上网找个App来用。找了好几个App用，一开始还好，可是后来发现那些App都不会把上个月的余额带到这个月，也没有改余额的功能，每个月余额会自动清零。想着想着就干脆自己做一个来用。

一开始我就做了个简单的App，就用来记录每天的开销，然后App会自动的把我的余额计算出来。而且还可以记录每天的余额是多少，这样一来我就可以大楷知道月尾还剩下多少钱，然后就把余额自动带到下个月。为了更简单的看到余额， 我就加了个图表，把每个月的余额自动的画出来，看着自己的余额每个月都在上升，还真有点开心（还好不是平线@_@～ ）






后来为了更方便记录每天的开销，我就把颜色放在分类上，这样一来我就更容易的区分每一个分类。我就把绿色代表早餐，午餐，和晚餐，然后红色就代表电脑和游戏。因为红色通常代表危险，所以我就把电脑和游戏用红色来代表。这个可以用来提醒我自己不要加酱多红色分类。蓝色就代表水电费和车费。所以在记账时，特别快和容易。现在记账只需要选择分类和键入价钱，按下Done就完成了。






几个月记账以来，我发现如果要找出在那一天花费比较高时，就比较难了。所以我就做了个图表，用来显示那一天的开销比较高。当我做完后，很快的，我发先每个拜六的开销都比较高，明显是因为出去外面和朋友喝茶消费比较高吧 =.=!!，还有就是看电影吧。 所以。。。以后拜六是不是要呆在家看戏呢？





之后我就把这个App分享给我姐和我哥，刚好我们经常要管理父母的开销，比如医药，保健品，和生活费。大姐就问我能不能加个功能同时让多个人管理一个账号，并且每个人都可以在这个账号上做记录，我跟她说当然可以啊！我就快马加鞭的把这个功能做出来，做完后就开开心心的发给她们用，后来大家就开了一个账号，并且开始了一起记账,我姐对医院和医药费比较熟悉，那她就负责爸妈医药开销的记账，而我哥对保健品的知识比较广（因为他有一阵子被保健品直销抗过=,=），所以他就帮忙做保健品开销的记账，我就负责爸妈生活费的记账，定时买一些生活用品给爸妈，和把钱交给他们俩，毕竟他们已经没工作了。因为大家平时工作都比较忙，多几个人帮忙也是好的，一个人实在太累了。为了方便大家查询是谁记的账，我就把记账人的email放进账单里，也放在导出的csv文件里，在检查时就方便多了。我还加了一个限制，就是不能够更改别人记的账，所以大家就不用怀疑是不是别人改了你的账。








在界面设计方面，因为平时搭地铁和买东西时，我都是一手握着东西一手拿电话，为了可以用单手记账，还特地的把这个按键“+”放到中间哪里，单手按的时候就轻松多了。我还特意把“完成”按键放到特别高的地方，按的时候就顺手多了。






技术
•        Android： 是用 Java 来写的，本人不太喜欢用Kotlin，而且Java 一些逻辑可以拷贝去server用，节省了不少时间
•        Server ：就用Tomcat 加 SpringBoot，数据库是 MySQL，Redis 主要用作数据的缓存
•        iOS：我是用Swift写，iOS App已经审核完成了
•        官网和用户指南：是用HTML+javascript，目前有待完善中，现在界面看起来非常的简单^_^! www.moneymanager365.com

团队
开发团队目前只有我一人，包括数据库设计， 界面设计，代码，都是在下写的

后记
我个人一直比较喜欢干净清爽的 App，所以做的东西都比较简洁和干净。后续我还会开发更多的高级功能，比如用iOS或Android手表记账，不需要打开手机，就可以直接在手表上记账。和更多图表分析功能,来帮助用户们更好的分析和管理金钱。如果大家有什么想要的功能也可以发讯息给我喔。

yan13

很不錯啊.
frontend 有用什麼tool或framework嗎?有什麼好用的可以介紹嗎?flutter用的

darkandy

yan13 发表于 23-4-2020 01:00 PM
很不錯啊.
frontend 有用什麼tool或framework嗎?有什麼好用的可以介紹嗎?flutter用的

原本想用flutter做这个App，后来觉得flutter在UI上没有这么灵活，因为所有的UI都是widget，也可以改widget，但是应该比较花时间吧，所以我就直接用native Android 和native iOS 来做咯。

yan13

請問這叫什麼?

darkandy

yan13 发表于 23-4-2020 05:44 PM
請問這叫什麼?

这个功能叫的Account..

yan13

darkandy 发表于 23-4-2020 08:41 PM
这个功能叫的Account..

哈哈,我是問這種ui叫什麼

darkandy

yan13 发表于 24-4-2020 12:09 AM
哈哈,我是問這種ui叫什麼

我一时想到功能了
这个UI 是用photoshop 做的， 然后才放进去。。。我是参考 iPhone 的UI setting design 做的。

yan13

darkandy 发表于 24-4-2020 11:03 AM
我一时想到功能了
这个UI 是用photoshop 做的， 然后才放进去。。。我是参考 iPhone 的UI setting design 做的。

謝謝阿

褐眼睛

看来很有趣，可是你的官网是美国地址和日本电话号码，这怎么可能？

darkandy

褐眼睛 发表于 24-4-2020 01:19 PM
看来很有趣，可是你的官网是美国地址和日本电话号码，这怎么可能？

这个吗。。。不太想别人来call我，来我这里更不要啦， 所以就来个假的， 如果现在你在这个网上发讯息给我是收不到的，因为我server哪里还没调好不过email是真的。。。

derrick123

好厉害！我每次也想自己写一个，可是UI 都不懂要design什么，最后就放弃了...

cowbear

很不错哦楼主，继续加油！

darkandy

derrick123 发表于 28-4-2020 12:21 AM
好厉害！我每次也想自己写一个，可是UI 都不懂要design什么，最后就放弃了...

如果是UI的话，你可以上网Google search 一下，就跟着别人的design做出来，做了几个后你很快就上手了

darkandy

cowbear 发表于 28-4-2020 02:21 PM
很不错哦楼主，继续加油！

谢谢喔。。。我还在学习中。。。