在线招聘系统源码+SpringBoot + Vue (前后端分离)

发布于:2025-06-14 ⋅ 阅读:(13) ⋅ 点赞:(0)

大家好,今天给大家带来一个完整的 在线招聘系统项目。大家可用学习下系统的设计和源码风格。

视频演示

在线招聘系统

图片演示

技术栈

后端

技术框架:JDK8+SpringBoot2 + mybatis-plus

数据库:Mysql8

用户token: JWT

聊天: websocket

前端

- Vue.js 2.x - 主要前端框架
- Vue Router 3.x - 路由管理
- Vuex 3.x - 状态管理

UI 组件库
Element UI 2.13.0 - 主要UI组件库,提供丰富的组件支持

功能库
- Axios 0.18.0 - HTTP请求库
- Moment.js - 日期时间处理
- Lodash - JavaScript实用工具库
- js-cookie - Cookie操作库
- vuex-persist - Vuex状态持久化

实时通信
- WebSocket - 实现实时聊天功能

系统功能概述

整个系统分为管理员, 招聘者,求职者 三大角色,每个角色有着不同的功能。登录,注册有招聘者和求职者, 通过邮箱验证码注册,管理员账号固定admin/123456

招聘者角色

职位管理

招聘者可以发布职位,新注册的招聘账号无法直接发布职位,需要先完成企业认证,还需要管理员审核。通过后,方可以发布职位,职位有“名称”,“分类”,“招聘人数”,“薪资”,

“工作地点”,“学历要求”,“公司名称”等信息,每个属性都是必填,发布职位后,也需要管理员进行审核。

已发布的职位可以查询查询发布过的职位,然后可以编辑,还可以下架职位。

职位申请管理

可以查询到求职者投递的简历职位,招聘者可以查看到求职者的简历, 还以进行通过和不通过操作,通过后,进行面试预约阶段。

在 “已通过的申请” 中可以查看到 刚刚通过的用户简历。

我的沟通

招聘者可以和每一个发送过简历的求职者进行消息沟通,消息技术通过实时websocket技术通信。

面试管理

可以查看到刚刚通过面试的求职者简历,然后可以进行 “发送面试通知” , 发送时,需要输入 “面试具体时间“,”地点“,“备注信息”。发送完面试后,求职者就可以在

我的面试中查看到面试通知。

等面试完成后 , 可以在录入面试里面对此次面试进行通过或者不通过操作。

求职者角色

首页

用户可以登录注册成功求职者。在首页里面可以浏览热门职位,还可以浏览热门公司,首页还展示了数据统计信息:总共投递量 ,企业看过量, 企业反馈量。

职位

用户可以在职位里面进行 平台全部的职位搜索,可以通过公司名称进行搜索,还可以通过职位名称进行搜索。用户可以对搜索的结果进行 简历投递, 收藏 ,还可以查看职位详情。

我的收藏

用户可以在每一个浏览职位的环节对职位进行收藏,收藏后,在我的收藏可以查看到收藏职位列表,还可以对职位进行取消收藏和查看详情信息。

简历箱

用户可以查看自己投递过的所有简历,然后还支持撤销简历的投递。

我的面试

当招聘者对投递的简历发出面试申请时,求职者放可以收到我的面试,然后可以查看面试地点,时间等信息,如果招聘者对面试通过,面试数据的状态就会改成面试成功。

我的沟通

求职者可以和每一个职位发布的招聘者进行消息沟通,消息技术通过实时websocket技术通信。

 

管理员角色

职位分类管理

平台的职位分类,比如:“java开发工程师”,“产品经理” 这些分类都是由管理员统一管理。招聘者发布职位时,就需要选择职位是属于哪一个分类。

管理员可以新增,编辑职位分类,但不可以删除,因为很多职位都关联了分类。

企业审核管理

招聘者发布职位后, 不能立马被求职者搜索到,需要管理员进行职位审核。管理员可以查看申请的职位,然后对职位进行审核通过或者审核不通过。通过后,可以在

审核通过列表查看,拒绝后,可以在审核不通过列表中查看。通过后,求职者才能看到此职位。

职位认证审核

招聘者新注册账号后,都需要进行企业认证,才能发布职位。管理员可以查看申请的企业,然后对企业进行审核通过或者审核不通过。通过后,可以在

审核通过列表查看,拒绝后,可以在审核不通过列表中查看。

系统部署

执行sql


用户需要自己安装好mysql数据库,注意,必须是mysql8 ,否则代码运行会出错。


然后用navicate等连接工具,连接到mysql服务,然后新建一个 hadluo-recruit 数据库, 然后执行 “hadluo-recruit.sql” 里面的表创建和数据导入。

前端部署

vue项目部署

前端的项目必须没有中文,否则启动会报错!!

安装node , 版本:v14.21.3 , 安装完成后。 进入到项目 hadluo-vue 目录下,这个项目是vue的管理平台, 右键,运行cmd,运行下面命令:

npm run dev

由于我已经跟你npm install好了,所以你无需执行,直接run就可以了!!

到此前端项目部署完成。

启动后端项目


将maven设置的settings.xml改成你自己的配置。

然后刷新maven,等待项目下载依赖包完成。。。。。

然后部署后端 , 打开idea, 导入maven工程 hadluo-server。


打开resources目录, 修改 application.yml 配置文件,主要修改下面几个信息:


邮箱服务器

  # 邮件服务配置
  mail:
    host: smtp.qq.com  # QQ邮箱SMTP服务器
    port: 587  # SMTP端口
    username: xxx@qq.com  # 发件人邮箱
    password: 你的搜全码  # 邮箱授权码(不是邮箱密码)

redis信息 (注意改成你的地址)

  # 配置 redis数据库索引(默认为0)
  redis:
    database: 0
    # redis服务器地址 ,请修改为你项目的实际配置
    host: localhost
    port: 6379
    # redis 密码
    password:

数据库信息在 application-dev.yml 配置里面, (注意改成你的地址): 

spring:
  # 数据源配置,请修改为你项目的实际配置
  datasource:
    username: root
    password: qq123456
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/hadluo-recruit?useSSL=false&serverTimezone=UTC&characterEncoding=UTF8&allowPublicKeyRetrieval=true


然后启动 main 启动类 :RecruitApplication.class


浏览器访问


 http://localhost:8080

管理员账号 : admin/123456

招聘者账号: qiqi/123456

求职者账号: eval/123456

注意每个账号需要不同的浏览器打开(或者你浏览器开无恒模式),否则会串token数据。


网站公告

今日签到

点亮在社区的每一天
去签到