《基于WEB的毕业生就业情况调查系统设计7700字（论文）》

绪论课题研究背景近年来，毕业生人数均处于上升趋势，对于毕业生来说，其就业形势相当严峻的。解决应届毕业生就业的难题成为了国家及社会各个层面的高度重视。最近新提出：“就业是民生之本，要坚持实施积极的就业政策，加强政府引导，完善市场就业机制，扩大就业规模，改善就业结构。完善支持自主创业、自谋职业政策，加强就业观念教育，使更多劳动者成为创业者。”从这可以看出，解决就业难的一大出路就是鼓励大学生自主创业。国内研究现状随着时代的到来，社会在不断发展，有关劳动就业制度和毕业生就业制度的法规和改革，可以为许多大学毕业生增加就业机会，并培养更好的“两个人”。选择方法“。都有造成大学生就业困难的原因，而且原因更为复杂。当然，在现代大学生的就业中，就业标准与社会需求之间的矛盾是同时，毕业生承受了选择主题的巨大压力和竞争挑战。困难的就业现象正在当今社会引起关注。它还引起社会关注问题的关注，这些问题在各个方面一个不容忽视的原因，已经成为生活的重要组成部分，各个领域的信息化高度发展。在现代大学生的新就业水平上[3]，我们需要与社会和世界保持和谐。分析必要的信息以及校友就业计划，基础和态度的其他方面。通过对科学数据的统计和分析，我们帮助大学生做正确的事。就业精神和公平就业整体分析。开发工具及技术1.3.1开发工具此次设计主要使用VsCode开发工具React前台加NodeJs后台服务器进行，设计过程中页面主要使用React技术完成，下面对VsCode、NodeJs和MySQL数据库进行简要介绍。VsCode微软在2015年4月30日的Build开发者大会上正式宣布了VisualStudioCode（简称“VSCode”），该版本可以运行在各种操作系统上，并运行在您的桌面以及云上。创建一个应用程序。该平台的源代码编辑器可以在您的桌面上运行，并可以在各种操作系统上使用。内置对JavaScript，TypeScript和Node.js的支持等。NodeJsNode.js拥有很好的性能，可以快速搭建起一个后台扩展模块，基于本人所做的系统，nodejs在当中实现了无可比拟的作用，nodejs在本人所做的系统中承担了后台服务的作用，主要功能有提供前台必需要的接口数据以及验证码的矢量图等，为整个系统的编写提供了强有力的后端保证。MySQLMySql数据库是行业内使用次数最多的用来存储数据的数据管理，它具有可移植行，操作特别简单，功能非常强大，以确保源码的可移植性。MySQL提供多种编程语言的API；支持多线程并充分利用CPU资源；提供多种数据库连接方法，对于普通个人用户和中小企业，MySqI已经足以应付各个场景，而且它是开源软件，成本极低。计算机可以使敏感文档更安全，等等。软硬件需求开发语言：JavaScript开发工具：VsCode操作系统：window10浏览器：Chrome后台服务器：NodeJs

项目开发关键技术所使用前端技术前端开发呈现给用户的是诸如WEB页面或APP之类的前端界面的创建。Internet产品的用户界面交互是通过HTML，CSS，JavaScript和各种派生技术，框架和解决方案实现的。网页的产生促进了前端的开发，并且该名称有时具有明显的特征。在Internet的发展中，在Web1.0时代发展下，网页制作被产生。静态，图片和文本是早期网站的主要显示内容，浏览成为了用户使用该网站的的主要行为方式之一。当下Internet技术的发展以及HTML5的应用、CSS3的应用，促使了美观，互动和功能强大的现代网页的产生。前端的发展跟随着移动互联网的发展，并带来了许多高性能的移动终端设备应用程序。HTML5，Node.js被广泛使用，各种UI框架，JS库不断发展，并且开发难度逐渐增加。前端技术的发展是互联网自身发展和变化的显微镜。前端技术是指从浏览器到客户端计算机的通用命名。前端开发的主要功能是更好地向用户展示网站界面。在编写系统中使用web技术铺设页面，铺设的页面使用html+css+js技术。2.1.1React技术 React开发框架是最流行的前端开发框架，react框架从2013年发布到今天，越来越多的人开始喜欢他的设计方案并且在各种系统中使用它，react很大的帮助了开发者提高效率，许多人都认为这个框架成为网页建设中的重要组成部分，react可以做到只需要编码一次就可以运行在各端当中，例如说可以运行在手机、浏览器等当中。react可以帮助开发者美化系统界面，可以随意转换当前界面是否为动态还是静态的，也可以混合js的DOM操作等，react还有一个最大的特点，那就是声明式开发，这种开发模式要远比函数式的效率要大大提高，并且可以最大优化系统的性能，可以做到降低资源成本。本系统就是用了这个框架，并且合理的使用了声明式开发模式，使得该就业系统页面更加美化，动态静态结合使得逻辑更加的清晰，使大学生就业方向更加的明确，更好的找到自己个满意的岗位。2.1.2JWT技术JSONWebToken（缩写JWT）是目前最流行的跨域认证解决方案，JWT的可以让远程的服务器进行认证之后，获得了一个类似于JSON的对象，并且会返回给用户，就比如下面这个例子。{username:Byronss,role:admins,timeout:1620872852}通过这个之后，使用人员就可以与远程的服务器进行信息交换时，这个时候都会返回一个类似于JSON的对象，远程的服务器就可以仅仅依靠这个返回的对象进行识别身份，从而可以极大的防止数据的滥用，替换，进而大大的提高的用户数据的安全性。JWT大概就是这样：eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySUQiOiJieXJvbiIsImlhdCI6MTYxNzk1NzYyNCwiZXhwIjoxNjE3OTkzNjI0fQ.O9ZRQxefsCboW2B2m44FFFitCbDyUR_hPdIbkq8-5oQJWT的特点（1）这个类似于json对象的数据格式一般来说是不进行加密的，但是出于对安全安全的考虑，也可以做到对此进行二次加密，加密成功之后，进而就能更加的确保安全性。（2）这个类似于json对象的数据格式不仅仅可以做到信息交互，而且可以用去去认证某个东西，在有效时间的对象中，可以降低数据库对数据的查询次数。（3）这个类似于json对象的数据格式包含了许多认证信息，如果发生了泄露，就会对一些重要数据进行有严重的影响，从而我们需要将有效期进行缩短，可以减少这一个影响。（4）这个类似于json对象的数据格式尽可能的使用https协议进行传输，以防止被盗用。MySQL数据库技术关系型数据库管理系统MySql，是数据库行业中使用次频率最多的进行存储数据的数据管理，具有可移植性，简单的操作，特别强大的功能，来保证源码的可移植性。MySQL提供多种编程语言的接口；通过进行多线程的使用，CPU的资源可以得到有效利用；数据库连接的方法被其提供好多种，MySqI对于普通个人用户和中小企业来说，它是开源软件，成本特别低。计算机可以使敏感文档的安全得到了保护。在本系统中，数据库主要对用户所产生的数据信息进行存储查询处理，例如，登录就是用户事先注册好信息后就会存放在数据库中，在登陆的时候用户输入自己信息进而系统调用数据库查看用户输入信息是否相互匹配，登录成功会显示跳转主界面，如果提示用户名或者密码错误的，则就会让用户重新输入，验证将会再次进行；首页数据会查询数据库的信息表，当登录之后，就会去查询首页信息表，从而会展示到首页中，如果发现没有登陆且跳转到了首页，就会自动跳转登陆页面。后端技术概括 Node.js有很好的体验性能，可以迅速搭建起一个后台扩展模块的框架，基于本人所做的系统，nodejs在当中实现了无可厚非的作用，nodejs在本人所做的系统中承担了后台服务的作用，主要功能有提供前台必需要的接口数据以及验证码的矢量图等，为整个系统的编写提供了强有力的后端保证。 该系用主要使用的阿里开源的egg.js后端框架，由于该框架简洁明了。没有太多的赘余，不仅仅可以很大程度的降低开发者的效率，而且各个文件的分工特别明确，egg.js推荐去事先约定好在进行配置，这样的话就可以提高开发效率，不用在开发后还考虑怎样进行配置等，该框架的扩展性特别高，同时内部还继承了许多管理模式，同时它又是给予koa2进行的二次开发，所以它的性能是完全不需要担心的，而且他的测试覆盖率还特别的高，日常所需的测试基本都会被囊括其中，所以本次系统的后端采用egg.js的框架进行编写。 在本次系统中可以使用npminitegg进行对系统的初始化，然后使用npmrunddd将系统运行起来，然后既可以通过访问自己设定的地址进行访问。然后就可以进行开发了。

需求分析可行性分析在我们开发的这个就业的系统当中，会受到很多很多因素的影响，比如时间，空间，资源等等，为了避免这些影响的发生，我们会进行系统整体的分析与评估。3.1.1技术的可行性在我们编写的就业系统中，应用的vscode以及mysql等多个软件，我们主要使用了react以及egg框架进行的编写，由于本人是计算机专业且对这两个框架具有一定了了解，所以本次系统为了在技术上具有一定的可行性，最终采用了这两个框架进行开发，从而达到一定的技术可行性的效果。3.1.2经济的可行性在我们编写的就业系统中，需要用到一些软硬件的产品，硬件使用的自己笔记本电脑进行的编写，软件则使用网上流行且不需要付费的软件进行编写，所以整体来说，还是达到了一定的经济可行性的效果。3.1.3操作可行性在我们编写的就业系统中，大多与用户交互的情况都是让用户进行选择而非进行输入，这样用户就可以无需输入，对操作人员的要求很低，所以在技术上不会有很大难度。对此，我们的就业系统软件并不需要专业的培训后在进行操作，大学生不用为了使用使用该系统进行二次学习，因为这是学生们日常生活中必不可少的技能，这样看来操作可行性也达到了我们最终想要的效果。网站功能需求本系统主要是针对管理大学生就业开发的系统，普通用户及管理员均可通过本系统进行操作。大致分为前台、后台功能模块。前台提供查看大学生就业信息，填写表单信息等，后台主要对用户以及大学生就业信息进行管理。3.2.1普通用户用例图普通用户可以浏览大学生就业信息页面以及填写表单，然后就可以查看到各个大学生的各种岗位以及就业地点以及大概薪资等大致信息。因为用户最关心的就是这些信息，所以极大的方便的用户的浏览。3.2.2管理员用例图对管理员而言，其主要功能如下:成员管理：对注册社团的人员管理信息管理：主要管理的是大学生的就业信息信息分析：主要分析大学生的就业信息管理员用户用例图如图。

系统设计系统设计概述大学生就业网站是一个整合JavaScript技术、网络技术等进行开发，以大学生就业为核心，提供公共资源的通用平台。大学生就业的开发目标是满足学生的实际需求，对大学生就业信息化管理。在我们的详细调查问卷中得到，我们查看大学生具体的就业信息后以及自身需求，而且结合了其他文献的以及类似网站，得出对大学生就业设计的目标：1.我们的用户查看界面尽可能的美观大方，简介明了，每一个操作都具体化，合理化。2.普通用户可以查询最新大学生就业信息。3.管理员可对大学生就业信息、用户信息、大学生就业信息分析等方面进行操作及统计。系统模块设计4.2.1注册/登录模块设计注册、登录模块是系统中的最开始，也是做重要的一个，首先用户进入界面后，当个人用户去点击注册按钮后，页面会跳转到注册界面，当用户填写个人信息后，并且输入对应的验证码后，并且点击提交按钮，然后跳转到登录页面，进而用户进行登录，输入个人信息后进行验证且验证成功后跳转到主页面，验证失败后清空输入框，提示重新输入。如图4-1登录注册流程图所示。图4-1登录流程图4.2.2个人中心模块设计首页用户成功登录之后，用户可以去个人中心中对自己的信息进行修改，修改时需要输入自己的用户名以及密码后才能够正常的进行修改，否则不予修改，修改完成后，系统会自动登录，只要不退出登录，会一直记住账号和密码[3]。系统UI界面设计如下图所示，在登陆页面中采用全景布局的方式，整体呈现简洁的风格。这样的布局方式整齐划一，给用户带来更加的用户体验。数据库设计 数据库是整个的命脉，没有数据库各种信息都是不存在的，也就无从谈起数据的准确性等，下面我会逐一介绍一下该系统中使用到的有关数据库的相关信息。4.4.1数据库概念结构设计数据库的概念结构设计是数据库设计的关键，在此设计网站中，大学生就业信息、登录用户的信息是其主要主体。4.4.2数据库表设计在此次设计的系统数据库中，数据表共有2张。该表主要用于存储用户信息内容例如编号，名字，注册时间等。如表4-1所示。表4-1用户信息表名称类型长度是否为空是否为主键字段名称NumIntNotNull是唯一值Usernamevarchar(30)NotNull否用户户名Passwordvarchar(30)NotNull否密码Registetimevarchar(30)NotNull否注册时间Namevarchar(30)NotNull否姓名该表主要用于存储了大学个人的就业信息例如姓名，性别，毕业院校，所学专业等等。如表4-2所示。名称类型长度是否为空是否为主键字段名称NumIntNotNull是唯一值Namevarchar(30)NotNull否姓名Gendervarchar(30)NotNull否性别Agevarchar(30)NotNull否年龄Graduation_timevarchar(30)NotNull否毕业时间Graduation_schoolsvarchar(50)NotNull否毕业学校Phonevarchar(30)NotNull否电话Employmentvarchar(30)NotNull否是否就业Working_placesvarchar(50)NotNull否工作地点Satisfiedvarchar(30)NotNull否是否满意Current_monthlyvarchar(30)NotNull否当前月薪Expect_monthlyvarchar(30)NotNull否期望月薪Usernamevarchar(30)NotNull否用户名称Auditvarchar(30)NotNull否是否审核中4.4.3数据库连接原理采用eggjs进行对数据库的配置，具体如图4-2所示图4-2配置数据库采用eggjs进行对数据库的连接，具体如图4-3所示图4-3数据库的连接

系统实现前台功能实现5.1.1注册登录实现在用户第一次使用本系统的时候，该系统将会直接跳转到用户登录的界面[4]；当用户输入正确的信息后，就可以进行登录且跳转到首页上，如果用户没有注册时候，需要先进行注册然后在进行登录。如图5-1所示图5-1登录界面如图5-2所示图5-2注册界面5.1.2首页实现用户登录成功之后进入首页，会展示大学生的信息列表。如图5-3所示图5-3主界面5.1.3查询实现 用户可以根据自己需要的条件进行查询，例如所选择的学校，专业，毕业时间等等查询条件，如图5-4所示图5-4用户查询界面5.1.4个人信息查询 用户个人信息查询，能够查询当前信息，且可以进行对自己信息的更新，如图5-5所示。图5-5个人信息查询界面5.1.5修改个人密码 用户可以直接进行修改密码，需要事先输入对应的用户名，以及密码才能够正确的修改信息。如图5-6所示。图5-6修改个人密码界面后台统计的实现在管理员登录后台管理后，会直接看到根据所有大学生就业信息进行统计的信息，统计类型有：柱状图，折线图，饼状图。会直观的看到历年来就业人数与未就业人数的多少以及各专业历年来的平均薪资变化，各专业的占比。5.2.1后台表格展示 后台会根据就前端所提供的数据进行对数据的分析，并生成对应的柱状图，折线图，饼图。如图5-7所示图5-7后台统计图5.2.2大学生就业信息管理后台管理系统能够将前台的所有个人信息进行管理，例如审核，删除等操作。如图5-8所示图5-8大学生信息管理图5.2.2用户信息管理后台管理系统能够将前台的所有个人用户信息进行管理，例如删除等操作。如图5-9所示图5-9用户信息管理图

系统测试系统测试目的与意义该就业系统的测试部分是整个系统开发中最重要的部分，可以很好的提前发现错误，并作出相应的弥补方法，修改错误并及时做出调整，保证软件在发布之后能够做到安全、稳定的运行。对于“基于WEB的响应式大学毕业生就业调查系统设计与实现”的测试活动分为运行环境测试，界面测试、功能测试。6.1运行环境测试本次运行环境直接将代码在本地运行，以此达到开发、测试的需求，测试所需的配置：小米笔记本Pro电脑处理器:i7-10510U电脑内存:RAM16GB、ROM1TB测试网站环境:GoogleChrome89.0.4389.114网站界面测试在本次就业系统中，确保各界面的按钮，下拉框，输入框能够正常的使用，且后台数据能够正常返会给前端展示，这样才可以保证网站界面能够有一个正常的流程。功能测试本次的功能性测试测试了如下的功能，用户登录、主页面搜索信息、个人信息修改功能、填写问卷功能、后台数据统计、大学生就业信息功能、用户信息功能。如表6-1所示。表6-1功能测试表编号功能名称测试过程预期结果实际结果1登录、注册功能1.输入用户信息进行登录2．输入信息进行注册后再进行登录1.登陆成功2.注册成功成功2主页面搜索信息1．进入主界面点击选择信息后是否出现对应结果1.出现对应结果成功3个人信息修改功能1.进入个人信息界面后进行个人信息修改1.修改成功成功4填写问卷功能1.当用户没有填写问卷的时候才可以进行问卷填写功能1.当用户未填写时跳转填写问卷否则引导用户跳转到首页成功5后台数据统计1.后台柱状图、折线图、饼图对应当前数据正确1.柱状图、折线图、饼图对应数据一致成功6大学生就业信息功能1.大学生就业信息审核、删除1.可以正常审核信息、删除信息成功7用户信息功能1.用户信息删除1.用户信息可以正常删除