微信记账小程序

第1章  绪论

1.1 研究背景与意义

随着网络时代的到来，互联网的优势和普及时刻影响并改变着人们的生活方式。在信息技术迅速发展的今天，计算机技术已经遍及全球，使社会发生了巨大的变革。

为了不受时间和地点的限制，智能手机用户可以通过移动网络访问网站和处理各种业务和互联网，这是一个有效的将应用系统的功能扩展到手机终端的方法，目前随着智能手机系统的普及，人人手机上基本都有了微信。

所以，微信推出小程序广告支持公众号关注，而这就意味着小程序跟公众号之间的通道被彻底打通了。本论文记账微信小程序主要牵扯到的程序，数据库与计算机技术等。覆盖知识面大，可以大大的提高系统人员工作效率。

本项目的目的在于帮助在校大学生合理地管理自己的财务，培养良好的消费习惯，搞清楚钱是怎样花出去的。

1.2 国内外研究现状

随着国内经济形势的不断发展，中国互联网进入了一个难得的高峰发展时期，这使得中外资本家纷纷转向互联网市场。然而，许多管理领域的不合理结构，人员不足以及管理需求的增加使得更多的人具备了互联网管理的意识。

随着我国生活水平不断提升，对理财行业的要求也逐渐提高。如今，我国年轻化群体人口较多，大家花钱大手大脚甚至出现负债的现象越来越明显，国民在理财花销方面也有了较大的认识，因此，我国在理财记账行业得到空前关注，发展迅速[16]。在全球许多发达国家，理财记账服务已成为重要的部分。德国、美国、日本等发达国家已经进入到繁荣发展阶段，发达国家的高级程序目前基础采用开销、收入、外债、理财等一体化的模式[9]。

而国内记账小程序市场的需求在近几年同样飞速增长，中国记账理财服务市场规模从2015年的2776亿元上升至2021年的10149亿元，增长近4倍，并将延续增长趋势，预计到2023年将增至11641亿元。随着产业规模持续扩大，中国记账理财行业营收占全国GDP比重持续增长，吸纳就业能力日渐强大，2021年有记账需求的客户数量已达3760万人。中国记账理财行业作为朝阳产业、民生产业，发展前景可观。

调研数据显示，2022年有93.8%中国消费者都有过记账需求，中国家庭对记账服务的需求强烈，尤其在“收入”“支出”方面，需求规模还将不断走高。 2018至2021年间，记账服务用户的线上渗透率从47.8%上升至80.2%，记账服务线上记录化趋势明显增强，线上需求已成为人们记账重要的需求来源[10]。记账理财服务行业数字化转型正在快速推进，用户需求线上化趋势极为明显，相关企业将借助互联网平台等线上渠道获客，实现数字化[17]。

在当今高度发达的信息中，信息管理改革已成为一种更加广泛和全面的趋势。记账微信小程序是基于Mysql数据库，在Java程序设计的基础上实现的。为确保中国经济的持续发展，信息时代日益更新，网上商城更是蓬勃发展。同时，随着信息社会的快速发展，记账微信小程序网站面临着越来越多的信息，因此很难获得他们对高效信息的需求，如何使用方便快捷的方式使查询者在广阔的记账微信小程序信息中查询，存储，管理和共享信息方面有效，对我们的学习，工作和生活具有重要的现实意义。因此，国内外学术界对此进行了深入而广泛的研究，一个新的研究领域——记账微信小程序诞生了。

1.2 研究内容

本文各章节内容安排如下：

第一部分：绪论。介绍了系统的研究背景及意义、国内外研究现状及其研究内容[；

第二部分：关键技术及开发工具。主要介绍了系统在开发过程中使用到的开发技术、开发工具。

第三部分：系统分析与系统设计。主要介绍了系统开发前的需求分析、可行性分析、系统功能设计、数据库设计。

第四部分：系统功能实现与测试。主要介绍本系统里关键功能的详细设计、实现效果和实现代码思路及其部分测试情况。

第五部分：总结与展望。主要是对本次论文和毕业设计的工作总结，此外又说明了未来的展望情况。

第2章  系统开发工具及技术

2.1 系统开发工具

2.1.1 IntelliJ IDEA开发工具

Idea是IntelliJ IDEA的简称，它是JAVA开发的集成环境。Idea可进行智能化编码，可减少程序员在开发过程中的代码量。Idea能进行智能化选取、历史记录、调试（Debug）等功能，从而为快速完成系统开发提供方便的软件。

2.1.2 Tomcat服务器

它是一款轻量级的应用服务器，因此，它不是说可以普遍在全部的中小型企业中使用。但是，一般在开发和测试时候，程序员都会首选tomcat。对熟悉计算机知识的一类人来说，计算机系需要有一个好的能对HTTML页面进行访问的Apache服务器。虽然说Tomcat只是Apache的一个扩展，但它可独立运行，又互相不会存在干扰的情况。在全部配置都是正确时，Apache服务器能够为运行HTML 页面提供支持，Tomcat是为了保证Servlet、JSP的运行。Tomcat在web项目开发中至关重要，否则浏览器无法进行页面访问。

2.1.3 Workbench 

Workbench是一款数据库建模工具，可以使用它为mysql等各类数据库提供可视化操作界面，在里面能后进行数据库创建、表创建、数据库模型创建等。能帮助开发者快速操作数据库。

2.1.4 微信开发者工具 

微信开发者工具现在已经被小程序开发团队开发运行，目前微信开发者工具任然在不断的完善中，在开发小程序时经常要不断的更新。可以使用微信扫码登陆开发者工具，开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。

机型选择：小程序以智能手机的屏幕尺寸为设计标准，进行切图。

预览界面：写好视图布局后点击编译，用来刷新视图界面。

控制台：方便调试打印输出信息。

上传代码：上传到腾讯服务器，提交审核必经步骤。上传代码时可以填写版本号和备注信息。

资源文件：一般可以在资源文件进行对应项目的文件目录的断点调试。

显示远程调试：手机端和PC端开发工具联调对用户而言是非常实用的。

本地数据存储：显示的是本地存储的数据。

视图调试：标组件以子父层级结构呈现，方便调试。

微信限制在2M 以内的代码体积；开发中一般不校验合法域名信息；小程序后台要做配置服务器域名。

以上就是在开发过程中微信开发者工具常用到的功能，微信开发者工具也在不断的完善。

2.1.5 MySQL数据库

Mysql的语言是非结构化的，用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下，MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单，但是功能和存储信息量很强大，所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的，为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强，功能强大，所以在实现某功能时只需要一小段代码，而不像其他程序需要编写大段代码。总体来说，Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室，它是在计算机上进行的，而不是现实中的储藏室。数据的存放是按固定格式，而不是无序的，其定义就是：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行，一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。介于数据库的功能强大等特点，本系统的开发主要应用了Mysql进行对数据的管理。

2.2 系统开发技术

2.2.1 B/S结构

B/S模式也能够称为 B/S 结构。它是随着Internet 的兴起而出现，也是对C/S结构的一个拓展。该结构下的项目，用户是通过浏览器作为入口来访问的，它不需要下载任何客户端但是也不能脱离了浏览器。B/S模式的项目维护非常简洁、方便，不同的人在不同的地点、或者用不同的接入方式都能访问和操作到同样的数据；缺点是对网络会有依赖性，会随着网络的瘫痪而瘫痪。

2.2.2 Java

Java 语言是一门受众很广的语言，来自Sun Microsystems公司，Java可运行在很多平台，相较于C++语言，不仅吸收了C++很多优点，还摈弃了里面许多晦涩难懂的概念，Java的优点很多，可面向对象开发，平台多样性以及可移植性很高，目前市面上很多大型网站项目都使用Java编写，由此可知Java的受欢迎程度很高。

2.2.3 SpringBoot框架

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。

2.2.4 JSP

JSP其实就是一种技术标准，是对动态网页做出来的约束标准。它其实就在HTML页面代码中融合了JAVA代码输出的一种新形文件，能把动态数据提供给用户。使用JSP制作开发的WEB应用能够跨平台使用，在任何系统下都可以使用。JSP很好地将网页逻辑和与网页设计和显示做了分离，能对可重用的组件进行支持，让WEB应用的开发更方便快捷。

2.2.5 Mybatis框架

该系统开发的持久化框架采用Mybatis。Mybatis是一款ORM类型的数据持久化框架，将JDBC的手动注册驱动、建立连接、获取sql执行对象、释放连接等操作进行了自动化装配，只需要进行简单的配置就可以实现自动注册驱动、建立连接、释放连接等操作，开发人员只需要关注sql语句的编写就可以了，而不用过多的关注数据库连接问题。mybatis支持自定义 SQL、存储过程以及高级映射，可以通过sql映射文件实现sql语句的编写，支持动态sql，用条件判断进行查询可以实现sql复用。

MyBatis 框架的优点：（1）与JDBC相比，减少了50%以上的代码量。（2）MyBatis是最简单的持久化框架，小巧并且简单易学、易于上手和掌握。（3）sql写在xml里，便于统一管理和优化。（4）解除sql与程序代码的耦合。（5）提供映射标签，支持对象与数据库的ORM字段关系。

2.2.6小程序框架以及目录结构介绍

整个小程序框架系统分为两部分：逻辑层和视图层。小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生小程序体验的服务。小程序在视图层与逻辑层间提供了数据传输和事件系统，提供了自己的视图层以及逻辑层框架，让开发者能够专注于数据与逻辑。框架的核心是一个响应的数据绑定系统，可以让数据与视图非常简单地保持同步。在逻辑层做数据修改，在视图层就会做相应的更新。框架提供了一套基础的组件，这些组件自带微信风格的样式以及特殊的逻辑，开发者可以通过组合基础组件，创建出强大的小程序。

第3章  系统分析与设计

3.1需求分析

该系统主要目的是想让用户在小程序端进行收入、支出的记录，统计，查看。除此之外是希望记账可以通过电子化平台得到更好使用，让喜欢的人在上面得到自己的需要，并将该小程序得到最大限度的宣传并便利于这部分喜欢的人。因此，该系统主要分为小程序端和后台管理系统，用户分为小程序用户及后台管理员两类。

因此，系统设计是要从用户和管理员的实际需求开始，以了解他们需要实施哪些功能以及他们可以包括哪些管理工作。考虑到记账微信小程序设计的特点，应具备下面的要求：

（1）它可以通过网络开展记账微信小程序信息管理工作，促进对记账微信小程序信息管理。

（2）用户可以查看收入信息和支出信息;

（3）它提供了一个免费的渠道，以确保数据的实时有效沟通。

3.1.1小程序端

小程序端主要供小程序端用户使用，细分出的功能如下。

(1) 用户登录：为了保证信息安全性，在使用小程序功能需先进行登录。登录使用了小程序登录，在用户进入小程序时会提示使用微信登录，登录成功即可使用里面的功能。

(2) 支出记录：用户登录成功后，可进行各类支出费用的记录，将每一笔都记录的清清楚楚。

(3) 收入记录：用户登录成功后，可将各类收入一一记录，方便后期更条理查看。

(4) 记账统计：统计用户每个月的收入、支出信息及其是否存在预算设置，且超出预算的情况记录。

(5) 设置：用户可设置或调整每个月的支出预算。

(6) 账单管理：用户可根据搜索条件查看自己的每一笔收入、支出情况。

3.1.2后台管理系统

系统后台管理是给系统管理员用的，各类信息在系统里统一化管理，根据后台的使用情况划分出如下功能。

(1) 客户信息管理：小程序端注册成功的客户所有信息，对其可进行查询、查看等。

(2) 系统设置：包括系统用户增删改查操作、系统部门的增删改查操作、系统角色的增删改查操作、资源权限分配等。

(3) 系统监控：系统的资源使用情况监测、查看。

(4) 收入管理：用户的收入记录类表查看管理。

(5) 支出管理：用户的支出记录列表查看管理。

(6) 类型管理：收入支出的标签类型项的增删改查管理操作。

(7) 预算管理：用户设置的预算情况查看管理。

(8) 问题建议：用户提出的问题建议查看管理。

3.2可行性分析

系统可行性分析是系统开发中至关重要的一个环节，它一般是系统需求分析做完后，进行系统开发工作的前面。需要从不同角度、层面，多方位对系统进行可行性论证，看是否可完成。当且仅当系统的各项可行性都具备后，整体系统才能够进入到开发和编码工作，否则在开发过程中将可能出现不可预估的错误。本系统完成会涵盖到的开发技术及开发工具，学校均已开设过相关课程，另外本人在课余时间也曾对相关技术进行了补习。但任何一个项目的开发都不会是简单的，要想把系统做好就必须花相匹配的时间才行，所以只要肯花时间，认真思考，并借助强大的网络资源，相信本系统的开发是具备可行性的。

3.3系统总体设计

根据分析出来的需求把记账微信小程序系统划分为小程序端和后台管理系统两部分。系统功能总体设计如图3-1所示。小程序端包括用户登录、支出记录、收入记录、收支统计、设置等功能。后台管理系统包括系统设置、系统监控、客户管理、收入管理、支出管理、类型管理等模块。通过这些功能可方便并满足需要使用小程序记账的基本功能。

图3-1 系统功能总体设计

3.4微信小程序前端设计

(1) 登录模块

登录模块是小程序端用户使用支出记录、收入记录、支出统计查看等功能的前台，所有用户如果想要使用系统必须是在登录的情况下才可以。用户可以在进入小程序时直接授权微信登录即可成功，不需要繁琐的注册，利用小程序特有的优势让用户更加便捷。登录流程如图3.2所示。

图3-2 登录流程设计

登录整体页面使用了淡紫色的风格，搭配耀眼的姜黄色按钮完成登录进入系统主页面。页面布局简洁、大方，一眼便可让用户查看到在哪里操作，也做了相应的引导，更加用户体验感。登录界面设计如图3-3所示。

图3-3 登录界面设计

(2) 记账统计模块

记账统计模块是小程序端的首页。在登录成功后，用户可以清楚的看到自己的账单统计情况，包括了本月支出金额、本月收入金额、本月余额、预算金额及其超支情况五大数据，可以让其轻松了解财务情况做到心里有数。记账统计流程如图3-4所示。

图3-4 记账统计流程设计

记账统计界面采取了直观数据展示方式，清楚将本月支出金额、本月收入金额、本月余额、预算金额及其超支情况五个关键指标展示出来供用户查看。使用不同颜色标记指标数据，红色是提示用户已经超支，需要注意节约自己的开支。页面主要是三大部分构成，包括头部、导航栏、主体指标展示部分。记账界面设计如图3-5所示。

图3-5 记账统计页面设计

(3) 支出记录模块

支出记录是帮助用户记录每一笔支出费用情况，记录的内容包括支出金额、支出类型、支出时间。支出记录是小程序的关键，记录好每一笔，后面才能更好得查看。支出记录流程设计如图3-6所示。

图3-6 支出记录流程设计

支出记录的页面设计采取的是图文并茂的形式、每个类型对应也有logo图标，让客户更清晰明白每项分类内容，在下面展示了大大的提交按钮，更好的考虑了用户体验感。支出记录页面设计如图3-7所示。

图3-7 支出记录页面设计

(4) 收入记录模块

收入记录是帮助用户记录每一笔收入费用情况，记录的内容包括收入金额、收入类型、收入时间。收入记录是小程序的关键，记录好每一笔，后面才能更好得查看。收入记录流程设计如图3-8所示。

图3-8 收入记录流程设计

收入记录的页面设计采取的是图文并茂的形式、每个类型对应也有logo图标，让客户更清晰明白每项分类内容，在下面展示了大大的提交按钮，更好的考虑了用户体验感。收入记录页面设计如图3-9所示。

图3-9 收入记录页面设计

(5) 统计模块

账单统计是将自己的全部支出记录、收入进行罗列查看，方便用户查看每一条记录信息，了解自己的财务流向。统计流程图如3-10所示。

图3-10 统计流程设计

统计功能页面设计按照传统的先选择类型再展示对应信息形式设计，用户进入页面能看到支出、收入，点击自己想看的即可查询对应全部记录信息。每一个操作简洁方便、无需选择完类型后再点击查询按钮，直接自动切换提高用户使用效率。统计页面图如3-11所示。

图3-11 统计页面设计

(6) 问题建议模块

问题建议模块是用户对小程序使用过程中把遇到的问题或者更好的建议输入提交至系统，方便系统做完善修复更加让用户满意。问题建议模块流程图设计如图3-12所示。

图3-12 问题及建议流程设计

问题建议页面使用了一个大的内容输入框及按钮组成，方便用户直接直观输入提交。问题建议模块页面设计如图3-13所示。

图3-13 问题及建议页面设计

(6) 预算设置模块

预算设置模块是用户填写每月预算的入口，便于后期统计财务情况可了解收入、支出、是否超支等情况。预算设置模块流程图设计如图3-14所示。

图3-14 预算设置流程设计

预算设置页面使用了一个输入框和启用按钮组成，按钮点亮启动成功，若无点亮不做预算设置。而输入框用于输入预算金额。预算设置模块页面设计如图3-15所示。

图3-15 预算设置页面设计

3.5后台管理端设计

1. 客户信息管理模块

客户信息管理模块是对小程序端登录成功记录在册是用户进行管理，包含查询、修改、删除等操作。用户在后台中点击该模块，能看到对客户名字、openid、昵称、地区等信息的统一管理，方便管理员查看小程序的用户使用人数、地域分布等各类信息。

1. 系统设置模块

系统设置包括系统用户管理、岗位管理、部门管理、角色管理、资源权限管理部分，主要是对后台管理的基础信息进行动态管理。用户管理是对用户的编号、昵称、名称、手机号等信息进行分配、修改、删除、查询基本操作。岗位管理是对后台涉及到的岗位名称、岗位编号进行分配、修改、删除、查询的基本操作。部门管理是为了方便对用户按部门划分，包括对部门编号、名称等基本信息的分配、修改、删除、查询操作。角色管理是对后台使用用户的角色管理，不同角色权限不同，通过角色实现了不同用户查看不同的数据，进行不同的操作；角色包括对角色名称、编号、数据权限、资源权限菜单的分配、修改、删除、查询操作。

(3) 系统监控模块

系统监控模块是对系统的在线用户、CPC、登录ip等基本信息进行查询、删除等操作，方便管理员管控平台的全部操作情况，万一出现数据丢失等问题即可快速找到对应人。

(4) 收入管理模块

收入管理是系统的核心功能，收入管理是将小程序端全部用户的数据进行统一管理，提供的操作主要有查询、删除。管理员可依据小程序端记录的收入情况分析用户的使用频次等信息，方便后期对小程序进行优化，挖掘更多用户需求。

(5) 支出管理模块

支出管理是系统的核心功能，支出管理是将小程序端全部用户的数据进行统一管理，提供给用户的操作主要是查询、删除。管理员可以依据小程序端用户的支出记录情况统计分析用户使用频次等信息，便于以后优化程序，提升用户体验感。

(6) 类型管理

类型管理分为了支出类型、收入类型两大部分。提供给用户的操作都是新增、修改、删除、查询的基本操作，用户在后台新增的类型会同步更新在小程序用户端。它是记录收入、支出的一个基本参数，有了该参数才能更好帮助用户统计展示各类的数据花销。

(7) 预算管理

预算管理是将小程序端用户设置的预算金额进行统计管理，提供的操作仅仅是查看，通过这部分数据帮助后台用户分析用户的预算开支情况等，看看使用小程序的都是哪个薪资层次的用户，便于后期退出一些新的收费功能看大家的接受程度。

(8) 问题建议模块

问题建议是吧小程序提交的信息展示在后台，后台用户可以看到用户有什么反馈、问题、建议需要改进，这样通过用户参与才能更好优化、改进小程序，便于后期更多的人使用。

以上后台的全部功能都是基本的新增、修改、删除、查询等操作，流程设计相似。以下是进行不同操作的流程设计图：新增信息如图3-16所示，删除信息如图3-17所示，信息删除如图3-18所示，信息查询如图3-19所示。

图3-16 新增信息流程设计图

图3-17 删除信息流程设计图

图3-18 修改信息流程设计图

图3-19 查询信息流程设计图

后台管理的页面设计采用的是分块设计：左部菜单、顶部导航、中间主体部分。每个功能都是主体部分发生变化，其他部分不变。查询列表页面展示数据类表，各类操作数据的按钮。新增或者修改页面是以输入框为主和提交的确认按钮构成。删除功能是在列表页通过按钮完成。后台管理的类表页如3-20所示，新增或修改页面如图3-21所示。

图3-20 查询信息流程设计图

图3-21 新增或修改信息流程设计图

3.6数据库设计

3.6.1 数据库需求分析

在用户的角度来说，数据库的需求主要体现在对数据库表的增删改查。因此，数据库结构需同时满足两个要素：输入、输出。在进行数据设计时，首先需收集数据，然后分析数据结构，最后处理数据。根据本系统的需求，设计以下主要的数据项和数据结构：

(1) 客户实体：表id、用户昵称、省、市、性别、头像Url、用户标识。

(2) 收入记录实体：表id、客户open_id、收入时间、收入类型、收入金额

、备注、录入时间。

(3) 支出记录实体：表id、客户open_id、支出时间、支出类型、支出金额

、备注、录入时间。

(4) 收入类型实体：表id、类型编号、类型名称。

(5) 支出类型实体：表id、类型编号、类型名称。

(6) 预算设置实体：表id、预算金额、记录时间、openid。

(7) 建议实体：表id、openid、意见。

3.6.2 数据库概念结构设计

根据上述数据库的需求分析得到具体的实体，各个实体属性大体对实体相应的 E-R 图。

(1) 客户实体如图4-2所示。

图4-2 客户实体

1. 收入记录实体如图4-3所示。

图4-3 收入记录实体

1. 收入记录实体如图4-4所示。

图4-4 支出记录实体

1. 支出类型实体如图4-5所示。

图4-5 支出类型实体

1. 收入类型实体如图4-6所示。

图4-6 收入类型实体

1. 预算设置实体如图4-7所示。

图4-7 预算设置实体

1. 反馈意见实体如图4-8所示。

图4-8 反馈意见实体

3.6.3 数据库表设计

(1) 客户表 (c_customer)的表结构如表4-1所示。

表4-1 客户表(c_customer)

...需要的私信或者留言获取

实现效果：

 

 文章来源地址https://www.toymoban.com/news/detail-481868.html

到了这里，关于微信记账小程序的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！