node.js+Vue计算机毕设项目公共台账管理系统（程序+LW+部署）

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行

环境配置：
Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术：
Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境：建议是用5.7版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
6.Navcat11：这个版本不限10/11/14/15都可以。；
Node.js毕设帮助，指导，本源码(见文末)，调试部署

5  系统详细设计

本系统的总功能分为两个模块：用户模块和管理员模块。通过这两个功能模块完整的实现了本管理系统的具体内容。同时，为用户提供了一个功能基本完善的管理平台，方便了用户的需求。

5.1系统登录注册

系统登录，管理员和用户进入系统前在登录页面根据要求填写用户名和密码，选择角色等信息，点击登录进行登录操作，如图5-1所示。

 

图5-1系统登录界面图

用户注册，在用户注册页面中输入用户名，密码，确认密码，姓名，手机等内容进行用户注册操作；如图4-2所示。

 

图4-2用户注册界面图

5.2管理员功能模块

管理员登录公共台账管理系统后，可以对首页,个人中心,公告信息管理，用户管理，日报管理，月报管理，年报管理，人员信息管理，合同信息管理，事务信息管理等功能进行相应的操作管理，如图5-3所示。

 

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

公告信息管理，在公告信息管理页面可以对索引，公告标题，公告类型，公告图片，发布日期等内容进行详情，修改和删除等操作，还可以新增公告信息；如图5-4所示。

 

图5-4公告信息管理界面图

用户管理，在用户管理页面可以对索引，用户名，姓名，性别，身份，头像，手机等内容进行详情，修改和删除等操作，还可以新增用户信息；如图5-5所示。

 

图5-5用户管理界面图

日报管理，在日报管理页面可以对索引，日报名称，日报类型，日报金额，日期，用户名等内容进行详情，修改和删除等操作，还可以查看统计报表；如图5-6所示。

 

图5-6日报管理界面图

月报管理，在月报管理页面可以对索引，月报名称，月报类型，月报金额，日期，用户名等内容进行详情，修改和删除等操作，还可以查看统计报表；如图5-7所示。

 

图5-7月报管理界面图

年报管理，在年报管理页面可以对索引，年报名称，年报类型，年报金额，日期，用户名等内容进行详情，修改和删除等操作，还可以查看统计报表；如图5-8所示。

 

图5-8年报管理界面图

人员信息管理，在人员信息管理页面可以对索引，姓名，性别，手机，住址，工作单位等内容进行详情，修改和删除等操作，如图5-9所示。

 

图5-9人员信息管理界面图

合同信息管理，在合同信息管理页面可以对索引，合同编号，合同名称，合同文件，合同日期，用户名等内容进行修改和删除等操作，如图5-10所示。

 

图5-10合同信息管理界面图

事务信息管理，在事务信息管理页面可以对索引，事务名称，事务类型，事务日期，事务备注，用户名等内容进行详情，修改和删除等操作，如图5-11所示。

 

图5-11事务信息管理界面图

5.3用户功能模块

用户登录公共台账管理系统后，可以对首页,个人中心,公告信息管理，日报管理，月报管理，年报管理，人员信息管理，合同信息管理，事务信息管理等功能进行相应的操作管理，如图5-12所示。

 

图5-12用户功能界面图

个人中心，在个人中心页面通过填写用户名，姓名，性别，身份，头像，手机等内容并提交进行个人信息修改操作，如图5-13所示。

 

图5-13个人中心界面图

公告信息管理，在公告信息管理页面可以对索引，公告标题，公告类型，公告图片，发布日期等内容进行详情操作，如图5-14所示。

 

图5-14公告信息管理界面图

日报管理，在日报管理页面可以对索引，日报名称，日报类型，日报金额，日期，用户名等内容进行详情，修改和删除等操作，还可以新增日报信息和查看统计报表；如图5-15所示。

 

图5-15日报管理界面图

月报管理，在月报管理页面可以对索引，月报名称，月报类型，月报金额，日期，用户名等内容进行详情，修改和删除等操作，还可以新增月报信息和查看统计报表；如图5-16所示。

 

图5-16月报管理界面图

年报管理，在年报管理页面可以对索引，年报名称，年报类型，年报金额，日期，用户名等内容进行详情，修改和删除等操作，还可以新增年报信息和查看统计报表；如图5-17所示。

 

图5-17年报管理界面图

人员信息管理，在人员信息管理页面可以对索引，姓名，性别，手机，住址，工作单位等内容进行详情，修改和删除等操作，还可以新增人员信息；如图5-18所示。

 

图5-18人员信息管理界面图

合同信息管理，在合同信息管理页面可以对索引，合同编号，合同名称，合同文件，合同日期，用户名等内容进行修改和删除等操作，还可以新增合同信息；如图5-19所示。

 

图5-19合同信息管理界面图

事务信息管理，在事务信息管理页面可以对索引，事务名称，事务类型，事务日期，事务备注，用户名等内容进行详情，修改和删除等操作，还可以新增事务信息；如图5-20所示。

 

图5-20事务信息管理界面图

Node.js毕设帮助，指导，源码获取，调试部署