花了一个月时间，做了自己想做的事水母记账上线啦

 

用了一个月的时间，做了一直想做却没有着手开始的事情。一直有个习惯就是记账，但是市面上记账软件多多少少都有些不尽人意的地方，从16年就有这么个想法，当时自己还是个技术小白，弄了一个非常简陋的pc版记账软件，很多功能都不完善，因工作的关系这个项目就被遗弃了。这也是这些年的一个遗憾，如果一直坚持，这个项目也许会很好了吧。

​ 随着年龄增长，琐事也就越来越多，一直坚持下来做好一件事真心不容易，但这个项目我不准备放弃，会直接坚持下去，不管如何至少我自己和身边朋友一直在用就很好的啦…

​ 言归正传，水母记账项目现在已经迭代到V2.0版本，已经有账本管理、记账日历、多人记账、多人分账、模版记账、循环记账、好友邀请、记账提醒、统计等功能基本上覆盖市面有的功能。现在小程序的基本功能没有问题，很多细节还需要在进行优化迭代。后续还设计了存钱罐、存钱计划等着部分还在规划中敬请期待。

作为一个后端来说，从产品规划到UI设计完全从0到1是个脑力活也是个体力活，第一次发现设计一个好看的页面这么不容易，很佩服前公司的UI小姐姐两天出了150个图真不知道她是怎么搞的…

自己动起手来感觉大脑一片空白(我是谁？我在那？我在干嘛？这个按钮要啥颜色？上个页面边距多少来？)要疯的节奏;还好现在设计工具很多，照着大家的抄就好啦。我使用的Figma用起来还是比较顺手拖拉拽，有点像低代码平台哈哈。

Figma比较好的是不用在导出到其他平台，直接就可以看到尺寸字体等，上来就研发啦，还有插件可以直接转换成代码，这个比较不错的。

前端开发

因为之前接触过vue所以直接使用uni-app去开发，上手快。

├── components 自定义组件
│   ├── circle-card
│   ├── cn-money
│   ├── lazy-load
│   └── ...
├── config 配置文件
│   └── api.js
├── pages 主要页面
│   ├── home
│   ├── bill
│   └── ...
├── static 静态文件
│   ├── css
│   └── img
├── uni_modules uni扩展组件
│   ├── uni-load-more
│   ├── uni-popup
│   └── ...
├── unpackage 打包生成目录
│   └── dist
└── utils 封装公共工具文件
    ├── config.js
    └── util.js
├── App.vue
├── pages.json
├── uni.scss
├── index.html
├── main.js
├── manifest.json 应用的配置文件

组件方面我们使用的是uni-app官方uni-ui的部分组件，其他的都是根据轻航的需求来自定义的。为了就是让项目尽量少的引用第三方库，减少代码量，更为统一，后续为小程序打包App减少UI上面的适配工作；

后端

后端比较简单，是我的老本行。前期采用的单体结构SpringBoot直接搞定，考虑到前期用户量较少，前期没有必要分布式浪费资源，云资源还是蛮贵的。

最后

成功的人不是赢在起点，而是坚持到终点。这句话用来告诫大家，做自己喜欢的事情，直接坚持下去不轻言放弃。

如果大家想体验我的小程序也非常欢迎哦；花了一个月时间，做了自己想做的事水母记账上线啦