基于JAVA+SpringBoot+Vue的大学生智能消费记账系统的设计与实现

课题背景

信息数据从传统到当代，是一直在变革当中，突如其来的互联网让传统的信息管理看到了革命性的曙光，因为传统信息管理从时效性，还是安全性，还是可操作性等各个方面来讲，遇到了互联网时代才发现能补上自古以来的短板，有效的提升管理的效率和业务水平。传统的管理模式，时间越久管理的内容越多，也需要更多的人来对数据进行整理，并且数据的汇总查询方面效率也是极其的低下，并且数据安全方面永远不会保证安全性能。结合数据内容管理的种种缺点，在互联网时代都可以得到有效的补充。结合先进的互联网技术，开发符合需求的软件，让数据内容管理不管是从录入的及时性，查看的及时性还是汇总分析的及时性，都能让正确率达到最高，管理更加的科学和便捷。本次开发的大学生智能消费记账系统实现了字典管理、收入管理、用户管理、预算管理、支出管理、管理员管理等功能。系统用到了关系型数据库中王者MySql作为系统的数据库，有效的对数据进行安全的存储，有效的备份，对数据可靠性方面得到了保证。并且程序也具备程序需求的所有功能，使得操作性还是安全性都大大提高，让大学生智能消费记账系统更能从理念走到现实，确确实实的让人们提升信息处理效率。

开发目的和意义

小康时代的到来，使得人们满意度上升，生活各个方面都产生了许多变化，比如办公都有相应软件，很多工作都要求员工会操作计算机，可以说现在的时代基本被软件覆盖得差不多了，软件行业的特征就是大家都在使用软件代替传统手工记载操作，软件的出现让我们的生活还有工作又向前翻了新篇章。大学生智能消费记账系统是一个利用软件形式管理车辆租赁信息的平台。管理员管理租车信息也不再需要用纸张进行信息记录及查询管理操作，所有的操作都是利用电脑进行办公，用户需要使用密码还有用户名进行系统登录操作，按照系统主页界面的各个功能展示进行相关操作，无论添加或者是删除，拟或是修改查询等操作，时间上不需要太多，短短几分钟就会搞定。况且软件是不限制办公地点以及办公时间的，只要有操作需要，随时随地登录系统就可以完成任务。办公效率提高这个不再是难题。预算租赁店对于租车信息的管理操作早就应该进行变革了，利用软件管理租车信息，节约人力物力成本，这是一个新的租车信息管理的创举。

系统流程分析

大学生智能消费记账系统的开发也是有对应的流程，开发之前必须要进行用户功能需求的分析，最后根据功能需求进行网站设计还有数据库相关数据的设计工作，此次开发的大学生智能消费记账系统开发流程如图3.1所示。

图3.1 系统开发流程图

系统开发完成之后会给用户提供登录入口，在这个界面用户输入的信息会得到验证，通过验证之后才能进去大学生智能消费记账系统的访问主界面，系统登录执行流程如下：

图3.2 系统执行流程图

系统功能需求分析

系统的开发离不开前期的需求分析，这个阶段就是让程序员知道自己该做什么事情，在进行需求分析的时候，着重点就是用户对系统的功能要求，这个阶段要是分析得很到位，系统开发出来投入使用时，用户就会发现系统的功能跟用户需求保持一致，程序稳定性也是达标的，可以说需求分析是决定系统开发成败的关键，它主要就是把现实世界进行抽象化，然后把抽象化的对象用来构建模型。

大学生智能消费记账系统的受益群体主要是工作人员，该网站能够方便使用者进行数据信息的查找和管理工作，本次开发的网站我们设计的界面展示主要分为管理员界面以及用户界面，具体界面的功能分布如下。

大学生智能消费记账系统管理员可以管理用户的基本信息，可以管理预算信息，可以管理预算信息等。

系统非功能需求分析

（1）完整性需求

本次开发的大学生智能消费记账系统里面记录的数据信息不能保持为空，并且数据信息一定要核对正确才行，系统里面数据之间存在的联系不能出错，不能够张冠李戴，数据表里面同一数据在不同数据表里面的显示内容要一样。

（2）性能需求

用户在操作大学生智能消费记账系统的各个部分内容时，弹出的页面响应时间不能太长，最好控制在三秒钟以内，最大限制值就是四秒，这个是给用户一个好的程序体验。并且系统还要能够承载多人同时在线进行大学生智能消费记账系统的访问操作。

（3）界面需求

大学生智能消费记账系统界面设计上面应该考虑到用户日常操作习惯，比如导航栏的设计不能在右边，这个完全违背了用户使用网站的操作习惯，同时功能导航的字体以及颜色应该比较显眼，方便用户容易找寻，避免用户在进行功能操作上面浪费太多时间。

（4）安全性需求

大学生智能消费记账系统的安全性要有保证，给用户一种可靠，可以信赖的感觉，系统在运行过程中，不能总是出错，与用户进行功能界面交互时，要及时给出反馈信息，另外系统要设置登录窗口，让不是系统的用户不可以进行系统功能界面的访问操作。系统用户也要经过用户名密码的填写操作，才可以进入系统主界面，这样就可以保障系统数据信息处于一种安全状态。

总体功能

大学生智能消费记账系统是根据需求定制开发，开发软件选用IDEA平台配合MySQL数据库进行开发环境的搭建操作，网站采用WEB应用程序中最流行的B/S结构进行开发，用户访问系统数据仅仅需要在客户端安装谷歌浏览器或者是当下常用浏览器就可以访问网站内容。

系统模块设计

大学生智能消费记账系统系统在进行系统中功能模块的划分时，采用层次图来进行表示。层次图具有树形结构，它能使用矩形框来描绘数据信息。顶层代表的数据结构很完整，顶层下面的矩形框表示的数据就是子集数据，当然处于最下面的矩形框就是不能再进行细分的数据元素了，使用层次方框图描述系统功能能让用户一目了然，能够明白系统的功能，以及对应功能板块下面的子功能都可以清楚领会。大学生智能消费记账系统分为管理员和用户两部分操作角色，下面将对他们的功能进行阐述。

管理员可以管理用户的基本信息，可以管理等功能。管理员功能结构图如下：

图4.1 管理员功能结构图

4.3 数据库设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。

4.3.1 数据库概念设计

这部分内容需要借助数据库关系图来完成，也需要使用专门绘制数据库关系图的工具，比如Visio工具就可以设计E-R图（数据库关系图）。设计数据库，也需要按照设计的流程进行，首先还是要根据需求完成实体的确定，分析实体具有的特征，还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法，绘制本系统的E-R图。不管是使用亿图软件，还是Visio工具，对于E-R模型的表示符号都一样，通常矩形代表实体，实体间存在的关系用菱形符号表示，实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形，菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。

（1）下图是用户实体和其具备的属性。

图4.1 用户实体属性图

（2）下图是预算实体和其具备的属性。

图4.2 预算实体属性图

（3）下图是收入实体和其具备的属性。

图4.3 收入实体属性图

（4）下图是支出实体和其具备的属性。

图4.4 支出实体属性图

数据库表设计

数据库里面的数据表存放的就是各种数据记录，我们在进行系统增删改查操作时，其实也是在对应数据表里面进行的增删改查操作，一个好的数据库能够缩短信息处理时间，所以说数据库的设计工作不容小觑，数据库里面设置哪些表，表里面的字段设计以及字段类型和字段长度等信息都要考虑周到才行，比如时间这个字段，它的数据类型就不能是int型，不然在系统操作中就会弹出输入数据格式不符合要求的报错提示。下面简单介绍大学生智能消费记账系统的一些数据表。

表4.1字典表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

dic_code

String

字段

是

3

dic_name

String

字段名

是

4

code_index

Integer

编码

是

5

index_name

String

编码名字

是

6

super_id

Integer

父字段id

是

7

beizhu

String

备注

是

8

create_time

Date

创建时间

是

表4.2收入表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_id

Integer

用户

是

3

shouru_uuid_number

String

收入唯一编号

是

4

shouru_name

String

收入名称

是

5

shouru_types

Integer

收入类型

是

6

shouru_number

BigDecimal

收入金额

是

7

shangjia_content

String

收入备注

是

8

shoru_time

Date

收入时间

是

9

insert_time

Date

创建时间

是

10

create_time

Date

创建时间

是

表4.3用户表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_name

String

用户姓名

是

3

yonghu_phone

String

用户手机号

是

4

yonghu_id_number

String

用户身份证号

是

5

yonghu_photo

String

用户头像

是

6

yonghu_email

String

电子邮箱

是

7

create_time

Date

创建时间

是

表4.4预算表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_id

Integer

用户

是

3

yusuan_uuid_number

String

预算唯一编号

是

4

yusuan_name

String

预算名称

是

5

yusuan_types

Integer

预算大类型

是

6

yusuan_erji_types

Integer

二级类型

是

7

yusuan_number

BigDecimal

预算金额

是

8

shangjia_content

String

预算备注

是

9

shoru_time

Date

预算使用时间

是

10

insert_time

Date

创建时间

是

11

create_time

Date

创建时间

是

表4.5支出表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_id

Integer

用户

是

3

zhichu_uuid_number

String

支出唯一编号

是

4

zhichu_name

String

支出名称

是

5

zhichu_types

Integer

支出类型

是

6

zhichu_number

BigDecimal

支出金额

是

7

shangjia_content

String

支出原因

是

8

shoru_time

Date

支出时间

是

9

insert_time

Date

创建时间

是

10

create_time

Date

创建时间

是

表4.6管理员表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

username

String

用户名

是

3

password

String

密码

是

4

role

String

角色

是

5

addtime

Date

新增时间

是

管理员功能模块的实现

用户列表

如图5.1显示的就是用户列表页面，此页面提供给管理员的功能有：查看用户、新增用户、修改用户、删除用户等。

图5.1 用户列表页面

预算信息管理

管理员可以对前台的注册用户的基本信息进行管理，可以设置注册用户的账号为冻结或者是在用状态，管理员也能选择很多个已经失效的注册用户的信息进行批量删除操作。注册用户管理界面如图5.2所示。

图5.2 预算信息管理页面

预算类型管理

预算类型管理页面显示所有预算类型，在此页面既可以让管理员添加新的预算信息类型，也能对已有的预算类型信息执行编辑更新，失效的预算类型信息也能让管理员快速删除。下图就是预算类型管理页面。预算类型管理界面如图5.3所示。

图5.3预算类型管理界面