基于vue的智能招聘系统设计与实现/网站设计/管理系统

基于vue的智能招聘系统设计与实现

摘要

随着网络信息化的快速发展,各个行业都离不开互联网。每个公司都会有人事ur职位,人事也是公司不可或缺的一个重要职位,然而一家公司招聘一名优秀员工就需要通过层层筛选,人事的工作量就会变得很繁琐。而智能招聘系统就是为了减少人事工作量以及为了帮人事和公司筛选出对口以及优秀的人才。 

智能招聘系统是以vue作为前端框架,加上element-Ui框架实现整个系统的合理布局,并且对element-Ui样式进行css改造升级,能够给客户更好的视觉体验。并结合axios+Java来进行该系统的开发,axios基于promise用于浏览器和node.js的http客户端,也是对原生XHR的封装,axios也提供了一些并发请求的接口,方便了很多操作。页面的布局和样式再通过CSS、JavaScript等技术支持,java对接python,前端支持简历导入并用python进行智能解析简历以及分词搜索,可对简历进行字段高效、精确地提取,并且利用axios结合java建立连接对数据库进行增删改查的操作,由所有人才、人才详情、人才收藏夹、新增人才、所有项目、我关注的项目、进行中的项目、已完成的项目、我的项目、创建项目等功能模块组成整个系统。

现在互联网迅速发展,各个企业都在互联网中成长,智能招聘一经提出,肯定能够更加方便企业人事的对外招聘,带去便利,提高招聘效率,将再平常不过的事情虚拟于网络之上。

关键词:JavaScript,Axios,智能招聘,Vue,智能解析

Design and Implementation of Intelligent Recruitment System Based on Vue

Abstract

With the rapid development of network information, all industries are inseparable from the Internet. Every company will have personnel positions, and personnel is also an indispensable important position in the company. However, when a company recruits an excellent employee, it needs to go through layers of screening, and the workload of personnel will become very cumbersome. And the intelligent recruitment system is to reduce the workload of personnel and to help personnel and companies screen out the counterpart and excellent talents.  

The intelligent recruitment system uses Vue as the front-end framework and element UI framework to realize the reasonable layout of the whole system, and the CSS transformation and upgrading of element UI style can give customers a better visual experience. Combined with Axios + java to develop the system, Axios is based on promise for browser and application node.js The HTTP client of Axios also encapsulates the native XHR. Axios also provides some interfaces for concurrent requests, which facilitates many operations. The layout and style of the page are supported by CSS, JavaScript and other technical support, Java docking with Python, front-end support resume import, intelligent parsing resume and word segmentation search with Python, which can efficiently and accurately extract the fields of resume, and use Axios combined with java to establish a connection to add, delete and query the database, which is composed of all talents, talent details and talent favorites , new talents, all projects, projects I care about, ongoing projects, completed projects, my projects, creating projects and other functional modules constitute the whole system.

With the rapid development of the Internet, all enterprises are growing up in the Internet. Once intelligent recruitment is proposed, it will certainly be more convenient for enterprises to recruit personnel, bring convenience and improve the efficiency of recruitment, and virtualize the most common things on the Internet.

Keywords: JavaScript, Axios, Smart Recruitment, Vue, Intelligent Analysis

目    录

第1章 绪论

1.1 研究背景

1.2 研究意义

1.3 研究内容

1.4 论文组织

第2章 技术背景介绍

2.1 WEB概述

2.2 Webstorm概述

2.3 HTML概述

2.4 CSS概述

2.5 JavaScript概述

2.6 vue概述

2.7 Java概述

2.8 MySQL概述

2.9 python概述

2.10 本章小结

第3章 系统需求分析

3.1 用户需求分析

3.2 功能需求分析

3.3 系统用例图分析

3.4 本章小结

第4章 智能招聘系统的设计

4.1 系统功能模块设计

4.2 概要设计

4.2.1 系统功能结构图设计

4.2.2 系统顺序图

4.3 数据库设计

4.3.1 E-R图

4.3.2 数据库表设计

4.4 本章小结

第5章 智能招聘系统的实现

5.1 系统环境

5.1.1 硬件条件

5.1.2 软件平台

5.2 功能模块的设计与实现

5.2.1 登录模块

5.2.2 所有项目模块

5.2.3 我关注的项目模块

5.2.4 进行中的项目模块

5.2.5 已完成的项目模块

5.2.6 我的项目模块

5.2.7 创建项目模块

5.2.8 项目详情模块

5.2.9 所有人才模块

5.2.10 人才收藏夹模块

5.2.11 人才详情模块

5.2.12 新增人才模块

5.3 本章小结

结论

参考文献

谢辞

第1章 绪论

1.1 研究背景

在这个互联网大数据时代,各个企业甚至各个岗位都离不开互联网带来的方便,比如网上发布消息、网上调研工作等。这是因为互联网行业既是人才密集型行业,又是人力密集型行业,而劳动力成本也是该行业的主要成本。此外,互联网所倡导的“开放,共享,透明和责任感”进一步提高了“人”的价值。高速是互联网行业的典型特征。生与死似乎早早出现在互联网行业中。不同的组织根据发展阶段选择和评估人才的标准不同。并不是说“人”是坏人,但重要的是他们要合适。数据时代在快速进步,工作效率的加快也成了各个企业想要提升的地方。智能招聘也变得尤为重要。过去,招聘工作是通过校园演示,人才市场和其他渠道来选择要结识的人才的。在互联网时代,各种在线招聘平台应运而生,允许国有企业在这些在线招聘平台上或其官方网站上发布招聘信息。这不仅显着提高了招聘效率,而且降低了招聘成本。

智能招聘更具有直观性,直观性可以解决人事每天面对大量简历而繁忙的问题。从另一个层面看,智能招聘还起到了推动企业与社会的大力发展的作用。智能招聘作为企业的互联网发展中一种新形式,对于一家企业的意义任重道远。

1.2 研究意义

近年来,随着互联网的发展,越来越多企业享受着信息化时代带来的方便快捷,智能招聘也逐渐成为了一些企业的选择。人事由于平日工作也比较繁忙,招聘人才筛选人才的工作对于企业来说也尤为重要,每个企业都想着能够搜罗到优秀的人才。

这就需要一个针对人事筛选人才的招聘平台,不仅能够为人事工作带来快捷直观,还能够将优秀的人才吸纳进公司,在各个企业中建立良好的口碑,利于平台更加深远的发展。

1.3 研究内容

本次的智能招聘系统主要内容是用户的登录模块、所有人才、人才详情、人才画像、人才收藏夹、新增人才、所有项目、我关注的项目、进行中的项目、已完成的项目、我的项目、创建项目。最终的目的就是给予用户良好的页面交互的同时带给他们优质的人才排查。

1.4 论文组织

将分为五个章节来介绍智能招聘系统。

第1章绪论讲述关于智能招聘系统的研究背景、研究意义以及研究内容。

第2章叙述智能招聘系统运用的相关技术和技术简介。

第3章分析整个系统需求,分为三个板块,用户需求分析、功能需求分析和系统用例图分析。

第4章从需求分析上开始写功能模块的部分,为下一章的功能模块打下基础。

第5章开始具体的对功能的实现完善,通过描述和页面截图相结合的方式进一步深入的介绍智能招聘系统的实施流程。

第2章 技术背景介绍

2.1 WEB概述

信息系统数据处理模式是指硬件,软件,数据和其他资源的逻辑和物理配置,以及它们的常规操作模式。信息系统的计算模式将系统更改为多用户系统。您需要的只是一个系统和一个终端。客户机/服务器模式(缩写为C/S模式)和浏览器/服务器(缩写为B/S)表示开发计算模式分布的过程,而不是简单的复杂模式、低级或高级模式[1]。

2.2 Webstorm概述

Webstorm是一个JavaScript开发工具。是的被大多数中国JS开发者誉为“Web界面开发神器”、“最强大的HTML5编辑器”、“更智能的JavaScript理念”,与IntelliJ理念同源,继承了IntelliJ理念强大的JS功能[2]。

2.3 HTML概述

HTML,超文本标记语言。标准页面可以分为两部分:一部分包含称为页眉的页面信息,另一部分包含称为正文的页面内容。HTML不是编程语言,而是定义主题结构的标记语言。HTML包含许多元素,可用于围绕和代表主题的不同部分,或以特定方式工作。

2.4 CSS概述 

CSS为HTML语言提供了一种在样式上的描写表达。同时,它不但能修饰页面使其更加美观,还可以与其他脚本语言动态地结合改变网页中的元素[3]。

2.5 JavaScript概述 

1995年,Brendan Eich创造了JavaScript,它是一种直译式脚本语言,它的编译器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能[4]。

2.6 vue概述

Vue.js是为了建立数据接口,必须实现Vue.js驱动程序,该复合程序可以像API一样轻松地被数据绑定。Vue.js不仅集中于一系列视图。并且是学习,集成到其他库或现有项目中的最简单方法。另一方面,当与相关工具和支持库一起使用时,它还可以完全驱动单页模板应用程序[5]。 

2.7 Java概述

Java程序设计语言是通用的、并行的、基于类的和面向对象的语言,它是为程序员用这种语言进行流利的交流而设计的。Java编程语言与C和C+相关联,但其组织结构不一样。有些其他语言的应用程序,如指示,将被设计成一种生产性语言,而不是一种实用语言研究。因此项目中避免了新的和未经测试的功能[6]。

2.8 MySQL概述

MySQL是基于C/S结构的单进程,多线程,多用户,关系数据库管理系统。由瑞典MySQLAB公司开发,2008年1月被SUN公司收购,2009年SUN又被甲骨文(Oracle)公司收购[7]。

2.9 python概述

Python是一种描述性的,面向对象的,动态数据类型级别的编程语言。Python在1989年底由Guido van Rossum发明,1991年出版[8]。

2.10 本章小结

本章介绍此系统中使用的技术。它们主要在B/S体系结构上开发,使用HTML页面作为开发界面的基础,使用JavaScript验证页面信息,并使用Java对接Python算法进行创建完整。

第3章 系统需求分析

3.1 用户需求分析

该智能招聘系统旨在满足企业的招聘需求,并通过网页来完成系统维护和整个系统范围的操作。

  1. 用户可以浏览项目的位置以了解有关项目的特定信息,或者快速搜索关键字或特定字段以查找他们想知道的项目,并且用户可以进行创建项目、编辑项目等操作。
  2. 用户可以查看人才库,了解人才库中人才的信息,也可以通过关键字或特定字段快速搜索查找定位到想要了解的人才,用最灵活精准的搜索引擎来为用户打造最符合要求的候选人列表。并可以直观地看到每个人才的亮点标签。高效提取任意格式的候选人信息,精准识别简历的内容、字段信息等,重建公司的人才库,并显着增强公司的人才管理能力和服务展示效率。
  3. 用户也可以将本地的人才导入到系统中,生成系统简历,解析出该人才的亮点标签。

3.2 功能需求分析

此平台将采用vue、JavaScript、java、python等技术与MySQL数据库进行对接,整个系统采用vue、JavaScript等技术来实现前端页面展示,配合后端建立一个完整的智能招聘系统:

(1)用户通过账号密码即可登录智能招聘系统。

(2)用户通过创建项目来发布项目,刚发布的项目会在我的项目、进行中的项目以及所有项目中展现。

(3)用户可以在所有项目中查看状态为正在招聘的所有项目的基本信息。

(4)进行中的项目是该账号的用户所发布的项目,用户可以在这里看到自己发布且还未关闭的项目。

(5)已完成项目是用户想让该发布项目结束收回时,在项目详情中点击关闭来结束项目,结束的项目即可放入到已完成的项目列表中。

(6)该账号的用户发布的所有项目都会放入到我的项目模块的列表中。

(7)人才库是用户对人才的一个查看以及管理,人才库可以让用户直观明了地看到简历的主要信息。所有人才列表中可以看到用户的求职状态,所在公司、学历、曾经工作过的公司以及用户最想看到的人才标签。

(8)用户可以点击列表中的人才进入人才详情,可以看到简历的详情,在人才画像中可以看到简历亮点、候选人标签以及综合能力雷达图。

(9)新增人才中可以将简历文件拖拽至指定区域,将简历进行解析,放入人才库。

(10)每个模块都有对应的模糊搜索和高级搜索功能。

3.3 系统用例图分析

本系统前台主要由用户登录模块、所有项目、进行中的项目、我的项目、所有人才、人才详情等模块构成。用户登录账号密码进入系统,查看项目和人才库信息。系统的用例图就是围绕用户进行的一系列操作设计的,如图3-1所示。

图3-1 系统用例图

3.4 本章小结

本章从用户需求分析和功能需求分析开始,然后讨论智能招聘系统的需求分析,并提供整体实现和摘要。以上是此智能招聘系统的用例图的概述。这为系统设计和实现奠定了基础。

第4章 智能招聘系统的设计

4.1 系统功能模块设计

系统主要由用户的登录、所有项目和进行中的项目、我的项目、已完成的项目、人才库等功能构成,各个模块之间相互联系,以下介绍本系统各个功能模块的设计:

(1)登录:整个系统中最重要的部分是登录模块。当用户单击登录按钮时,他们需要确定页面上的表单是否不为空,以及账号密码是否在数据库中。

(2)所有项目:展示着状态为正在招聘的所有项目列表,最上面有模糊搜索和高级搜索方便用户搜索到想看的信息。

(3)我关注的项目:展示用户所关注的项目,用户不可以关注自己的项目,可以关注其他账号发布的项目,这个模块就是为了让用户能看到自己想要关注的项目。

(4)进行中的项目:用户创建一个项目后,没有关闭的项目会展示在列表中,以便用户进行查看。

(5)已完成的项目:用户在项目详情中点击关闭按钮,项目就会停止,该项目就会从进行的项目中移除,添加到已完成的项目列表中。

(6)我的项目:用户创建的项目会在我的项目中呈现,用于方便用户查看自己所创建的项目。

(7)创建项目:用户点击新增项目进入创建项目页面,通过对表单输入提交来新增自己想要创建的项目。

(8)项目详情:点击项目可以进入项目详情,查看项目的具体信息。

(9)所有人才:用户可以查看人才库里的所有人才,包括第三方的人才以及自己新增的人才,人才列表有名片和表单两种形式可进行查看。也可将中意的人才纳入人才收藏夹。

(10)人才收藏夹:用户在所有人才中收藏的人才将显示在人才收藏夹中,也是有名片和列表两种形式可以切换展现。

(11)人才详情:这是系统最为亮点的地方,有候选人画像以及简历详情两种形式展现,候选人画像中解析出简历亮点、候选人标签和雷达数据,可以给用户直观的展现该人才的特点以及亮点,用户可以更快的对人才进行筛选。

(12)新增人才:用户可以将自己想要收入人才库的人才的简历拖拽至文件框内,进行简历解析,并添加至所有人才的列表中。

综上所述,系统主要子模块的基本框架已基本完成,当前的首要任务是将它们连接起来并进行开发,并在逻辑上清晰无问题。图4-1是系统功能设计图。

图4-1 系统功能设计图

  • 9
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值