基于nodejs+vue来访管理系统的设计与实现python-flask-django-php

本文首先实现了来访管理技术的发展，随后依照传统的软件开发流程，最先为系统挑选适用的言语和软件开发平台，依据需求分析开展控制模块制作和数据库查询构造设计，依据系统整体功能模块的设计，制作系统的功能模块图、流程表和E-R图。其次进行设计框架，依据设计的框架撰写编码，完成系统的每个功能模块。最终，对基本系统开展了检测，包含软件性能测试、单元测试和性能指标。测试结果表明，该系统能够实现所需的功能，运行状况尚可并无明显缺点。
 前端技术：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 绪 论 1
1.1项目研究的背景 1
1.2课题研究现状 1
1.3系统总概 2
1.4论文结构 2
2 开发技术介绍 4
2.2 MySQL数据库 4
2.3 MySQL环境配置 5
2.4 nodejs开发平台 6
2.5 express框架 6
3 系统分析 7
3.1可行性分析 7
3.1.1技术可行性 7
3.1.2经济可行性 7
3.1.3操作可行性 7
3.2系统性能需求分析 8
3.3系统功能分析 8
3.4系统流程的分析 9
3.4.1 用户管理的流程 9
3.4.2 个人中心管理流程 10
3.4.3 登录流程 10
4系统设计 12
4.1 软件功能模块设计 12
4.2 数据库设计 12
4.2.1 概念模型设计 12
4.2.2 物理模型设计 13
5系统详细设计 16
5.1系统登录注册实现 16
5.2管理员模块实现 17
5.3访客模块实现 18
6系统测试 21
结 论 22
参考文献 23
致 谢 24

1 绪 论
1.1项目研究的背景
随着科学技术发展，计算机已成为人们生活中必不可少的生活办公工具，在这样的背景下，网络技术被应用到各个方面，为了提高办公生活效率，网络信息技术飞速发展。人类社会进入了全新的信息化的时代。来访信息管理一直是信息管理的一大难题，用户流动性大，数量多，此时寻找有效便捷的来访管理方法就是当务之急。而日趋成熟的计算机信息管理技术便成为解决这一难题的唯一之选。如今计算机信息管理技术来处理来访管理系统管理早已游刃有余，其实信息管理技术已经渗透到各个行业的信息控制管理当中，且有着举足轻重的地位。而随着现代化社会主义不断进步，普通群众生活水平有了大幅提高，很多方面都在网络上去实现，从而网络也就成为了最直接、即方便又快捷的接入口。
使用来访管理系统相对传统来访管理方式具备很多优点：首先可以大幅提高来访管理系统检索，只需输入相关信息就能在数秒内反馈想要的结果；其次可存储大量的来访信息，同时来访管理系统安全性有更高的保障；相比纸质文档来管理来访信息，来访管理系统更节省空间人力资源。这些优点大大提高管理效率并节省运营成本。因此，必须开发一个来访管理系统开展合理有效的管理方法，这提高了来访管理的效果和特性，增加了用户信息安全性，方便用户及时反馈信息给管理员，增加了用户与管理员之间的互动交流，更能提高用户的体验强度。
本系统为了数据库结构的灵活性所以打算采用MySQL来设计数据库[1]，而node技术[2]， 则保证了较高的平台适应性。文中主要是讲解了该系统的开发环境、要实现的基本功能和开发步骤，并主要讲述了系统设计方案的关键点、设计思想。
1.2课题研究现状
现今，越来越多的人乐于选择一项合适的管理方案，但是普通用户往往受到管理经验地限制，这时各类管理系统作为新型产业崛起，大量制度进入人们生活，而无疑是来访最好的管理制度，在这样成功的管理模式背景下，来访信息也越来越多。但是随着来访信息的增多，管理员的管理成为了一个难题。高效便捷地管理成为了转变管理模式，与时代兼容的当务之急。
来访管理系统，为用户随时随地查看来访信息提供了便捷的方法，更重要的是大大的简化了管理员管理来访管理系统的方式方法，更提供了其他想要了解来访管理系统及运作情况以及挑选方便快捷的可靠管道。相比于传统来访管理方法，这样的电子信息管理更为简洁方便，在维护信息反馈和处理意见方面也有得天独厚的优势。
来访管理系统能做到的不仅是大大简化管理员的信息管理工作，在提高管理效率的同时还能缩减开支，更能在数字化的平面网络上将最好的一面展示给用户，而这个系统在带给全新用户信息管理统计和分类的同时，还成为日后制定管理思路的重要数据参考。过程永远比结果重要。毕业设计是大学生活中最为浓墨重彩的一笔，在这个过程中不仅学到更为全面的书本和实践知识，更让我感受到了浓浓的同窗之情及师生情。这个系统成为来访管理系统最不可或缺的内容。尽管目前大部分已经将来访管理系统投入使用，但是人们对于系统要求也变得越来越高，大部分系统已经能完美处理各类信息，但是为了更好地契合管理方针，不同系统有不同的要求，个性化也是管理系统十分重要的一点，所以都希望自己能有一个个性化定制的来访管理系统，但这又涉及到成本控制问题，目前定制一个系统价值不菲，但是如果有这样一个可以根据需求自己制定页面和内容的来访管理系统就可以大大缩减开支，但是凭借目前自身技术恐怕难以实现，不过让系统可二次设计却是有可能实现的。随着规模的不断扩大，用户信息共享也成一种趋势。系统的发展也证明了系统管理在不断发展进步，各种理念也越来越先进，对各方面的要求也变得越来越高，系统完全可以在进入页面时发布各类信息进行推荐交流。
2.2 MySQL数据库
数据库在软件项目中扮演着操作管理数据的角色同时还能够保证数据的独立性、一致性和安全性，并为系统访问数据提供有效方式不仅如此数据库还能大大减少程序员开发程序时间。在日常能够接触实用的一般有两类数据库，一类是以(Oracle，DB2，SQL Server，MySQL )为代表的关系型数据库和以(NoSql、MongeDB)为代表的非关系型数据库，两类数据库各有各的优缺点。其中非关系型数据库又分为网络数据库和层级数据库。-网络数据库是指在计算机网络系统中应用数据库技术然后借助网络技术将存储于数据库中的大量信息及时发布出去；在成熟的数据库技术的帮助下，计算机网络实现了对网络中的各种数据的有效管理，用户与网络中的数据库数据交互也借此得以进行。IMS也是最早研制成功的数据库系统。关系数据结构、关系操作集合、关系完整性约束构成了关系模型。作为数据库另外一种区分方式的存储介质被大家分为磁盘和内存这 两种。例如：关系型数据库就存储在磁盘中，非关系型数据库则存储在内存中。典型的关系型数据库有：Oracle、DB2、Microsoft SQL Server、Microsoft Access、MySQL、SQLite。小型关系型数据库：Microsoft Access，SQLite；中型关系型数据库：SQL Server，Mysql；大型关系型数据库：Oracle，DB2。
大家常用的其他关系形数据库系统大多是MySQL AB公司开发的，其中MySQL也是由这家开发的，所应用的分布式数据库管理系统是客户机/服务器体系结构得益于此结构，而且用这个系统建造的数据库具有很强的适用性，用C和C++编写的系统让他拥有很强的适用性所以他可以在大部分操作系统上使用并能和php结合。不同的API函数针对不同的语言(C,C++,JAVA等)来处理不同数据；为了更好地支持多CPU多线程通过使用核心线程来实现；提供的存储机制分为事务和非事务存储机制；MySQL采用双重许可，不管是从MySQL AB公司获得正式的商业许可又或是许可条款下以免费软件或开放源码软件的方式使用MySQL软件都是被允许的。
MySQL作为数据库拥有很多优点，其中由于是开放源码，所以使用成本特别低，而它体积小的特点决定了速度快的特性。因此，My Sql具有开放性，多线程支持多种API，可跨数据库连接，国际化，数据库体积巨大等特点。简单的来说 ，MySql是一个开放的、快速的、多线程的、多用户的数据库服务器。
选用MySQL作为数据库的其中一个原因就是支持多线程，支持多线程的特点为利用系统资源提供了便捷并因此大大提高了系统运行速度和效率，而且连接数据库的方式多样包括但不局限于TCP/IP、ODBC和JDBC等途径；但是没有东西是完美无缺的，即便MySQL也如此，虽说它有着众多优点但其功能不够强大，规模也相对较小，无法应对大型数据哭的处理。但是对于本系统来说，选用MySQL作为数据库，其功能性能已绰绰有余，如果要进行二次开发的数据库表结构空间的扩展也是完全可行的。综上所述，MySQL是作为本系统数据库的最优选择。
 
3.3系统功能分析
考虑到实际生活中在来访管理方面的需要以及对该系统认真的分析,将系统权限按进行划分。
管理员登入使用本系统涉到的功能主要有个人中心、访客管理、访客预约管理、访客来访管理等功能。
 4.2.2 物理模型设计
根据上诉的逻辑模型设计,下面给出物理模型的设计,如下所示：

表4-1：token表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
userid bigint 用户id
username varchar 100 用户名
tablename varchar 100 表名
role varchar 100 角色
token varchar 200 密码
addtime timestamp 新增时间 CURRENT_TIMESTAMP
expiratedtime timestamp 过期时间 CURRENT_TIMESTAMP

表4-2：访客预约
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
yuyuebianhao varchar 200 预约编号
biaoti varchar 200 标题
fangkezhanghao varchar 200 访客账号
fangkexingming varchar 200 访客姓名
lianxifangshi varchar 200 联系方式
fangrenxingming varchar 200 访人姓名
fangrenshoujihao varchar 200 访人手机号
fangwenriqi date 访问日期
fangwenzhuangtai varchar 200 访问状态
yuyueshijian date 预约时间
fangwenshiyin longtext 4294967295 访问事因

表4-3：访客来访
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
yuyuebianhao varchar 200 预约编号
biaoti varchar 200 标题
fangkezhanghao varchar 200 访客账号
fangkexingming varchar 200 访客姓名
lianxifangshi varchar 200 联系方式
fangrenxingming varchar 200 访人姓名
fangrenshoujihao varchar 200 访人手机号
laifangshijian date 来访时间
beizhu longtext 4294967295 备注

表4-4：访客
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
fangkezhanghao varchar 200 访客账号
mima varchar 200 密码
fangkexingming varchar 200 访客姓名
xingbie varchar 200 性别
nianling int 年龄
dianziyoujian varchar 200 电子邮件
lianxifangshi varchar 200 联系方式
touxiang longtext 4294967295 头像

表4-5：配置文件
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
name varchar 100 配置参数名称
value varchar 100 配置参数值

表4-6：用户表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
username varchar 100 用户名
password varchar 100 密码
role varchar 100 角色 管理员
addtime timestamp 新增时间 CURRENT_TIMESTAMP

2.3 MySQL环境配置
本文系统数据信息用的是MySQL，必须组装在特定的档目录下。假如免费下载非安装的MySQL压缩档，只需缓解压力到指定的档目录就可以。随后点一下文档C : \ Program Files \ MySQL \ bin \ winMySQLadmin.exe在其中C\ Program Files \ MySQL是MySQL安装档。键入winMySQLadmin的原始账户密码(留意：这不是MySQL中的账户密码)你不用在意。确定后，右下方的任务栏栏会出现一个红绿灯标志。红灯表明服务项目终止，绿灯表明服务项目是正常的，左击这个图示->winnt->install the service 安装此服务项目，随后点击一下v->winnt->start the service 运行MySQL服务项目。
改动MySQL数据库的root登陆密码。用cmd键键入命令行模式输入如下命令:
cd C:\Program Files\MySQL\bin
MySQLadmin -u root -p password 123
回车出现Enter password:代表着键入初始登陆密码。安装之初，登陆密码为空，立即键入就可以。至此，MySQL中账号root的登陆密码改成123，安装完毕。
 .1.2经济可行性
本系统的软件开发只要一台一般的计算机就可以进行开发，其成本费很低。此外作为毕业设计论文，开发花费基本上可以忽略，系统软件的交付使用，可以实现更加快速高效的来访管理，同时还能实现对人力资源和管理资源的有效节约，该来访管理系统设计与实现在经济上完全可行。
3.1.3操作可行性
伴随着科学技术的迅猛发展，计算机早就进到大家的日常生活，大家的办公环境都不像过去那么极端了。规定工作人员在指定地点工作中，有一些工作中可以在家里进行。这促使大家工作效能更高一些。操作的多样化也变的更高一些。因而，管理方法的便利化和数字化是现代社会的大势所趋。各种各样智能系统五花八门，不一样的系统可以满足消费者不一样的要求，既增强了工作效能，又达到了一些特殊的要求。该系统不但页面简洁明了，并且使用了数据可视化页面。客户可以应用鼠标和键盘来改动、删掉、加上等有关信息。由于这一系统的使用比较简单实用，第一次应用系统只要一点时间。因而，该系统在使用上是有效的。
3.2系统性能需求分析
对系统性能进行分析，可对系统反应度、界面简洁清晰度、储存能性、易学性和稳定性进行分析[12-19]；
系统反应度：同时上万人在线时反应时间应该在两三秒以内，。
简单明了的页面：系统界面规定简单明了，使用方便，有利于客户实际操作。
储存特性高：来访管理系统的设计方案和完成必须储存很多的信息，因此系统的存储量十分高，因此数据库查询要十分强力，确保信息的可靠平稳储存；
易懂：系统在使用上一定要实用。不用许多繁杂的实际操作，只要简洁的学习培训就可以实际操作。
可靠性：来访管理系统的设计方案、完成和运行平稳，页面清楚，字体样式清楚。5系统详细设计
5.1系统登录注册实现
系统登录，在登录页面选择需要登录的角色，在正确输入用户名和密码后，进入操作系统进行操作；
 
1.3系统总概
作为一个来访管理系统，数据流量是非常大的，因而，系统的制定需要达到方便使用、实际操作灵便的规定[3]。所以，在设计方案来访管理系统时，应完成下列总体目标：
(1)页面应美观大方友善，查找应便捷方便，数据储存应可以信赖；
(2)全方位呈现全部来访信息，方便使用者迅速查询全部信息；
(3)方便用户快速搜索来访信息；
(4)用户可以随意调整自身的基本信息；
(5)完成来访管理作用；
(6)系统使用方便，便于维护；
(7)系统运作平稳、安全可靠。
1.4论文结构
1.绪论：剖析项目可行性，表明研究方向。
2.开发技术：系统关键运用了nodejs语言、方式和myspl数据库查询，并进行了详细介绍[4]。
3.系统分析：包含系统的总体构造，剖析系统的特性、作用和流程图。
4.系统设计：软件程序功能模块和数据库查询的总体设计。
5.系统总体设计：叙述系统的作用，
6.测试系统。
7.在文章的最终，我个人总结了自身在系统开发和论文撰写全过程中的汇总、感想,包括致谢。
6系统测试
取得源代码后，进到软件测试环节。由于在测试以前，系统很有可能也有许多问题，要是没有发觉得话，可能会存在安全隐患或者导致系统无法正常运行。
系统整体测试步骤：
（1）．单元测试
单元测试通常是在源码编译程序并查验没有错误以后开展，这也是全部测试的第一步。
（2）．集成测试
集成测试的具体目的是明确与界面有关的问题，一般来说，模块测试进行后，将所有模块组成系统进行测试。
（3）．确认测试
确认测试就是检测有没有与需求不相符的设计或功能，所以，确认测试又被称为有效性测试。
（4）．系统测试
系统测试是确认在实际运行环境下，需要测试的软件是否存在问题。系统测试不但是因为发觉系统中不确定性的bug或不正确，也是为了能给用户带来不错的感受和安全性可以用的产品与服务。出现能发现未知错误或潜在性问题将有利于设备的竞争能力，这也是软件测试的主要目标之一。
软件测试方式有几种，但现阶段主要是以功用为关键测试方位的白盒测试和以逻辑性为关键测试方位的黑盒测试。这也是二种不一样的测试方式，对于不一样的测试关键。本课题研究依据具体要求，挑选以功用为关键测试方位的白盒测试方式，测试要根据一定的标准开展。测试的实行一般由测试测试用例特定，测试测试用例一般依据要求或命令制订。硬件配置在出厂前，测试是一个十分关键的全过程。因为时间和心力的缘故，本课题研究挑选已经完成的作用作为测试点开展测试。实际测试全过程如下所示：
测试实例1和测试全过程：
登录：键入登录信息、账户、登陆密码和管理权限，点一下登录按键。有2种状况：登录取得成功进到用户有管理权限的作用页面，登录不成功。
测试测试用例2和测试全过程：
登录：键入登录信息、管理人员账号、登陆密码和管理权限，随后点击登录按键。有2种状况：登录取得成功进到管理人员。具有权限的功能界面和提示登录失败。

结 论
通过完成该来访管理系统设计与实现和本论文的撰写让我更加明白了软件开发过程中软件工程思想的重要性。在项目的前期由于对需求分析做的不够谨慎和明确,导致了后面在设计甚至编码时候造成了许多不必要的麻烦。由此在今后的学习和工作开发之中必须要牢牢把握住软件工程的设计思想和方法,这样可以进一步保证项目开发的健壮性和准确性。
本系统所实现的是一个来访管理系统设计与实现，该系统严格按照需求分析制作相关模块，并利用所学知识尽力完成，但是本人由于学识浅薄，无法真正做到让该程序可以投入市场使用，仅仅简单实现部分功能，希望日后还能改善。
本系统具有以下优点：
该系统具有较高的适用性，这一系统可以在大部分服务平台上应用。
系统页面简单明了，绝大多数人都能正常的应用。
但也存在以下问题需要改进：
运行时窗口不能被刷新，可以改进。
系统过于简单，显示的信息有限。
不能添加多个管理员账号，如果可以则将利于发展来访管理系统规模，便于来访信息的集中管理。
由于经验和能力不足，导致在开发、设计该系统的时候，出现了比较多的问题，例如需要用到的技术不熟悉、程序报错等,后来我积极地向同学询问自己出现的问题同时也会找一些相关的书进行学习,慢慢的一点点将自己遇到的问题逐渐解决。所以不管以后在任何时候合作都会让自己事半功倍。通过本系统的完整的开发,可以遇到自己平时写一些简单的小程序遇不到的问题,不仅仅局限与技术与业务方面的,同时也使得自己更加深入的了解软件过程的开发设计思想,对于即将踏入社会工作而言,这些心得都十分重要。在以后的研究生学习生涯也必须加深这方面的理解,将最好的开发技术和最新的科学原理运用到自己以后的开发工作和学习研究中去。
致 谢
岁月不声不响，却让人慌慌张张，曾经以为大学四年是很遥远的事情，转眼间已是四个冬，四个春，行文至此，大学四年即将告一段落。
这条人生之路较长，发展前途如浩瀚星辰般璀璨。我们不需要为以前的得失而迟疑。这些所说的大学四年的缺憾，或许是一种发展，些许会有伤害，终究会化为前路。在我第一次到校时，我惊喜万分，我交了很多好朋友。入校就是我最大的好运，求学之路漫漫。我定将上下求索，我始终忘不了我心地善良活泼可爱的同学们，忘不了我寝室善良的阿姨，忘不了我饭堂的大叔。至始至终。首先我要感激我最尊敬的论文指导老师，在我论文选题一直到论文的结束，所有的每一步都有老师殷切的指导，每个细小的点都花费了老师很多的时间帮我斟酌修改，在整个过程中，我深刻的感受到老师严谨的科研态度和对学生负责任的工作态度，这使我感触颇深，同时不省心的我真的让老师花费了很多的时间，在这里，我真的很感恩，很感激老师。一朝沐杏雨，一生念师恩，饮其流时思其源，成吾学时念吾师，仅以拳拳之心以表谢意，祝愿老师在今后的日子里万事顺意，身体健康。
第二，我要感谢我的父母，谢谢他们这么多年以来的养育之恩，求学至今，所吃所用无一不来自他们，由衷谢谢他们，一路为我遮风挡雨，他们用爱和关心浇灌我成长，做我坚实的靠山，岁月荏苒，您对我的辛勤付出，我必将铭记于心时刻不忘，心怀感恩，成为你们骄傲的小棉袄。
第三，我要感谢在大学期间所有的同学，朋友们。我们即将奔赴不同的山川人海，海压竹枝低复举，风吹山角晦还明，我希望你们可以坚信人生没有无用的经历，一直走，天一定会亮，这就是我们这一代人应该努力的意义，愿我们终将抵达人生的高处，即时那是我们相距千里，我也会衷心的祝福你们，我最亲爱的同学，朋友们。
最后，我想要再次感谢我的大学，谢谢您承载我的大学时光，谢谢您带给我这么多学习的经历，我真的要谢谢您和这学校里所有的一切一切，不管是好与坏，无论是胜利的喜悦还是失败的挫败，我都欣然接受，因为这都会是我生命中难忘的印记。
文末搁笔，思绪繁杂，曾读到过一句话：所有的经历都是学习，四载寒暑，无论是喜所有经历于我都是人生的礼物，所有的相遇，于我都是宝藏。四年里的所有羁绊，或许做不到一生铭记，但绝对一生感恩。