目 录
摘 要 I
ABSTRACT II
目 录 II
第1章 绪论 1
1.1背景及意义 1
1.2 国内外研究概况 1
1.3 研究的内容 1
第2章 相关技术 3
2.1 nodejs简介 4
2.2 express框架介绍 6
2.4 MySQL数据库 4
第3章 系统分析 5
3.1 需求分析 5
3.2 系统可行性分析 5
3.2.1技术可行性：技术背景 5
3.2.2经济可行性 6
3.2.3操作可行性： 6
3.3 项目设计目标与原则 6
3.4系统流程分析 7
3.4.1操作流程 7
3.4.2添加信息流程 8
3.4.3删除信息流程 9
第4章 系统设计 11
4.1 系统体系结构 11
4.2开发流程设计系统 12
4.3 数据库设计原则 13
4.4 数据表 15
第5章 系统详细设计 19
5.1管理员功能模块 20
5.2用户功能模块 23
5.3前台功能模块 19
第6章 系统测试 25
6.1系统测试的目的 25
6.2系统测试方法 25
6.3功能测试 26
结 论 28
致 谢 29
参考文献 30

前端技术：nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架：Express
前端:Vue.js
数据库：mysql
数据库工具：Navicat
开发软件：VScode
视图层其实质就是vue页面，通过编写vue页面从而展示在浏览器中，编写完成的vue页面要能够和控制器类进行交互，从而使得用户在点击网页进行操作时能够正常。

代码结构讲解
 1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。

 同时，随着信息社会的快速发展，各种管理系统面临着越来越多的数据需要处理，如何用方便快捷的方式使管理者在广阔的数据海洋里面查询、存储、管理和共享有效的数据信息，对我们的学习，工作和生活具有重要的现实意义。因此，国内外学术界对此进行了深入而广泛的研究，一个新的研究领域——维斯公司财务管理系统诞生了。
  随着科学技术的飞速发展，各行各业都在努力与现代先进技术接轨，通过科技手段提高自身的优势；对于维斯公司财务管理系统当然也不能排除在外，随着网络技术的不断成熟，带动了维斯公司财务管理系统，它彻底改变了过去传统的管理方式，不仅使服务管理难度变低了，还提升了管理的灵活性。主要的模块包括管理员；首页、系统用户管理、客户管理、员工管理、财务管理、支出管理、收入管理、支出统计、收入统计、修改密码，财务；首页、个人资料管理、支出管理、收入管理。系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对维斯公司财务管理有相应的操作权限。这种个性化的平台特别注重交互协调与管理的相互配合，激发了管理人员的创造性与主动性，对维斯公司财务管理系统而言非常有利。
 系统要求功能如下：
（一） 系统的总体结构设计中的财务管理系统主要包括四大模块，分别是客户 管理、收入管理、支出管理模块、统计管理模块，其中每个模块都拥有打印功能，系统增设数据批量导入功能。
（二）客户管理
客户管理也就是商业公司对客户的详细资料展开 管理，具体包括客户的姓名、联系方式、喜好需求以及具 体的消费金额。同时，该模块还设有客户姓名搜索功能， 能够根据既定的条件进行筛选，实现对客户信息的完善与 删减、更改。
（三）收入管理
该系统所提及的收入管理仅限于对客户消费所展开的管 理，具体包括消费日期、消费时间以及消费客户姓名。该模块可以通过检索客户姓名的方式，及时调出相应的消费和收入记录，同时该模块还具备较为安全的编辑功能，只要跳转 到收入添加页面，则显示用户的信息不可编辑。
（四）支出管理
该模块是指商业公司对公司所有支出所展开的管理，具体包括员工的薪资、房租、水电费用、通信费用以及其他费 用等。其可以通过选择具体的支出日期来搜索相应的支出记录，以实现查阅、记录和删改需求。
（五）统计管理
统计管理主要是针对商业公司的真实财务情况所开启的管理，收入减去支出就是一天利润所得，可以按照支出、收 入、时间几个维度进行统计。

使用维斯公司财务管理系统分为管理员、财务两个角色的权限子模块。
管理员所能使用的功能主要有：首页、系统用户管理、客户管理、员工管理、财务管理、支出管理、收入管理、支出统计、收入统计、修改密码等。
财务可以实现首页、个人资料管理、支出管理、收入管理等。

1管理员用例
管理员登录后可进行首页、系统用户管理、客户管理、员工管理、财务管理、支出管理、收入管理、支出统计、收入统计、修改密码，管理员的用例如图3-1所示。
 
 随着科学技术的飞速发展，各行各业都在努力与现代先进技术接轨，通过科技手段提高自身的优势；对于维斯公司财务管理系统当然也不能排除在外，随着网络技术的不断成熟，带动了维斯公司财务管理系统，它彻底改变了过去传统的管理方式，不仅使服务管理难度变低了，还提升了管理的灵活性。 系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对维斯公司财务管理有相应的操作权限。这种个性化的平台特别注重交互协调与管理的相互配合，激发了管理人员的创造性与主动性，对维斯公司财务管理系统而言非常有利。
  维斯公司财务管理系统，主要的模块包括管理员；首页、系统用户管理、客户管理、员工管理、财务管理、支出管理、收入管理、支出统计、收入统计、修改密码，财务；首页、个人资料管理、支出管理、收入管理等功能。在当今高度发达的信息中，信息管理改革已成为一种更加广泛和全面的趋势。为确保中国经济的持续发展，信息时代日益更新，维斯公司财务管理系统仍在蓬勃发展。