1、应用场景

在如今数字化的消费时代，消费已经不在是传统的纸质消费了，更多人愿意使用电子消费的方式。而电子消费则有着一个很明显的特点，就是消费的数字化，消费者看不到自己的金钱被交易，而只能注意到一堆数字的变化，因此消费迅速，并且毫无察觉，也不知道消费在何处。

因此，结合我们自身的实际感受，决定制作“咸鱼记账”这个微信小程序来解决上述问题，通过一款软件来记录用户的消费行踪，让用户在消费时能够对今天、本月和本年的消费有个直观的感受，并且能够时时知道自己的消费去了哪里。因此“咸鱼记账”的口号是：咸鱼想翻身，先从管理经济支出开始吧，咸鱼记账，您贴心的财政管理管家。

2、目标用户

本套小程序的应用人群有两类：

一是无收入的大学生群体。普遍大学生所在的城市都不是家乡，并且未经历过挣钱的艰辛，拿着父母的钱在这数字化的消费环境中很容易大手大脚，并且还不知道消费去了何处。因此，“咸鱼记账”可以帮助此类学生管理自己的经济支出，在每一笔消费时，将消费的内容、所消费的金额进行记录，从而养成理性消费的好习惯。

二是收入较低，花钱大手大脚的“月光族”群体，在现在的很多 80 后、90 后中，有很多步入社会的青年也是没有财政管理的概念，经常也是“月光族”，到月底的钱包就空了，一年到头也存不了多少钱。因此“咸鱼记账”小程序可以帮助这类人群养成合理的消费观念，提醒他们在消费时自己的财产还剩余多少，摆脱“月月光”的局面。

3、实现思路

3.1、系统功能总体设计

3.1.1 技术选型

为了节约成本，“咸鱼记账”小程序完全依托于微信进行开发，前端采用原生的微信小程序的开发技术，后端则使用的是微信小程序的云开发方式，使用云函数来操作数据库。这对于传统的搭建后台服务后端的做法，不仅减少了学习成本，还减少了硬件成本、开发成本，并且也使得“咸鱼记账”有着长久使用的可能。

3.1.2 关键技术方案

“咸鱼记账”小程序的关键技术在于云开发方向，这是我第一次接触的一个技术方案，开始时未曾使用云函数直接使用SDK 去操作云开发的数据库，发现查询历史账单时无法查询第 21条数据，出现 bug。后面我们使用云函数解决了这个问题，云开发技术是本小程序的关键技术，同时也是十分好用，前景非常乐观的一门强大的技术。

3.1.3 前端UI设计

“咸鱼记账”的界面 UI，我们团队通过讨论决定使用天空的颜色——以蓝色调为主体。一因为蓝色为冷色调，可以给了提醒账单消费的作用，二则颜色柔和，不会让使用的用户产生紧张情绪。

3.1.4 后端设计和部署

“咸鱼记账”微信小程序告别传统的前端后模式，采用微信平台停供的云开发模式来进行数据库的操纵与使用，不存在部署的问题。本小程序大致的思路为：

用户点击进入小程序获得 openid

→在首页查询今日的消费信息和统计消费数据

→在记账界面将消费数据写入数据库中

→在查询历史账单界面查询历史的消费信息

→在我的界面将数据进行分类、分时间段统计

→在吐槽界面将吐槽的内容保存至数据库中

3.2、数据库设计

本小程序借助的是微信的云开发数据库，使用的是非关系型数据库mongodb数据库。并且表结构单一，只有两张表，因此该部分进行简要介绍。

“咸鱼记账”微信小程序采用的是微信云开发提供的数据库，使用了两个集合，一个用来存放账单信息，一个用来存放吐槽信息。

存放账单信息的集合中有的字段为：

存放吐槽信息的集合：

4、架构图

5、效果截图

5.1、首页

本页面为“咸鱼记账小程序”的主页面，主要是会显示今日总支出、本月总支出、本年总支出等统计信息，并且还可以查看今天的消费信息，长按也可以进行删除，同时提供两个按钮，“我又花钱了”和“查看历史账单”，分别对应文字所描述的功能。该页面如下图所示。

5.2、记账页面

本页面主要是进行记账操作，用户可以选择消费的分类，以及消费的日期和花费的金额，并且需要备注上消费的内容。本页面内置了计算器的功能，可以方便用户计算消费的金额。本页面如下图所示。

5.3、历史账单页面

本页面记录该账户的消费信息，历史记录。默认为从2020-01-01号到如今的日期的消费记录，用户也可以修改开始时间和结束时间，内置时间选择组件。该页面如下图所示。

5.4、“我的”页面

“我的”页面主要记录该账户的一些消费数据信息，默认为显示的是用户头像和全部数据，用户可以看的到每一年度的消费总支出和各个分类的消费总支出。并且，点击年消费、月明细也可以看到每一年、每一个月的详细消费信息。该页面如下图所示。

5.5、“吐槽”页面

该页面主要是进行向我进行软件的吐槽，可以选择吐槽的分类，留言吐槽的内容，并且可以留下联系方式供我与吐槽者进行详细的交流，便于软件的修改和升级。本页面如下图所示。

6、代码链接

码云：https://gitee.com/xue-guo-peng/salted_fish_bookkeeping

7、作品体验二维码

8、介绍视频

​

​

9、未来展望

本微信小程序后期还将接入主流的消费软件的账单信息， 避免用户手动输入的苦恼。比如：接入支付包、淘宝、微信、各大银行软件的账单信息，使得用户使用这些软件消费后能够自动的在“咸鱼记账”小程序中增加，从而减轻用户手动输入账单的苦恼，并且能够一套小程序软件就能涵盖所有消费信息，不需要一个个软件去翻消费记录去寻找。不过，因为技术原因，该功能尚未实现，是属于拟解决的问题。

10、个人简介

团队名称：咸鱼有梦

年龄：20

参赛说明：本人在校本科大二学生，熟悉web开发，掌握javaee内容，目前刚好接触微信小程序及其云开发，做个小项目练练手。