【《基于HTML+Vue+javascript的人才招聘网站管理系统设计与实现》10000字（论文）】

绪论1.课题设计的目的和意义1.1课题设计的背景随着社会的发展，人类的进步，加上人们在不同领域的特长或者爱好，或是天赋，在面对生活问题，每个人在到达一定年龄后，都需要有一份合适的工作，一方面是体现自己的价值，证明自己存在的意义，另一方面是为了生活，简单来说为了钱，这个显然更加现实，确实，随着年龄的增加，我们开始变得越来越成熟，我们肩上的担子也越来越重，我们不能一直依赖父母的给予，在大学毕业后，相信大部分的人都需要找工作，特别是大学生，随之科技，教育水平的发展，大学生的数量逐步增加，大量的毕业生面临着就业问题，传统的线下招聘费时费力，受时间，空间的影响，首先要预约场地，安排时间。众所周知，在过去找工作跑人才市场，人群人来人往，遍地都是求职的人，可能早上去的人才市场，下午或者晚上才能轮到你面试，可能过了那么长的时间，你整个人都不好了，感到疲惫或者精神状态没有早上好了，面试的面试官可能也比较疲惫，可能没有很好的效果，所以线上招聘的开发就显得非常有意义，加上遇上疫情，大量的大学生基本上是在家里毕业，极不方便去外面找工作，由此线上招聘，线上教育体现了它举足轻重的作用，线上招聘，不受场地，地点的影响，只要有网，无论何时何地，都能上网查看招聘信息。而现在线上招聘比较火的有前程无忧，拉钩，51job，还有智联招聘，boss直聘等等优秀的招聘网站和App.这些优秀的网站和招聘App帮很多人找到了工作。当前互联网盛行的时代，很多的人在面临那种长时间的等待，以及招聘空间的限制，都会人们感受到一种焦虑感，并且不利于招聘者和求职者更长时间的了解，数络和交流。网络盛行的时代，我们应该紧随时代发展的脚步，好好利用互联网不受空间、时间限制的特点。1.2课题设计的意义在上个世纪，人才招聘都是通过线下的形式进行的，给招聘者和受聘者带来了不便。在传统人才招聘形式下，学生仅能通过人才招聘方发的传单以及举办的招聘会进行报名，人才招聘者则仅能通过线下发传单进行招聘招聘的宣传，不仅浪费人力物力，效果甚微，还会影响学生应聘的积极性，因此，结合目前大学生需求，设计开发一套招聘网站管理系统是非常必要的。作为线下招聘的“升级版”，线上招聘网站管理系统具有很多线下招聘没有的优势，线上招聘不受时间，空间的影响，且线上招聘是一个大的集合体组建的，你可以跟发布招聘信息的企业进行线上交流，求职者可以在线上投递简历给招聘的企业，在求职者投递了简历，企业的后台能够观察到，在信息交互方面，学生可以实时的在系统上和招聘者进行沟通，提高找到合适工作的成功率。招聘网站管理系统的开发能很大程度上提高人才招聘的效率，即为学生提供寻找合适工作的平台，还能为人才招聘者提供线上招聘的途径。且在线上还能交流找工作的经验，所以，招聘网站管理系统的开发是非常有意义的。系统分析1.1可行性分析本人才招聘网站管理系统，致力于求职者在网站上投递简历，企业在招聘网站上发布招聘信息，求职者能够看到企业发布的招聘信息，并进行投递，用户可以对招聘信息进行评论，对企业进行留言，用户登录人才招聘网站管理系统后可以进入个人中心，对个人信息进行修改，登录后才能投递简历，用户也有自己的后端，用来观看自己的求职信息以及状态修改密码以及个人信息等等，企业登录后端系统，可以修改密码，查看自己发布的招聘信息以及应聘者信息，还可以下载应聘者的简历。以及对应聘者进行审核。管理员可以登录后台系统，对企业信息进行管理，对用户进行管理，对岗位进行管理，对应聘者信息管理，对招聘信息进行管理，以及对系统进行管理。明白了系统的这些需求，前端使用HTML+css+js+Vue开发，后台使用mybatis+springboot+springMVC+spring开发，在了解了这些现在比较主流的框架之后，开发此项目就变得切实可行了。技术可行性基于springboot的人才招聘网站管理系统前端使用的是HTML+css+Vue+JavaScript开发，后台使用的是springboot+mybatis+springMVC+Spring开发。采用idea开发，mybatis连接MySQL数据库，springMVC是逻辑控制层与前端进行交互。 用户模块：用户进行登录，注册，修改密码，修改个人信息，查看招聘信息和投递简历 企业模块：企业可以登录注册，发布招聘信息，查看应聘者信息，修改自身的密码。 管理员模块：管理员可以对用户以及企业信息进行管理，对求职者信息进行管理，对招聘信息进行管理，对岗位分类进行管理，系统管理。1.1.2操作可行性基于springboot开发的人才招聘网站管理系统这种招聘网站比较常见，有很多类似网站，例如：前程无忧、拉钩网，51job，本网站开发的管理系统有一部分是仿照他们进行开发的，开发起来也有一定的架构，求职方面也能得到极好的用户体验，且不需要花费多大的成本。总之，本系统具有操作简单、管理方便、求职者和企业直接交际不受空间影响的特点。在操作上与现知名网站相似，省去操作培训的麻烦。因此本系统可以进行开发。1.1.3经济可行性本人才招聘网站管理系统本是基于B/S模式，出于经济上的考虑，使用MySQL数据库进行开发，因为MySQL数据库是开源，且性能比较好。对于开发人员的开发，维护的人力，财力上的耗费不大。且MySQL有免安装版的，易于安装也也易于卸载，很全面。1.1.4法律可行性本系统基于springboot人才招聘网站管理系统开发时所用到的技术资料都为开源合法的，在开发过程中没有抄袭其他相关系统，所以该系统不会存在侵犯版权的问题。更不会涉及法律问题。综上所述，本人才招聘网站管理系统在各个方面都具有很高的可行性，且用到的大部分技术平时都有接触到过，运用的java技术，和java常用的一些框架springbioot，mysql。Spring+springmvcs+mybatis此程序可以开发。1.2性能分析因为这是人才招聘网站，上面有用户，求职者，招聘者等等，以及招聘信息，因此此项目的性能要足够稳定。因为对于多用户登录时，系统能够承受住压力测试。1.3功能分析1.3.1角色权限划分人才招聘网站管理系统分为求职者、企业和管理员三个角色，主要可以进行以下操作：（1）用户：可进行注册、登录、查看招聘信息、修改个人信息、查看招聘资讯、应聘招聘、查看招聘记录等操作。（2）企业：可进行注册、登录、修改企业资料、发布招聘信息、查看应聘记录等操作。（3）管理员：具有登录、企业信息管理、用户信息管理、招聘信息管理、应聘信息管理、招聘资讯管理等权限。1.4数据流模块整个系统暂时可以分为五大功能模块：（1）注册模块：用户和企业均可以通过系统进行注册。（2）登录模块：用户、企业及管理均可以通过系统进行验证登录。（3）招聘信息模块：用户可以查看招聘信息，企业可以发布并修改招聘信息；管理员则可以查看、删除招聘信息。（4）招聘资讯模块：用户和企业可以查看招聘资讯；管理员则可以查看、发布、修改、删除资讯信息。（5）应聘模块：用户可以应聘招聘；企业可以查看用户的应聘信息；管理员则可以对应聘记录进行查看和统计。1.5相关技术1.5.1MySQL数据库MySQL数据库是微软一项开源的并且免费的开源关系型数据库，具有存储数据的功能，连接数据库后通过jdbc或是mybatis与后短连接，通过逻辑控制层可以与前台的数据交互，通过httprequestservlet可以将数据存入session域中，与前台的内容进行交互，也可以通过反射机制，将数据存储在封装类中，通过mybatis框架，或jdbc的模式实现java代码与数据库的互联，其中通常用的是mybatis框架连接，通过springMVC控制数据的输入输出。用jdbc连接数据库，driver注册驱动，connection获取连接，preparestatement获取预处理，resultset拿到结果集，finally释放资源。另外，mysql也可以搭载图形化界面工具对数据库进行操作，也可以搭载图形化界面工具操作安装在云服务器上的mysql数据库。通过弹性公网IP进行连接。1.5.2SpringBoot技术Springboot是一个非常好用的后端框架，它是集java的后端框架，springboot是集成的maven项目，不想ssm框架项目那样，需要繁杂的配置文件，也不需要Tomcat的启动，springboot有自己的启动类，springbootapplication一般是启动类，不过这个名字也能自己编辑，且springboot内置了版本控制，导入springboot的maven依赖统一管理了，且springboot只需要导入mysql和mybatis的依赖，在perties或application.yml配置文件中配置mysql的驱动driver，url，username，password后就能连接到mysql数据库了，而且通过mybatis可以对SQL进行注解开发，例如@select（“”）,@select是查询语句的注解在括号里写入查询语句，实现数据库的查询，@insert（“”），@insert是插入语句的注解，在括号里写入插入SQL语句，就能在数据库插入数据了，@delete（“”）,@delete(“”)是删除语句的注解，在括号里写入删除的SQL语句，就能在数据库里删除数据了，@update（“”），@update（“”）是更新SQL语句的注解，在括号里写入更新SQL语句实现数据库数据的更新，不过要想在springboot里面实现这些，需要此注解下面有对应的接口。且此xml文件需要交给spring管理，一般要加@mapper注解。且springboot是一个集合模板，springboot也可以将一个项目划分为几层，一般常用的三层架构：表现层，逻辑层，持久层。表现层一般是指能从视觉上观察到的，逻辑层指的是springMVC为主的逻辑层，持久层一般就是数据库层，一般使用mybatis进行管理。Mybatis可以使用注解开发，或是写动态SQL。Springboot也可以通过maven修改过来，也可以用过ssm项目来进行修改，springboot目前的可以在idea上通过idea的脚手架创建。通过maven项目转变过来的是在pom.xml中添加父类启动类，再添加web启动类，添加springboot启动类。Springboot中有propertise和yml文件两种配置文件形式，当这两种配置文件起冲突时，会以propertise配置文件中的为准。1.5.3Mybatis：

如果是ssm框架里使用mybatis，要配置好多的配置文件，mybatis到数据库的配置文件，mapper映射文件，连接数据库的mybatis-config.xml文件，web端配置web.xml,配置SQL语句的配置文件，暂且取名为SQL.xml文件，这个文件里要配置好SQL语句执行后有返回值的结果集，mybatis的使用前，需要在springboot项目中的pox.xml里面导入mybatis的依赖。1,5,4Spring框架： spring框架的底层也是java，spring相对于传统的java技术是，spring有着factory（工厂）模式，以前要使用同一个类属性或对象的方法，需要继承或者继承接口，new了对象后才能够使用，但是spring的出现，使对象的获取变得简单起来，这得易于spring的依赖注入ioc和面向切面编程的aop。此外spring还有多种代理模式，例如：单例模式，观察者模式。1.5.5Mysql： mysql是个免费开源且非常实用的关系型数据库，安装方便，且实用性高，mysql有免安装版，所以使用起来，配置起来非常方便。Mysql可以通过jdbc等驱动连接，也可以通过模板连接，使用也非常便捷，使用范围非常广。1.5.6Vue：Vue是一个非常好用的前端模板，Vue的底层是js，写在<script></script>标签里面，Vue的包含也非常的广；因为现实中Vue是前端框架，这个框架中有V-model的双向绑定，@clike时间等等，所以用起来会特别的方便。首先使用Vue要导入Vue.js文件。在<script></script>里面可以写Vue代码。另外Vue的方法的写法也特别地简单。v-on也可以简写为：，Vue这个前端框架起到的作用类似于JavaScript，但它的应用远远不止JavaScript。Vue的使用是前端数据的处理变得更为简便，直接在methods里面写方法，不需要js那么繁琐的调用document。1.5.7HTML: Html主要用来编写前端页面，不同的HTML标签样式的组合会行程不同的页面效果。1.5.CSS：主要用于页面布局可以写在HTML页面里面，也可以选择单写一个.css文件引入。1.5.3B/S结构B/S结构，是web在兴起技术后的一种网络模式，web浏览器是用户最主要的浏览方式之一。这一模式综合了客户端的实现功能，将在服务器上放系统功能的核心，从而简化了系统的开发，维护和使用。客户端上只需要一个浏览器，如IE百度，服务端有MySQL，SQLserver，oracle等数据库。浏览器通过webserver通数据库进行数据交互。系统设计2.1系统概要设计2.2系统结构设计本人才招聘网站管理系统主要分为管理员模块、企业模块和用户模块，管理员模块具有用户管理、企业管理、岗位分类管理等等。用户（求职者）模块能够进行登录、注册个人信息管理，以及查看招聘信息，应聘求职，以及评论。企业（招聘者）能够对自己的信息进行管理，以及发布招聘信息，以及对求职者进行查看及对他们的简历进行下载。对他们的投递状态进行审核。2.3数据库设计个数据库的设计关系到程序数据存储的准确性和正确性，还有合理性。在开发过程中我是用面向对象的思维来简历数据库，不光把实体类建立成一张表，把关系同样建立成一张表，将关系也看作一个实体，这样数据库的耦合性降低了扩展性提高了。若以后业务需求改变不会因为数据库的改动太大而导致程序修改艰难。数据库设计是项目最重要的一部分之一，针对招聘网站管理系统拟设计以下数据库表：用户信息表、企业信息表、管理员信息表、工作信息表、招聘信息表、资讯信息表等，在技术方面，采用MySQL数据库，运用JDBC技术实现数据库连接。数据库的设计从业务出发，首先分为三个角色，有用户（求职者）、企业（招聘者）以及管理员（系统的管理者）。再从他们能够进行的操作开始分析，用户（求职者）能够进行登录注册，需要登录注册表，企业也需要登录注册，所以也需要登录注册表，用户能够求职应聘，需要投递简历，需要一个表存放自己投递时的个人信息，我把它暂且定义为简历表，与此同时，公司需要发布一个招聘信息，用户（求职者）才能够看得见，所以需要一个招聘信息表，管理员需要登录管理用户（求职者）与企业（招聘者）信息，以及招聘信息，因此，管理员也需要一个登录的表。用户（求职者）可以通过岗位查询公司招聘信息。也可以通过公司查看招聘信息。2.3.1ER图：用户（求职者）：ER求职者图1企业（招聘者）：ER招聘者图2管理员：ER招聘图32.3.2数据库表：1求职者的用户表：这是用于存储用户信息的用户表。2-1yonghu用户表字段名数据类型是否允许空字段含义idbigint否编号addtimetimestamp否注册时间yonghumingvarchar否用户名xingmingvarchar否姓名mimavarchar否密码xingbievarchar是性别dianhuavarchar是电话youxiangvarchar是邮箱2企业信息表：这是用于存储企业信息的表：2-2qiyexinxi企业信息表字段名数据类型是否允许空字段含义idbigint否编号addtimetimestamp否注册时间qiyebianhaovarchar是企业编号mimavarchar是密码qiyemingchengvarchar是企业名称fuzerenvarchar是负责人lianxidianhuavarchar是联系电话qiyeyouxiangvarchar是企业邮箱qiyejieshaolongtext是企业介绍3后台管理员表：这个表用来存储管理员的基本信息：2-3users管理员表字段名数据类型是否允许空字段含义idbigint否编号usernamevarchar否用户名passwordvarchar是密码rolevarchar否角色addtimetimestamp是新增时间应聘信息表：这个表是应聘发布的信息表：2-4yingpinxinxi应聘信息表字段名数据类型是否允许空字段含义idbigint否编号addtimetimestamp否注册时间qiyebianhaovarchar是企业编号qiyemingchengvarchar是企业名称fuzerenvarchar是负责人lianxidianhuavarchar是联系电话zhaopingangweivarchar是招聘岗位yonghumingvarchar是用户名xingmingvarchar是姓名dianhuavarchar是电话jianlivarchar是简历sfshvarchar是是否审核shhflongtext是审核回复招聘信息表：这个是招聘信息表：2-5zhaopingxinxi招聘信息字段名数据类型是否允许空字段含义idbigint否编号addtimetimestamp否注册时间qiyebianhaovarchar是企业编号qiyemingchengvarchar是企业名称fuzerenvarchar是负责人lianxidianhuavarchar是联系电话zhaopingangweivarchar是招聘岗位zhaopinrenshuvarchar是招聘人数gangweileibievarchar是岗位类别xuelivarchar是学历tupianvarchar是图片gangweiyaoqiulongtext是岗位要求gongzuozhizelongtext是工作职责thumbsupnumint是赞crazilynumint是踩系统实现求职者的功能模块的实现求职者的登录和注册界面使用的是前端的模板Vue实现登录；登录界面可以选择是用户登录还是企业登录。比如说个人中心等等要登录了才能看到。用户若是没有本系统账号可注册本系统账号，用户注册界面展示如图：求职者登录注册图：3-1选择登录的类型采用的是Vue的v-model双向绑定，将输入框的数据存到Vue实例data里面。登录绑定了userlogin事件在Vue的方法中有一个判空，如果pike为null（空）时，会弹出请选择登录用户 求职的主界面详情：这个是前台用户或企业的主界面，管理员的话只有后台管理；主界面其中有招聘信息，招聘者信息，求职者信息，留言以及一些导航栏模块。求职者主界面图：3-2这是一个综合页面，从Vue实例中获取数据，{{}}是Vue语法中类似于el表达式，v-if判断，v-for循环。页面导杭栏的各个模块及其功能查看招聘信息界面：招聘信息界面图3-3 查看详情：可以点击查看详情从而进去招聘信息的详情界面，如下：招聘信息详情图3-4 可以收藏，也可以投递简历应聘，应聘：这个是点击应聘后需要上传的个人信息或简历，上传简历后，企业在后端系统里面可以观察到。招聘信息简历图3-5可以上传自己的简历：可以评论给出自己的评价：可以在对应的招聘信息下面给出自己的评论，企业也能登陆到这个界面，能看到，企业在后台系统中也能看到。招聘信息评论图3-6检索功能：这个检索功能可以通过企业的名称进行检索，也能通过招聘的岗位进行检索。招聘信息列表图3-7通过检索查询招聘信息图3-8 友情链接：寻求帮助的网站：友情链接相当于外援。友情链接界面图3-9可以进入个人中心，对自己的信息进行修改：3.2公司功能模块的实现

公司的登录注册界面：这个类似于用户的登录注册，只是对应的表不同。也能够进行注册。企业登录图3-10公司登录后的主界面显示：公司登录后前端基本上和求职者用户差不多。企业前台主界面图3-11但我们只需关注它的求职者板块即可，求职者信息图3-12查看详情：可以观看到求职者投递的简历和个人表明的一些信息，可以把求职者的简历下载下来。求职者详情图3-13可以下载他的简历，或者评论：企业发布招聘信息：企业登录后台管理系统，可以发布招聘信息。企业后台招聘信息管理图3-14也可以对发布过的招聘信息进行增删改查。也可以修改自身的账号密码及个人信息；管理员的功能模块的实现：管理员只有后端管理的功能：管理员的登录界面：管理员的登录界面管理员登录图3-15前台的数据返回到controller层判断。符合登录，不符合，重新登录。管理员登录以后管理员后台管理图3-161.第一个是对自己个人信息的管理；2.第二个是对用户的管理：以上是用户注册的列表：可以对用户进行查询，修改和删除。用户信息管理图：3-173.对公司信息的管理；下面是公司信息列表：公司信息管理图3-18

可以对公司信息进行增删改查。对岗位分类的管理，可以查询，新增，修改或者是删除岗位。岗位分类管理图3-19对学历要求的管理：学历要求管理图3-20也是可以进行查询，新增，修改或是删除。对有情链接的管理：友情链接管理图3-21也是可以进行增删改查，以及这些都有分页功能，当数据的条数比较多时，可以选择分页。看的更加清楚。对新闻的管理：新闻管理图3-22可以进行增删改查；对收藏的管理；8.对招聘信息的管理，对招聘信息的单条件或多条件的查询以及增删和修改。招聘信息管理图3-23对应聘信息的增删查改以及简历的下载对求职者的信息管理：求职信息管理图3-24可以对求职者的信息进行增删查，修改。对用户的求职者的修改4系统测试4.1测试定义测试的定义：找到错误快速解决，使用户得到完美的用户体验。测试的任务与目的可以表现为：快速的查找与发现软件问题所在，可以及时的查找出程序中隐藏的错误。在程序开发中大大的减少了开发时间。纠错：纠错：说白了就是解决问题的过程。纠错就是得到测试结果后的处理方式，及时的纠错可以避免对用户造成损失和一些不好的体验。每一次系统的测试是要准备好若干个测试数据。不断的进行数据的录入来观察系统是否发生预期以外的事情[6]。4.2测试目的测试的目的就是检测人才招聘网站管理系统是否有漏洞，能不能在用户进行操作的时候得到一个完美的操作体验。软件测试后就是项目上线，所以软件测试对开发者而言是一个开发成果的检测，对用户来说一个好的软件测试是对用户一种负责任的体现。从单独一个功能到所有功能相互整合在进行测试，可以是软件达到几近完美的程度。软件测试可以快速的定位到问题所在位置，测试可以避免开发人员长时间的对软件问题的定位[7]。4.3测试方法测试方法无非就只有两种（黑盒测试、白盒测试），我将系统当做一个黑盒子。把自己当做一个用户来对系统进行操作，不管系统功能的逻辑实现是怎么样的。白盒测试就得以此系统作者的身份来完成白盒测试，了解系统功能的逻辑实现，从逻辑方面对系统进行检查和测试[8]。4.4测试用例1）用户、企业、管理员登录测试，测试用例如下表4-1所示：表4-1用户、企业、管理员登录测试用例编号SC001用例名称验证用户、企业、管理员输错密码能否正常登录测试项账号、密码步骤打开浏览器，输入链接进入本系统在登录注册界面：输入账号：admin输入密码：abcdefg点击登录期望结果登录失败，不能进入个人中心。实际结果登录失败，用户进入不了个人信息。（2）用户、管理员登出测试，测试用例如下表4-2所示：表4-2用户、企业、管理员登出操作测试用例编号SC002用例名称验证用户、企业、管理员登出操作后页面跳转以及登出后可以进行的操作测试项退出登录按钮步骤用户登录、企业、管理员登录找到退出登录按钮用户点击退出登录按钮、企业点击退出登录按钮、管理员点击退出登录按钮期望结果第三步：用户界面跳转到登录界面，但还是可以看首页内容、企业调到登录界面、管理员界面跳回到登录页面。第四步：用户进入不了个人中心，并提示请先登录实际结果第三步：用户界面跳转到登录界面、企业跳到登录界面、管理员界面跳回到登录页面。第四步：用户进入不了个人中心，并提示请先登录（3）用户端、企业的个人信息修改，测试用例如下表4-3所示：表4-3个人信息修改测试用例编号SC003用例名称个人信息修改后数据显示结果步骤用户账号登录在个人信息中心修改个人信息、修改后点击保存再次登录查看信息是否修改期望结果第五步：信息得到了修改显示第六步：退出后再一次登录，发现个人信息已经得到了修改实际结果第五步：信息得到了修改第六步：退出后再一次登录，发现个人信息已经得到了修改（4）发布应聘测试，测试用例如下表4-4所示：表4-4应聘功能测试用例编号SC005用例名称应聘功能测试步骤选择一个企业的招聘信息进行投递简历期望结果步骤三：投递之后企业能够看到用户的投递实际结果步骤三：投递后企业能够看到用户的投递（5）企业发布招聘信息测试，测试用例如下表4-5所示：表4-5企业信息发布测试用例编号SC004用例名称企业发布招聘信息后用户（应聘者能够看到）步骤企业登录后台管理系统发布招聘信息、用户能够看到期望结果企业在后台发布招聘信息后，在前端界面有显示，用户能够看到实际结果企业在后台发布招聘信息后，在前端界面有显示，用户能够看到4.5测试分析本基于SpringBoot人才招聘网站管理系统可以完成应聘，企业发布招聘信息供应聘者投递，应聘者可以对企业发布的招聘信息做出对应的操作，也可以在应聘的招聘简章