基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886

摘  要

随着互联网大趋势的到来,社会的方方面面,各行各业都在考虑利用互联网作为媒介将自己的信息更及时有效地推广出去,而其中最好的方式就是建立网络管理系统,并对其进行信息管理。由于现在网络的发达,应届毕业生财务管理系统的资讯信息通过网络进行信息管理掀起了热潮,所以针对毕业生的财务管理需求开发出一个应届毕业生财务管理系统。

整个开发过程首先对软件系统进行需求分析,得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统功能设计、系统总体结构设计、系统数据结构设计和系统安全设计等;详细设计主要包括系统数据库访问的实现,主要功能模块的具体实现,模块实现关键代码等。最后对系统进行功能测试,并对测试结果进行分析总结,得出系统中存在的不足及需要改进的地方,为以后的系统维护提供了方便,同时也为今后开发类似系统提供了借鉴和帮助。

关键字:应届毕业生财务管理系统,Mysql,Node.JS,Vue框架

Abstract

                                                

With the advent of the Internet trend, all walks of life are considering using the Internet as a medium to promote their information more timely and effectively, and the best way is to establish a network management system and manage its information. Due to the development of the network, the information management of the financial management system for new graduates has set off a wave of information management through the network. Therefore, a financial management system for new graduates has been developed according to the financial management needs of graduates.

In the whole development process, firstly, the requirements of the software system are analyzed, and the main functions of the system are obtained. Then the overall design and detailed design of the system are carried out. The overall design mainly includes system function design, system overall structure design, system data structure design and system security design; The detailed design mainly includes the implementation of system database access, the specific implementation of main function modules, and the key code of module implementation. Finally, the function test of the system is carried out, and the test results are analyzed and summarized, and the deficiencies and areas for improvement in the system are concluded, which provides convenience for future system maintenance, and also provides reference and help for future development of similar systems.

Key words: financial management system for new graduates, MySQL, Node.JS, Vue framework

目  录

第一章 绪 论

1.1背景及意义

1.2研究现状

1.3 研究的内容

第二章 关键技术的研究

2.1  koa框架

2.2 Vue.js 主要功能

2.3 MVVM模式介绍

2.4  B/S体系工作原理

2.5 MySQL数据库

第三章 系统分析

3.1 系统设计目标

3.2 系统可行性分析

3.3 系统功能分析和描述

3.4系统UML用例分析

3.4.1管理员用例

3.4.2用户用例

3.5系统流程分析

3.5.1添加信息流程

3.5.2操作流程

3.5.3删除信息流程

4.1 系统体系结构

4.2 数据库设计原则

4.3 数据表

第五章 系统实现

5.1用户功能模块

5.2管理员功能模块

第六章  系统测试

6.1测试定义及目的

6.2性能测试

6.3测试模块

6.4测试结果

总  结

致  谢

参考文献

章 绪 论

1.1背景及意义

根据国外一项调查研究的结果显示,大学生普遍存在理财知识不足的现象。随着“后理财时代”的到来,“你不理财,财不理你”成为了常挂在人们嘴边的一句口头弹。个人理财的重要性日益凸现。每个人都需要理财,都需要对自己的财务状况进行充分和合理的管理,才能让自己的生活过的更合理和更健康,才能对自己的财务有更好的规划,让自己的生活过的更加美好。理财,是每个家庭和个人所必须面对的问题。随着市场经济的发展,人们的生活水平不断提高,生活节奏越来越快,收入和支出也越来越趋于多样化,从而导致人们对于理财的要求也越来越高。传统的人工方式记录和管理自己的财务情况不仅不便于长期保存,还显露出越来越多的不便,已经不能满足人们对于理财的需求。

随着计算机的逐步普及,网络技术日益成熟,当今社会越来越朝着信息化和数字化法发展,计算机的应用使我们的生活越来越方便和快捷,可以说我们的每个人生活都离不开计算机的帮助了。越来越多的个人应用软件成为了人们重要的助手,也在潜移默化的改变着我们的生活。开发出一个简单实用的能够管理学生财务收支的软件系统已经很有必要。这样可以使学生利用计算机对各项财务进行电子化的管理,减轻学生在个人财务统计和财务管理上的负担,并能够克服传统方法存在的多个缺点,使人们的理财更加方便和理性化,以提升人们生活的质量和生活品位。

1.2研究现状

对于学生而言,学生的财务管理需要对多种信息进行处理和管理,现在大部分学校的学生进行的财务管理的现状调查中发现,学生中虽然有使用计算机进行财务信息处理的,但是主要是对财务收支信息的录入和存档,并且只有流水记录,学生不能用它来实现对学生财务的管理。大部分理财的学生对于个人财务的管理还都是使用记事本等纸质介质的手工处理方式。这种方式有很大的不便,尤其在月度和学期统计时,需要分类逐项累加,并且将数据进行对比也不直观,同时还需要付出大量的工作时间,花费大量的时间成本。这样的财务信息管理方式数据信息处理工作量大,容易出错;数据繁多,容易丢失,且不易查找。更为重要的是,当前的一些管理方式,包括一些运用计算机来进行的管理方式,都不能达到一个很好地直观的管理效果,学生的一些财务数据不能得到很好的统讣结果,影响对财务的反应和及时处理,借出或应还的财务也不能及时的被提醒。总的来说,当前的大部分学生财务管理缺乏系统、规范的信息管理手段。

1.3 研究的内容

目前许多人仍将传统的纸质工具作为信息管理的主要工具,而网络技术的应用只是起到辅助作用。在对网络工具的认知程度上,较为传统的office软件等仍是人们使用的主要工具,而相对全面且专业的信息管理软件仍没有得到大多数人的了解或认可。本选题则旨在通过标签分类管理等方式,实现应届毕业生财务管理系统的各种功能,从而达到对应届毕业生财务管理系统的管理。

详细内容介绍,将在以下六章中详细阐述:

第一章、绪论,介绍了研究课题选择的背景及意义、研究现状,简要介绍了本文的章节内容。

第二章、引入技术知识,通过引入关键技术进行开发,向系统中涉及直观表达的技术知识。

第三章、重点分析了系统的分析,从系统强大的供需市场出发,对系统开发的可行性,系统流程以及系统性能和功能进行了探讨。

第四章、介绍了系统的详细设计方案,包括系统结构设计和数据库设计。

第五章、系统设计的实现,通过对系统功能设计的详细说明,论证了系统的结构。

第六章、系统的整体测试,评判系统是否可以上线运行。

 关键技术的研究

2.1  koa框架

Node.JS是一个异步的世界,官方API支持的都是callback形式的异步编程模型,这会带来许多问题,例如:1、callback嵌套问题;2、异步函数中可能同步调用callback返回数据,带来不一致性。为了解决以上问题Koa出现了。

koa是由Express原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编写web应用,可以免除重复繁琐的回调函数嵌套,并极大地提升错误处理的效率。koa不在内核方法中绑定任何中间件,它仅仅提供了一个轻量优雅的函数库,使得编写Web应用变得得心应手。开发思路和express差不多,最大的特点就是可以避免异步嵌套。

阿里内部就在使用Koa框架,并在Koa基础上面做了一些扩展和封装。并且基于koa开发了一个开源框架egg。

2.2 Vue.js 主要功能

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能驱动复杂的单页应用。

2.3 MVVM模式介绍

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验,如Silverlight、音频、视频、3D、动画……,这导致了软件UI层更加细节化、可定制化。同时,在技术层面,WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM(Model-View-ViewModel)框架的由来便是MVP(Model-View-Presenter)模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去,以应对客户日益复杂的需求变化。

2.4  B/S体系工作原理

B/S架构采取浏览器请求,服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息;

而每一个Web服务器又可以通过各种方式与数据库服务器连接,大量的数据实际存放在数据库服务器中;

从Web服务器上下载程序到本地来执行,在下载过程中若遇到与数据库有关的指令,由Web服务器交给数据库服务器来解释执行,并返回给Web服务器,Web服务器又返回给用户。在这种结构中,将许许多多的网连接到一块,形成一个巨大的网,即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中,用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的,浏览器的请求通过服务器进行处理,并将处理结果以及相应的信息返回给浏览器,其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器,该结构已经成为了当今软件应用的主流结构模式。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第1张图片

2.5 MySQL数据库

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

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

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

第三章 系统分析

3.1 系统设计目标

应届毕业生财务管理系统主要是为了方便学生通过本系统进行财务支出明细进行管理,并建立一个财务管理系统方便用户学习财务管理,也是为了更好的让管理员进行更好存储所有数据信息及快速方便的检索功能,对系统的各个模块是通过许多今天的发达系统做出合理的分析来确定考虑用户的可操作性,遵循开发的系统优化的原则,经过全面的调查和研究。

系统所要实现的功能分析,对于现在网络方便的管理,系统要实现分别实现管理员和用户的功能。用户:前台首页,财务信息、反馈信息、收入信息、支出信息、网站公告、新闻资讯,后台首页:财务信息统计、收入信息统计、支出信息统计;管理员:首页,轮播图管理,公告信息管理,系统用户(管理员,系统用户),资源管理(新闻列表、新闻分类),交流管理(留言板分、类列表),模块管理(财务信息、支出信息、收入信息、反馈信息、消费建议)。应届毕业生财务管理系统的开发不仅仅是能满足用户的需求,还能提高管理员的工作效率,减少原有不必要的工作量。

3.2 系统可行性分析

系统的开发环境和配置都是可以自行安装的,系统使用Node.JS的koa开发工具,使用比较成熟的Mysql数据库进行对系统用户和管理员之间相关的数据交互,根据技术语言对数据库,结合需求进行修改维护,可以使得系统运行更具有稳定性和安全性,从而完成实现系统的开发。

(1)硬件可行性分析

应届毕业生财务管理系统及信息分析的设计对于所使用的计算机没有什么硬性的要求,计算机只要可以正常的使用进行代码的编写及页面设计就可行,主要是对于服务器有些要求,对于平台搭建完成要上传的服务器是有一定的要求的,服务器必须选择安全性比较高的,然后就是在打开系统必须顺畅,不能停顿太长时间;性价比高;安全性高。

(2)软件可行性分析

开发整个系统使用的是云计算,流量的可扩展性和基于流量的智能调整云计算的优点就是流量的可扩展性和基于流量的智能调整,保障系统的安全及数据信息的及时备份。

因此,我们从两个方面进行了可行性研究,可以看出系统的开发没有问题。

3.3 系统功能分析和描述

使用应届毕业生财务管理系统的用户分管理员、普通用户两个角色的权限子模块。

管理员所能使用的功能主要有:首页,轮播图管理,公告信息管理,系统用户(管理员,系统用户),资源管理(新闻列表、新闻分类),交流管理(留言板分、类列表),模块管理(财务信息、支出信息、收入信息、反馈信息、消费建议)等功能模块。

3.4系统流程分析

3.4.1添加信息流程

添加信息,编号系统使用自动编号模式,没有用户填写,用户添加信息输入信息,系统将自动确认的信息和数据,验证的成功是有效的信息添加到数据库,信息无效,重新输入信息。添加信息流程如图3-4所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第2张图片

图3-3 添加信息流程图

3.4.2操作流程

用户想进入系统,首先进入系统登录界面,通过正确的用户名、密码等信息,系统会检查登录信息,信息正确,然后输入相应的功能界面,提示信息错误,登录失败。系统操作流程如图3-4所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第3张图片

图3-4操作流程图

3.4.3删除信息流程

用户选择要删除的信息并单击Delete按钮。系统提示是否删除信息。如果用户想要删除信息,系统将删除信息。系统数据库删除信息。删除信息流程图如图3-5所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第4张图片

图3-5 删除信息流程图


第四章 系统设计

4.1 系统体系结构

应届毕业生财务管理系统开发系统的结构图4-1所示:

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第5张图片

图4-1  系统结构

模块包括管理员:首页,轮播图管理,公告信息管理,系统用户(管理员,系统用户),资源管理(新闻列表、新闻分类),交流管理(留言板分、类列表),模块管理(财务信息、支出信息、收入信息、反馈信息、消费建议)等进行相应的操作。

登录系统结构图,如图4-2所示:

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第6张图片

图4-2 登录结构图

这些功能可以充分满足应届毕业生财务管理的需求。此系统功能较为全面如下图系统功能结构如图4-3所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第7张图片

图4-3系统功能结构图

4.2 数据库设计原则

每个数据库的应用它们都是和区分开的,当运行到一定的程序当中,它就会与自己相关的协议与客户端进行通讯。那么这个系统就会对使这些数据进行连接。当我们选择哪个桥段的时候,接下来就会简单的叙述这个数据库是如何来创建的。当点击完成按钮的时候就会自动在对话框内弹出数据源的名称,在进行点击下一步即可,直接在输入相对应的身份验证和登录密码。 

应届毕业生财务管理系统的数据流程:

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第8张图片

图4-4  系统数据流程图

4.3 数据表

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中,数据关系由数据表组成,但是表的结构表现在表的字段上。

表access_token (登陆访问时长)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

token_id

int

10

0

N

Y

临时访问牌ID

2

token

varchar

64

0

Y

N

临时访问牌

3

info

text

65535

0

Y

N

4

maxage

int

10

0

N

N

2

最大寿命:默认2小时

5

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

6

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

7

user_id

int

10

0

N

N

0

用户编号:

表article (文章:用于内容管理系统的文章)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

article_id

mediumint

8

0

N

Y

文章id:[0,8388607]

2

title

varchar

125

0

N

Y

标题:[0,125]用于文章和html的title标签中

3

type

varchar

64

0

N

N

0

文章分类:[0,1000]用来搜索指定类型的文章

4

hits

int

10

0

N

N

0

点击数:[0,1000000000]访问这篇文章的人次

5

praise_len

int

10

0

N

N

0

点赞数

6

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

7

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

8

source

varchar

255

0

Y

N

来源:[0,255]文章的出处

9

url

varchar

255

0

Y

N

来源地址:[0,255]用于跳转到发布该文章的网站

10

tag

varchar

255

0

Y

N

标签:[0,255]用于标注文章所属相关内容,多个标签用空格隔开

11

content

longtext

2147483647

0

Y

N

正文:文章的主体内容

12

img

varchar

255

0

Y

N

封面图

13

description

text

65535

0

Y

N

文章描述

表article_type (文章分类)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

type_id

smallint

5

0

N

Y

分类ID:[0,10000]

2

display

smallint

5

0

N

N

100

显示顺序:[0,1000]决定分类显示的先后顺序

3

name

varchar

16

0

N

N

分类名称:[2,16]

4

father_id

smallint

5

0

N

N

0

上级分类ID:[0,32767]

5

description

varchar

255

0

Y

N

描述:[0,255]描述该分类的作用

6

icon

text

65535

0

Y

N

分类图标:

7

url

varchar

255

0

Y

N

外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置

8

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表auth (用户权限管理)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

auth_id

int

10

0

N

Y

授权ID:

2

user_group

varchar

64

0

Y

N

用户组:

3

mod_name

varchar

64

0

Y

N

模块名:

4

table_name

varchar

64

0

Y

N

表名:

5

page_title

varchar

255

0

Y

N

页面标题:

6

path

varchar

255

0

Y

N

路由路径:

7

position

varchar

32

0

Y

N

位置:

8

mode

varchar

32

0

N

N

_blank

跳转方式:

9

add

tinyint

3

0

N

N

1

是否可增加:

10

del

tinyint

3

0

N

N

1

是否可删除:

11

set

tinyint

3

0

N

N

1

是否可修改:

12

get

tinyint

3

0

N

N

1

是否可查看:

13

field_add

text

65535

0

Y

N

添加字段:

14

field_set

text

65535

0

Y

N

修改字段:

15

field_get

text

65535

0

Y

N

查询字段:

16

table_nav_name

varchar

500

0

Y

N

跨表导航名称:

17

table_nav

varchar

500

0

Y

N

跨表导航:

18

option

text

65535

0

Y

N

配置:

19

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

20

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表collect (收藏)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

collect_id

int

10

0

N

Y

收藏ID:

2

user_id

int

10

0

N

N

0

收藏人ID:

3

source_table

varchar

255

0

Y

N

来源表:

4

source_field

varchar

255

0

Y

N

来源字段:

5

source_id

int

10

0

N

N

0

来源ID:

6

title

varchar

255

0

Y

N

标题:

7

img

varchar

255

0

Y

N

封面:

8

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表comment (评论)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

comment_id

int

10

0

N

Y

评论ID:

2

user_id

int

10

0

N

N

0

评论人ID:

3

reply_to_id

int

10

0

N

N

0

回复评论ID:空为0

4

content

longtext

2147483647

0

Y

N

内容:

5

nickname

varchar

255

0

Y

N

昵称:

6

avatar

varchar

255

0

Y

N

头像地址:[0,255]

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

9

source_table

varchar

255

0

Y

N

来源表:

10

source_field

varchar

255

0

Y

N

来源字段:

11

source_id

int

10

0

N

N

0

来源ID:

表consumption_suggestions (消费建议)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

consumption_suggestions_id

int

10

0

N

Y

消费建议ID

2

proposal_title

varchar

64

0

Y

N

建议标题

3

suggested_users

int

10

0

Y

N

0

建议用户

4

suggested_date

date

10

0

Y

N

建议日期

5

suggested_content

text

65535

0

Y

N

建议内容

6

recommend

int

10

0

N

N

0

智能推荐

7

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表expense_information (支出信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

expense_information_id

int

10

0

N

Y

支出信息ID

2

system_user

int

10

0

Y

N

0

系统用户

3

user_name

varchar

64

0

Y

N

用户姓名

4

financial_no

varchar

64

0

Y

N

财务编号

5

financial_date

date

10

0

Y

N

财务日期

6

expense_name

varchar

64

0

Y

N

支出名称

7

expenditure_amount

int

10

0

Y

N

0

支出金额

8

remarks

text

65535

0

Y

N

备注

9

recommend

int

10

0

N

N

0

智能推荐

10

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

11

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表feedback_information (反馈信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

feedback_information_id

int

10

0

N

Y

反馈信息ID

2

system_user

int

10

0

Y

N

0

系统用户

3

user_name

varchar

64

0

Y

N

用户姓名

4

user_mobile_phone

varchar

64

0

Y

N

用户手机

5

feedback_picture

varchar

255

0

Y

N

反馈图片

6

feedback_content

text

65535

0

Y

N

反馈内容

7

feedback_time

date

10

0

Y

N

反馈时间

8

examine_state

varchar

16

0

N

N

未审核

审核状态

9

examine_reply

varchar

16

0

Y

N

审核回复

10

recommend

int

10

0

N

N

0

智能推荐

11

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

12

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表financial_situation (财务信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

financial_situation_id

int

10

0

N

Y

财务信息ID

2

system_user

int

10

0

Y

N

0

系统用户

3

user_name

varchar

64

0

Y

N

用户姓名

4

financial_no

varchar

64

0

Y

N

财务编号

5

financial_date

date

10

0

Y

N

财务日期

6

total_expenditure

int

10

0

Y

N

0

支出总额

7

total_income

int

10

0

Y

N

0

收入总额

8

financial_information

varchar

64

0

Y

N

财务信息

9

recommend

int

10

0

N

N

0

智能推荐

10

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

11

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表forum (论坛)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

forum_id

mediumint

8

0

N

Y

论坛id

2

display

smallint

5

0

N

N

100

排序

3

user_id

mediumint

8

0

N

N

0

用户ID

4

nickname

varchar

16

0

Y

N

昵称:[0,16]

5

praise_len

int

10

0

Y

N

0

点赞数

6

hits

int

10

0

N

N

0

访问数

7

title

varchar

125

0

N

N

标题

8

keywords

varchar

125

0

Y

N

关键词

9

description

varchar

255

0

Y

N

描述

10

url

varchar

255

0

Y

N

来源地址

11

tag

varchar

255

0

Y

N

标签

12

img

text

65535

0

Y

N

封面图

13

content

longtext

2147483647

0

Y

N

正文

14

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

15

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

16

avatar

varchar

255

0

Y

N

发帖人头像:

17

type

varchar

64

0

N

N

0

论坛分类:[0,1000]用来搜索指定类型的论坛帖

表forum_type (论坛分类)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

type_id

smallint

5

0

N

Y

分类ID:[0,10000]

2

name

varchar

16

0

N

N

分类名称:[2,16]

3

description

varchar

255

0

Y

N

描述:[0,255]描述该分类的作用

4

url

varchar

255

0

Y

N

外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置

5

father_id

smallint

5

0

N

N

0

上级分类ID:[0,32767]

6

icon

varchar

255

0

Y

N

分类图标:

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表hits (用户点击)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

hits_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

表notice (公告)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

notice_id

mediumint

8

0

N

Y

公告id:

2

title

varchar

125

0

N

N

标题:

3

content

longtext

2147483647

0

Y

N

正文:

4

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

5

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表praise (点赞)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

praise_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

8

status

bit

1

0

N

N

1

点赞状态:1为点赞,0已取消

表revenue_information (收入信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

revenue_information_id

int

10

0

N

Y

收入信息ID

2

system_user

int

10

0

Y

N

0

系统用户

3

user_name

varchar

64

0

Y

N

用户姓名

4

financial_no

varchar

64

0

Y

N

财务编号

5

financial_date

date

10

0

Y

N

财务日期

6

revenue_name

varchar

64

0

Y

N

收入名称

7

income_amount

int

10

0

Y

N

0

收入金额

8

remarks

text

65535

0

Y

N

备注

9

recommend

int

10

0

N

N

0

智能推荐

10

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

11

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表slides (轮播图)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

slides_id

int

10

0

N

Y

轮播图ID:

2

title

varchar

64

0

Y

N

标题:

3

content

varchar

255

0

Y

N

内容:

4

url

varchar

255

0

Y

N

链接:

5

img

varchar

255

0

Y

N

轮播图:

6

hits

int

10

0

N

N

0

点击量:

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表system_user (系统用户)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

system_user_id

int

10

0

N

Y

系统用户ID

2

user_name

varchar

64

0

Y

N

用户姓名

3

examine_state

varchar

16

0

N

N

已通过

审核状态

4

recommend

int

10

0

N

N

0

智能推荐

5

user_id

int

10

0

N

N

0

用户ID

6

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

7

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表upload (文件上传)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

upload_id

int

10

0

N

Y

上传ID

2

name

varchar

64

0

Y

N

文件名

3

path

varchar

255

0

Y

N

访问路径

4

file

varchar

255

0

Y

N

文件路径

5

display

varchar

255

0

Y

N

显示顺序

6

father_id

int

10

0

Y

N

0

父级ID

7

dir

varchar

255

0

Y

N

文件夹

8

type

varchar

32

0

Y

N

文件类型

表user (用户账户:用于保存用户登录信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

user_id

mediumint

8

0

N

Y

用户ID:[0,8388607]用户获取其他与用户相关的数据

2

state

smallint

5

0

N

N

1

账户状态:[0,10](1可用|2异常|3已冻结|4已注销)

3

user_group

varchar

32

0

Y

N

所在用户组:[0,32767]决定用户身份和权限

4

login_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

上次登录时间:

5

phone

varchar

11

0

Y

N

手机号码:[0,11]用户的手机号码,用于找回密码时或登录时

6

phone_state

smallint

5

0

N

N

0

手机认证:[0,1](0未认证|1审核中|2已认证)

7

username

varchar

16

0

N

N

用户名:[0,16]用户登录时所用的账户名称

8

nickname

varchar

16

0

Y

N

昵称:[0,16]

9

password

varchar

64

0

N

N

密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成

10

email

varchar

64

0

Y

N

邮箱:[0,64]用户的邮箱,用于找回密码时或登录时

11

email_state

smallint

5

0

N

N

0

邮箱认证:[0,1](0未认证|1审核中|2已认证)

12

avatar

varchar

255

0

Y

N

头像地址:[0,255]

13

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

表user_group (用户组:用于用户前端身份和鉴权)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

group_id

mediumint

8

0

N

Y

用户组ID:[0,8388607]

2

display

smallint

5

0

N

N

100

显示顺序:[0,1000]

3

name

varchar

16

0

N

N

名称:[0,16]

4

description

varchar

255

0

Y

N

描述:[0,255]描述该用户组的特点或权限范围

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

8

register

smallint

5

0

Y

N

0

注册位置:

9

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

10

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

第五章 系统实现

5.1用户功能模块

用户通过输入账号,设置密码,输入昵称,邮箱等个人信息注册账号,如图5-1所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第9张图片

图5-1用户注册界面图

   用户登录后可以查看和操作首页,财务信息、反馈信息、收入信息、支出信息、网站公告、新闻资讯,如图5-2所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第10张图片

图5-2用户功能界面图

留言板,用户可以搜索查看帖子,可对帖子进行收藏、点赞、评论等操作,也可以编辑留言内容进行发布,如图5-3 5-4所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第11张图片

图5-3留言板界面图

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第12张图片

图5-4发布内容界面图

新闻资讯,用户可以查看管理员发布的新闻资讯,对喜欢的文章进行点赞,收藏,评论等操作,如图5-5所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第13张图片

图5-5新闻资讯界面图

财务信息,用户可以查看搜索财务支出和收入详情,也可编辑收入和支出信息进行提交,如图5-6,5-7,5-8所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第14张图片

图5-6财信息界面图

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第15张图片

图5-7支出提交界面图

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第16张图片

图5-8收入提交界面图

反馈信息,用户可以通过搜索用户姓名、用户手机、反馈图片、反馈内容、反馈时间进行查看反馈详情,也可编辑需要反馈的内容进行提交,等待管理员回复,如图5-9,5-10所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第17张图片

图5-7反馈信息界面图

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第18张图片

图5-9反馈信息编辑界面图

5.2管理员功能模块

管理员登录,通过填写用户名、密码、完成行为验证进行登录,如图5-10所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第19张图片

图5-10管理员登录界面图

管理员登录进入应届毕业生财务管理系统可以查看:首页,轮播图管理,公告信息管理,系统用户(管理员,系统用户),资源管理(新闻列表、新闻分类),交流管理(留言板分、类列表),模块管理(财务信息、支出信息、收入信息、反馈信息、消费建议)等功能并进行操作,如图5-11所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第20张图片

图5-11管理员功能界面图

资源管理-新闻列表,在此页面管理员可以对新闻资讯进行分类,查询,重置,删除,添加等操作,如图5-12所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第21张图片

图5-12新闻列表管理界面图

交流管理-留言板,在此页面管理员可以对用户的留言信息进行分类,查询,重置,删除,添加等操作,如图5-13,5-14所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第22张图片

图5-13留言板管理界面图

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第23张图片

图5-14留言板添加界面图

模块管理,管理员在此页面可以对财务信息+支出信息+收入信息+反馈信息+消费建议这五个子菜单进行管理,如图5-15所示。

基于Vue的应届毕业生财务管理系统-计算机毕业设计源码82886_第24张图片

图5-15模块管理界面图

章  系统测试

6.1测试定义及目的

关于系统实现的测试,英文名称是System TEST,简称ST,ST是使用完整其系统的各种功能多次、多案例、多环境测试,这是ST的简单描述。ST可以证明该功能对系统的要求是否得到满足以及是否有效。

对于系统开发的实现,不管开发过程多么努力,在系统运行的时候多少都会出现一些错误信息,所以为了系统的安全性及提高系统的使用率及给用户带来更好的体验,系统在完成之前,一定要进行一遍系统的测试,再完美的程序也会有漏洞,再细心的技术开发员也会有疏忽的时候,所以对于程序的测试是必须要做的一步。通过系统测试找到系统存在的问题,并根据问题的原因进行在线解决问题,如果找不到解决问题的办法可以进行通过咨询指导老师或者通过同学帮忙,一定将问题找出,否则将会出现更多的错误。所以程序出现错误时不可避免,系统测试虽然耗时费力,但是为了确保后期系统的长期使用,必须要进行系统测试,问题解决完成后还要再一步测试,直到没有任何问题后方可进行使用。

6.2性能测试

任何一款程序开发成功后都必须通过软件测试,它是保障软件稳定运行的前提。测试最主要的一步就是性能测试,性能测试内容如下:

(1)对于测试的速度有一定的要求,速度必须快,而且对于测试出来的错误问题一定以最快的速度进行处理解决,并且进行再次测试,保证整个系统运行的安全性。

(2)在系统测试的时候要将测试所用到的测试计划和测试报告保管好,方便后期系统的运行使用后的整体维护操作。

(3)软件测试整个过程中的聚类现象应优先考虑。

(4)对于整体系统测试,不要用自己的思想去认可整个系统,而是从公正的角度的进行对系统进行认可,是否符系统的整合应用。

6.3测试模块

测试系统是最新的Windows 10系统,通过对系统实现的功能模块进行每个功能模块的操作测试,查看每个用户的功能模块所对应的权限信息是否可以操作并且数据信息更新一致。

测试需求

测试重点

是否达成需求

结果

用户登录

输入账号密码

需求达成

通过

用户注册

创建新的账号密码

需求达成

通过

登录失败

输入错误账号密码

需求达成

通过

修改信息

修改成功

需求达成

通过

添加信息管理

增删查改

需求达成

通过

留言管理

增删查改

需求达成

通过

回复管理

增删查改

需求达成

通过

搜索查询管理

增删查改

需求达成

通过

                                                                                                                                                       

系统测试方面,我们通常运用的是白盒测试以及黑盒测试这两种方法。白盒测试是指在了解系统内部工作流程的前提下,可以根据需求规范验证系统内部操作是否能够正常运行的测试;而黑盒测试指的是,倘若知道了这个系统的全部功能,可以进行测试检测系统中的每一个功能是否满足正常使用。

为了方便用户使用“应届毕业生财务管理系统”,以及尽可能少的减少系统测试错误的发生,我们对该系统进行了相对应的测试。

对该系统的全部的功能界面进行测试,简单来说,就是我们输入一些数据并且对其进行提交,之后我们查看每个页面的反馈,检测页面的相关功能可不可以完全实现。

6.4测试结果

测试评估的结果是应届毕业生财务管理系统满足要求中的所有功能,处理大多数错误条件,修复大多数错误并通过测试。应届毕业生财务管理系统的基本功能都是可行的,不管是系统里面的功能还是界面的设计都是可值得推广宣传的。

   

应届毕业生财务管理系统的整体功能模块的实现,主要是对自己在大学这几年时间所学内容的一个测试,对于系统,主要是通过现在智能化的应届毕业生财务管理系统进行校园论坛,校园新闻的发布,查阅和管理。管理员根据问题信息进行科研成果信息及留言信息管理等操作,并且可以根据需求进行数据信息的增加修改删除等操作。

经过一个学期的毕业设计的实现完成已接近尾声,到目前为止,当我回想起整个学期的系统开发日,收获颇丰。毕业设计的主要任务是建立一个智能化的应届毕业生财务管理系统的信息系统,对系统的每个功能模块进行相对应的操作,最后,系统调试结果表明系统基本可以满足功能要求。

应届毕业生财务管理系统的开发对我大学学习的改进有很大帮助。它使我能够学习计算机知识的相关技术方面问题及与人交往的沟通交流方面,让我意识到无论我们做什么,我们都需要坚持不懈,努力工作,只有这样尝试了并且坚持去做了,我们才可以成功,才可以获得成功的喜悦,如果没有尝试,知识想,那连成功的机会都没有,实际操作进行做了,才会越来越近的靠近成功,随着道路一路向前,未来的路是美好的。

对于应届毕业生财务管理系统的实现,是自己第一次完成的设计一个管理系统。在项目的设计过程中,我克服了各种困难,并且在面对这些困难,我积极的面对,想办法解决问题,并且更好的掌握了理论知识和动手操作实践能力,从系统的开发到设计完成,我完成了一个更全面、更完善、更安全的平台管理系统,这也让我取得了很大的成就感,也使我对未来的生活更有信心。


致  谢

时间飞快,毕业论文即时结束也意味着我大学四年的大学生活即将结束。论文写作乏味而富有挑战性,指导老师的指导,同学们的支持鼓励是我坚持完成系统设计和论文撰写的重要动力。首先,我要感谢我的导师老师在论文开篇,初稿,设计提出宝贵意见,没有老师对我的辛苦栽培,并且严格的要求,我是不可能顺利完成我的论文。在这里,我还要感谢我的妈妈和爸爸,多少感恩的话想要对你们说,我想通过我的学习成果来回报你们,永远祝你们健康幸福!最后,我要感谢所有帮助过我的老师,同学和朋友,并度过了许多快乐和难忘的日子。我希望你们永远幸福快乐。

四年的时间很难在我的漫长的人生旅程中短暂,但短短的四年是最真诚的青年;最纯粹的岁月;最美丽的大学生活。我会记住大学的每一点,记住大学里每个可爱的人。


参考文献

[1]周浩,蔡永健,顾丹鹏,陈肖勇.MySQL监控研究与实践[J].计算机时代,2023(02):68-70+74.DOI:10.16644/j.cnki.cn33-1094/tp.2023.02.015.

[2]Paul Krill. Deno 1.30 backs built-in Node.js modules[J]. InfoWorld.com,2023.

[3]Long Huibin,Cao Ruiqi,Yin Heyong,Yu Fei,Guo Ai. Associations between obesity, diabetes mellitus, and cardiovascular disease with progression states of knee osteoarthritis (KOA).[J]. Aging clinical and experimental research,2022,35(2).

[4]高艳. 接入Node.js包的方法及装置、电子设备[P]. 北京市:CN115437656A,2022-12-06.

[5]林超超,吴春光,齐璇,顾郁莲,战茅. 增强node.js程序安全的方法[P]. 天津市:CN115292693A,2022-11-04.

[6]Matthew Tyson. Hands-on with MongoDB queryable encryption and Node.js[J]. InfoWorld.com,2022.

[7]汪杰,万振华,王颉,董燕,李华. NODE.JS组件漏洞检测方法及系统[P]. 广东省:CN114072799A,2022-02-18.

[8]马艳彬. 基于Node.js和Vue框架的竞赛类答题平台管理系统的设计[C]//.中国新闻技术工作者联合会2021年学术年会论文集.,2021:77-82.DOI:10.26914/c.cnkihy.2021.047236.

[9]唐榜. 基于Node.js的Web服务端框架研究与实现[D].西南科技大学,2021.DOI:10.27415/d.cnki.gxngc.2021.000946.

[10]姚江红,张荣斌. 财务管理[M].南京大学出版社:, 201906.310.

[11]徐浪. 基于Node.js的Web应用框架研究与实现[D].安徽工业大学,2019.DOI:10.27790/d.cnki.gahgy.2019.000001.

[12]苏扬. 高校财务管理系统的设计与实现[D].苏州大学,2018.DOI:10.27351/d.cnki.gszhu.2018.000409.

[13]付立新,黄静,艾俊礼.高校财务管理信息化研究[J].合作经济与科技,2015(13):172-173.DOI:10.13665/j.cnki.hzjjykj.2015.13.102.

[14]姚振刚,袁金鑫.学生财务管理系统的设计与实现[J].科技视界,2015(17):169.DOI:10.19694/j.cnki.issn2095-2457.2015.17.130.

[15]刘樟民. 高校财务管理系统设计与实现[D].电子科技大学,2014.

[16]袁伟东,张燕,徐慧亮,孙燕. 财务信息分析与处理[M].南京东南大学出版社:, 201307.157.

[17]曾昂.学生财务管理系统的设计[J].信息与电脑(理论版),2012(12):46-47.

[18]任静. 软件学院财务管理系统设计与实现[D].山东大学,2008.

[19]张宇铭.学生财务管理系统及其设计[J].苏州城建环保学院学报,1995(04):52-55.

[20]Cory Gackenheimer. Node.js Recipes[M].Apress, Berkeley, CA:2013.

免费领取项目源码,请关注❤点赞收藏并私信博主,谢谢-

你可能感兴趣的:(vue.js,课程设计,前端,spring,boot,后端,android,javascript)