基于小程序和网页应用的在线招聘平台设计

目录

一、开发环境

二、运行环境要求

三、源码文件夹说明

1、微信小程序

2、网页应用

3、后端服务器

四、毕业设计说明书

1 引言

2 开发环境

2.1 操作系统

2.2 编程语言

2.3 开发工具

2.4 数据库

2.5 测试工具

2.6 版本控制

2.7 运行环境

3 相关技术介绍

3.1 B/S架构

3.2 后端框架

3.2.1 Spring Boot

3.2.2 MyBatis框架

3.3 前端框架

3.3.1 React

3.3.2 uni-app

4 需求分析

4.1 系统功能分析

4.1.1 微信小程序端

4.1.2 网页应用端

4.2 数据库需求分析

详细请留言!!


一、开发环境

  1. 操作系统:Windows 11。
  2. 服务器端开发工具:IntelliJ IDEA 2021.2.1。
  3. 小程序端开发工具:Visual Studio Code、微信开发者工具。
  4. 网页应用端开发工具:Visual Studio Code。
  5. 测试工具:Postman。
  6. 数据库:MySQL。

二、运行环境要求

  1. 前端编程语言:TypeScript。
  2. 后端编程语言:Java。
  3. 服务器端框架:Spring Boot 2.7.3、MyBatis 2.2.0、Maven 4.0.0。
  4. 网页应用端框架:React 18.2.0。
  5. 小程序端框架:uni-app 3.0.0。
  6. 前端编译工具:Node 16.18.70。

三、源码文件夹说明

1、微信小程序

        微信小程序端由vite脚手架创建uni-app项目,程序主要在src下,其中页面组件在pages下,pagesResume与pagesSetting为分包,services下存放封装的请求函数,static下存放小程序的图片等静态资源,stores下的文件将所需要存储的内容存储在localStorage中,types下存放数据类型,utils为工具文件夹,重写了request请求,添加请求和响应拦截器,结构如图1所示。

图10 微信小程序项目结构图

2、网页应用

        网页应用端由vite脚手架创建React项目,代码主要在srcs编写,api文件夹下重写了request请求,css文件夹下编写页面的css布局,model文件夹下编写数据类型,pages为组件的总文件夹,pages/job下编写关于职位的组件,pages/jobSeekerChoose下编写关于求职者挑选的组件,pages/login下编写登录页面组件,pages/message下并编写关于消息的组件,pages/upload下自定义了文件上传组件,router文件夹下编写关于动态路由的组件,store下编写将信息存储浏览器的组件,详细结构如图2所示。

图2 网页应用项目结构图

3、后端服务器

        后端服务器由Maven管理在server、zhaoPin-common、zhaiPin-pojo、zhaoPin-server下面均pom.xml配置文件。zhaoPin-common为公共文件夹,其中存放公共使用的包或工具。zhaiPin-pojo为实体类文件夹,当中存放接收前端的实体dto,存放于数据库的实体entity和返回给前端的实体vo。zhaoPin-server为服务器主文件夹,当中存放注解文件夹annotation,aspect切片文件夹,config配置类文件夹,全局异常处理器文件夹handler,拦截器interceptor,task定时处理文件夹,websocket通信文件夹,控制层文件夹controller,逻辑层文件夹service,数据访问层mapper。如图3所示。

图3 后端项目结构图

四、毕业设计说明书

1 引言

        随着信息化时代的来临,人们越来越习惯使用网络,越来越多的社会群体开始学会使用互联网技术,整个社会正在朝着智能化、信息化的方向发展。伴随着毕业生的增加,求职人员将越来越多[1],传统人才招聘的形式是求职人员和用人单位的负责人面对面地交流。这就需要用人单位和求职人员提前规划自己的时间,准备许多的纸质简历,还要选择好举办招聘现场的地点,这一系列流程都需要双方投入大量的精力到准备活动中去,使得招聘还未开始,成本就已大幅增加。

        为了满足企业的发展需要,减少招聘过程中用人单位和求职用户之间的沟通成本。本课题将设计一个基于小程序和网页应用在线招聘平台,为用人企业和求职用户之间搭建一个沟通的桥梁。该招聘平台具有以下优势:

        方便快捷。对于求职者,只需在微信小程序上向有意向的企业投递了简历,便可等候企业的通知,对于企业,只需在浏览器便可招到人才。

        选择多,覆盖行业多。允许各行各业的企业入驻,招聘信息量丰富、使用网络招聘的职位基数大,求职者对于职位的选择也就多。

        对于求职人员来说,节省了不少经济和时间成本,并且还避免了招聘会现场拥挤、交流效果不理想、选择职位时盲目性大的问题。对于企业来说,节省了办理招聘会的各种费用。

        综上所述,优势十分明显,以后将会有越来越多的用人单位和求职人员选择网络上实现招聘环节。

        开发的意义在于突破传统人才招聘的模式,给求职人员和用人单位提供一个便利、高效、准确的在线招聘平台,使得双方成本降低的前提下,在更快获得更准确的信息,从而满足企业的用人需求,实现求职者的自身价值。

2 开发环境

2.1 操作系统

        Windows 11,是由Microsoft公司开发的操作系统,主要应用于计算机和平板电脑等设备。

2.2 编程语言

        主要采用Java、TypeScript语言,分别用于后端与前端逻辑编写。Java是一种面向对象、十分强大且生态很好的编程语言。它的设计初衷是“一次编写,到处运行”,即源代码仅需编写一次,就可以在任何支持Java的各平台上运行。这是因为Java语言编译后生成的是与平台无关的字节码,这些字节码可以在任何装有Java虚拟机的平台上运行。

        TypeScript是由Microsoft开发的一种开放源代码语言。它是JavaScript的一个超集,这意味着你可以使用已开发的JavaScript技能。在TypeScript语言中,可以像Java语言一样使用类型提示来识别变量或参数的数据类型,对于习惯面向对象开发的程序员的开发前端就比较简单。使用类型提示,可以描述对象的形状,这样更好地文档编写和阅读文档,使TypeScript能够验证代码是否正常工作。

2.3 开发工具

        该项目主要采用Visual Studio Code、IntelliJ IDEA作为开发工具。Visual Studio Code是一款不收费、轻量级且可插件扩展的代码编辑器,适用于构建Web、桌面和移动应用。它在Linux、macOS和Windows平台上都可以使用,它具有对JavaScript、TypeScript和Node.js的内置支持,并具有丰富的其他语言(例如C++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展,还拥有十分活跃的生态系统。

        IntelliJ IDEA,是Java编程语言(Java在面向对象编程中的可靠性和可移植性得到了广泛的认可,已经在企业服务器、智能手机、嵌入式系统等多种系统中得到了应用)的集成开发环境。IDEA在程序员行业被公认为最好用的Java开发工具。在编写代码时,有代码自动提示功能、快捷键非常多,还聚合了各类版本工具(git、svn等)、JUnit、CVS整合、代码分析等方面的功能,可以说是十分优秀的,把开发程序变得简易上手。

        JDK是 Java 语言的软件开发的核心工具包,主要用于移动设备、嵌入式设备上的Java应用程序。它涵盖了JAVA的运行环境和JAVA工具,在该项目中后端采用JDK 1.8作为开发环境。

2.4 数据库

        该项目采用MySQL管理系统保存及维护系统的数据。MySQL是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,属于 Oracle 旗下的产品。MySQL是最流行、最好用的关系数据库管理系统应用软件之一。在MySQL中,关系数据库将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了速度并提高了灵活性[2]

2.5 测试工具

        该项目主要采用Postman进行接口测试。Postman  Google 旗下的一款模拟请求的工具,主要功能包括模拟发送各种 HTTP 请求,如 GETPOSTPUTDELETE 等。发送请求,设置参数,接收返回,全部可通过图形化界面展示出来。

2.6 版本控制

        该项目主要采用GiteeNVM进行版本控制管理,Gitee管理代码版本,NVM管理Node.js的版本。Gitee也称为码云,是一个由中国公司开源,中国运营的代码托管平台。它基于Git版本控制系统,提供了代码托管、版本控制、协作开发、CI/CD等一系列功能。Gitee支持多种编程语言和框架,包括JavaPythonCGo等,并提供了在线构建和部署服务。

        NVM是一种用于管理多个Node.js版本的工具,它可以帮助我们在不同的目录之间切换,并保持当前的工作目录和环境变量,与npm不同的是,npm是依赖包的管理工具。

2.7 运行环境

        该项目的运行环境主要采用Microsoft Edge和微信开发者工具。Microsoft Edge是微软基于Chromium开源项目及其他开源软件开发的网页浏览器。微信开发者工具是微信公众平台为了使开发、运行和调试微信小程序更简单和高效而研发的。在原有的公众号网页调试工具的基础上进行研发的,集成了公众号网页调试和小程序调试两种开发模式。开发者可以完成小程序的API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

3 相关技术介绍

3.1 B/S架构

B/S架构也叫浏览器和服务器架构模式,在这种架构模式下,用户操作界面是通过浏览器来实现的。极少部分事务逻辑在前端实现,主要事务逻辑在服务器端实现,在后端服务器形成所谓三层结构。这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上执行,做到一个后端服务器,支持多个前端访问,简化了系统的开发、维护和使用[3]。客户机上只要安装一个浏览器或者使用小程序,服务器安装MySQL或SQL Server等数据库。浏览器通过网页应用发起请求,服务器接收请求,通过三层结构进行逻辑处理后向数据库进行数据交互。这样就很大程度简化了客户端电脑载荷,减轻了系统维护与升级的成本和工作量,降低了用户的总体成本[4]。

并且本项目采用前后端分离开发模式,Web的发展历程就已见证了前后端分离开发的优势,更利于项目的扩展[5],前端代码只需遵守后端按节后的调用方法,后端一套代码可以应用于多种前端,很大程度降低了开发的成本[6]。

3.2 后端框架
3.2.1 Spring Boot

Spring是一个功能强大的 Java 应用程序框架,旨在提供高效且可扩展的开发环境,具有轻量级的容器和依赖注入功能,提供了一种使用实体对象进行容器配置和面向切面AOP编程的简单方法,还提供了对事务管理、JDBC和其他技术的支持,从而确保高效开发,但上手难度高[7]。

Spring Boot是Spring的一套快速配置脚手架,可以基于Spring Boot 快速开发单个微服务,是由Pivotal团队提供的全新框架,是开发者与Spring框架的中间层,但是Spring上手难度非常高,于是设计了Spring Boot来简化开发。该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置[8-11]。具有如下特征。

(1)Spring Boot Starter将常用的依赖进行了分组整合,将其合并到一个依赖里面,使用时,只需要添加一个顶层依赖,这样就可以一次性添加所以整合的依赖到项目的Maven或Gradle构建中。

(2)Spring Boot使编写代码变得简单,提供了大量的注解,极大地提高了工作效率,比如@Configuration和@bean注解结合,基于@Configuration完成类扫描,基于@bean注解把返回值注入IOC容器。

(3)Spring Boot的自动配置,利用了Spring对条件化配置的支持,利用特定的名称规则,合理地推测应用所需的Bean对象自动化配置在项目需要的位置。

(4)Spring Boot使部署变得简单,内置了三种Servlet容器,Tomcat,Jetty,undertow。我们只需要一个Java的运行环境就可以跑Spring Boot的项目了,Spring Boot的项目可以打成一个jar包或war包,布置在云端服务器上。

3.2.2 MyBatis框架

MyBatis是一个十分优秀的持久层框架,用于简化JDBC的开发过程,它对 JDBC 操作数据库的过程进行封装,使开发者只需要关注编写的SQL 语句本身,而不需要花费精力去处理别的内容[12],例如注册驱动、创建 connection、创建 statement、手动设置参数、结果集检索等 JDBC 繁杂的过程代码。

3.3 前端框架
3.3.1 React

React是用于构建用户界面的JavaScript库,与VueElement相似,它起源于Facebook的内部项目,该公司对市场上存在的JavaScript MVC框架都不满意,于是决定自行开发一套。于20135月开源。

React主要用于构建UI,可以在React里传递多种类型的参数,它还拥有自己的逻辑和外观。他的函数返回值、参数等可以是一个组件,组件可以小到一个按钮,也可以大到整个页面[13]。核心在于可将页面的每个区域或元素看作一个HTMLCSSJSImage的元素聚合体[14]

3.3.2 uni-app

uni-app是一个基于Vue开发所有前端应用的框架。开发者仅需编写一套代码,可发布到iOSAndroid、网页、微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝等小程序,以及快应用等多个平台[15]

4 需求分析

4.1 系统功能分析

在线招聘平台面向求职人员、用人单位和平台管理员。面向求职人员采用微信小程序,面向用人单位和平台管理员采用网页应用。

4.1.1 微信小程序端

微信小程序端由求职者进行登录认证,包含浏览所有发布的职位信息、个人编辑简历、投递简历、可以通过平台消息与用人单位沟通和求职信息发布等功能。

(1)登录:可进行游客登录,仅能浏览招聘信息。进行微信登录,使用所有功能。

(2)浏览招聘信息:浏览所有的招聘信息,也可以按条件检索招聘信息。

(3)个人简历编辑:求职者可以编辑自己的简历。

(4)投递简历:求职者可以浏览招聘岗位,进行投递简历。

(5)消息聊天:求职者可以通过平台消息与特定岗位招聘者沟通。

(6)求职信息发布:求职者可以发布自己的求职信息。

4.1.2 网页应用端

网页应用端主要有用人单位和平台管理员,用人单位实现入驻申请、职位发布、简历接收筛选、应聘等功能、浏览求职信息、已入住用人单位可以通过平台消息与特定求职人员沟通等功能。平台管理员可以进行审批申请。

(1)审批入驻申请:平台管理员可以查看并审批用人单位的申请,并且选择是否通过,若被驳回,同时给出驳回原因。

(2)入驻申请:用人单位可以申请入驻招聘平台。

(3)浏览求职信息:用人单位可以浏览所有求职信息,也可以按条件检索求职信息。

(4)职位发布:用人单位可以发布岗位需求信息,允许求职人员投递简历。

(5)简历接收筛选:用人单位可以查看投递在某个职位下的简历,进行筛选,并可以向某简历的拥有者发送短信,通知应聘成功。

(6)消息聊天:用人单位可以通过平台消息与特定求职人员沟通。

4.2 数据库需求分析

在线招聘平台会有很多用人单位和求职者入驻,为了维护用人单位信息,将存储用人单位的如下信息:

(1)企业信息:企业名称(工商局登记的企业名称),企业营业资格证书,统一社会信用代码,企业规模,企业地址,企业状态,负责人姓名(唯一),负责人图片,负责人联系电话,负责人联系邮箱。

(2)职位信息:职位名称,薪资待遇,工作地点,工作类型(全职/实习/兼职),招聘人数,职位要求,职位描述,工作环境图片。

为了维护求职人员的信息,将存储如下信息:

(1)求职者信息:姓名(真实姓名),微信登录码(唯一),性别,人像(证件照),出生日期,联系电话,邮箱,户籍地,现居地,政治面貌。

(2)简历信息:求职意向,工作经历,项目经历,教育经历,证书,自我介绍,状态。

(3)工作经历信息:公司名称,职位名称,经历时间,行业类型,薪资待遇,工作内容。

(4)项目经历信息:项目名称,经历时间,项目描述。

(5)教育经历信息:最高学历,学校名称,专业名称,经历时间。

(6)证书信息:证书名称,证书图片,获取时间。

根据网页应用的企业角色与动态加载菜单的需求,数据库将存储如下信息:菜单标签,菜单图标,加载组件,菜单路由。

为了维护求职意向的实时更新,数据库将存储如下信息:求职意向信息。

为了维护平台的聊天信息,数据库将存入如下信息:

(1)聊天对象信息:职位,求职者姓名,求职者头像,求职者账号,企业负责人姓名,企业负责人头像,企业负责人账号。

(2)聊天记录信息:求职者账号,企业负责人账号,聊天内容,时间。

其数据库E-R图如图2、图3、图4、图5、图6所示。

图2  数据库E-R图(一)

图3  数据库E-R图(二)

图4  数据库E-R图(三)

图5  数据库E-R图(四)

图6  数据库E-R图(五)

五、作品演示

基于小程序和网页应用的在线招聘平台设计


详细请留言!!

  • 23
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值