【《基于React招聘信息网站设计》8400字（论文）】

ⅠI摘要随着近些年科技的进步，再加上计算机发展高速和网络的应用普及，网络化等应用影响到了人们生活的方方面面。网络让求职人员在学习和生活中更为便利的同时也成为一项不可或缺的重要工具，再加上计算机对信息的管理比人工管理优势显著，招聘信息网站也要适应时代的潮流和跟上网络的发展--招聘信息网站。招聘信息网站一方面可以减轻专场招聘、校园宣讲等传统招聘的压力，另一方面网络其涉及范围广，搜索查询高效，针对问题性强让求职人员青睐有加。求职人员是继承新技术、新思想的专业人才和充满年轻活力的青少年，大学生就业也显得格外重要，所以本文进行了一个招聘信息网站系统设计开发，选择使用express框架技术进行开发系统，招聘信息网站系统特点是使用简洁且具有实用性，可以满足大学生就业需求问题，让企业雇主和用户可以更好的进行相互了解和双向选择。本系统使用后可以提升招聘率，减少招聘成本，提高招聘企业就业率。关键词：大学生；招聘；react框架引言选题的目的自恢复高考招生以来，各个招聘企业招生规模每年也随着高考人数的增加而增长，使国民素质不断提高、更使更多圆了大学梦。求职人员的每年的增加也带来了应届生对工作岗位的高需求，大学生就业压力大已成为不争的事实，传统的招聘信息网站已不再能满足大学生的就业需求。从改革开放到现在，计算机发展在经济上和科技文化上都收获让人意想不到的成果，人们的生活质量有了很大的提升，网络已和求职人员息息相关。求职人员生数量的增多，加上网络范围广、高效的作用。建立网络化的招聘信息网站同时也可以对学校、、公司企业三方有更好的相互认知、相互选择，因此对于招聘信息网站是一个共赢的平台。背景和意义在各个招聘企业每年不断扩大招生的形势下，在校求职人员不断增加，使大学生也进一步增长，而传统的招聘信息网站已经不能满足生的就业需求[=1\*Arabic1]。招聘信息网站可划分为每年的秋招(9月-11月)和春招(3月-4月)，企业、公司会来到学校通过宣讲会等形式面签生，校招对于求职人员来说：岗位和专业是对口的，因为企业都是根据招聘岗位的需求参加校招的，瞄准求职人员所学的专业是否对口而提供，求职人员可以根据大学所学专业来应聘的对应岗位；竞争压力相对较少，因为校招招的是应届生的综合素质和培养潜力，加上应届生基本上都是第一次获得真正工作和走上社会的机会，对工作会更加珍惜、努力、热情，所以很多企业公司都是很喜欢招应届生的。但传统的校招不仅给企业和大学生带来很多的不便，而且有着时间和空间的限制,容易使求职者失去找工作的好机会。招聘信息网站在校招基础上通过网络的渠道投递简历，申请工作，可以根据自己的兴趣、能力去匹配工作，选择的机会更多，可以找合适的公司合适的岗位去争取，以及作为求职人员和企业相互认知和熟悉的一种方式。因此开发招聘信息网站系统，为企业还有求职人员提供方便简洁的平台,提供大量的岗位招聘信息，提高求职目标定位的准确度，搭建一个很好的求职人员求职环境和相对公平的求职平台。国内外研究现状虽然我国计算机起步比较晚，相对于国外技术还有差距，人才的招聘流动大，但是国家对人才的培养和人才的发展非常重视，投入不断加大，作出了很多的工作。对于求职人员，国家在很多政策上都有具体的规定，对求职人员的找工作也十分重视。早在2004年的计算机网络发展的同时，国内互联网公司和国家政府就已经在发展网络招聘网站，例如广西人才网、智联招聘、58同城等人才招聘网站，这些网站为求职者和企业提供了一个快捷的平台。到现在网络招聘已经成为应聘者和企业公司相互认知的一种常态。国内每年求职人员的日益增多以及国内网络的更加普及，网络招聘求职越来越受到企业和求职人员的青睐，因其传播范围广，查询方便、速度快、信息量大、成本低。受益于网络化的招聘特点，将传统的招聘方式计算机网络化，构建一套不受空间和时间的局限的平台，为企业和应聘者更好的相互交流。国外的计算机和网络起步早，普及的也相对的早，对于求职人员的流动有着相对的解决措施。根据美国IDC公司在2008年的调查显示，IDC的高级分析师MarcPramuk分析表示：“从网络招聘市场扩大的事实可以看出，招聘服务市场正在发生根本的变化[2]。”由于“雇用方正在寻找比传统的招聘方法更迅速、更廉价的招聘适当人选的方法[2]”。从上世纪90年代初互联网出现以来，在一些互联网普及和发展较早的国家，网络招聘成为企业招聘人才和求职者应聘岗位最主要方式，网络化的人才流动渠道。因我国与别国的国情和政策的不同，对求职人员就业招聘也不同。网络招聘的人工和时间成本降低、不局限时间和空间的覆盖面、对求职岗位的回复和交流及时等优势，构建招聘企业求职人员的招聘信息网站系统，成为求职人员工作应聘的首选渠道和主要平台，让求职人员可以高质量的找到自己喜欢的工作。可行性分析和需求分析2.1系统设计的目标开发的总体目标是设计并开发出一个基于react的招聘求职网站系统，让传统招聘和网络相结合，使招聘流程的程序化结构简单清晰，方便学校对企业招聘和求职人员应聘管理，以及对录入的企业发布岗位和应聘信息进行数据分析，一方面可以随时解和企业信息情况，另一方面方便求职人员做进一步的职业规划。招聘求职信息网站系统涉及到求职人员的未来发展，所以更好的了解社会行业的发展趋势。2.2可行性研究对开发招聘招聘信息网站系统进行可行性分析中的技术可行性、经济可行性和操作可行性。根据这些分析结论确定招聘信息网站系统是否值得研发，是否可行，对开发者所预期的目标和价值进行合理的评估以此达到降低风险的目的。2.2.1技术可行性分析技术可行性分析包括软件技术和硬件技术，是否能满足仓库管理系统实现提出的条件。招聘信息网站系统的开发在一台装上Windows10操作系统的电脑,在软件技术方面的程序设计使用react技术语言以及express集成框架技术开发,数据库（Mongodb）技术搭建系统数据，使用react技术完善前端页面内容，Visio或word文档工具画E-R图和流程图。对运行环境及条件在现有资源条件下的技术进行分析认为技术可行性可以达到。2.2.2经济可行性分析经济可行性则是对系统开发成本的分析，一台自己Windows10操作系统的电脑，一处可以放置电脑且有网络连接的安静的开发的工作环境（可以是图书馆，宿舍，家里等），一个可以对系统挂载运行和测试的服务器（选择阿里云或者腾讯的认证的服务器），以及软件开发的相关技术和工具都是免费。即本系统成本主要在招聘信息网站系统的软件开发上所花费的开通服务器、时间、人力成本，至于后期的维护和优化，只需要对开发好的系统进行细微调整和修改即可。所以在经济可行性上的分析是符合和支持系统开发。2.2.3操作可行性分析对系统完成的功能进行简单的操作、使用，以及对功能模块操作讲解、介绍，使用户产生良好的适应性。系统界面在设计时考虑到使用者方便操作它，登录注册界面的实用和友好,系统管理界面设有功能模块的菜单栏，使用者对菜单栏节点名称操作一目了然，容易上手，所以操作可行性分析符合使用者操作简单。2.3需求分析通过对招聘信息网站系统从功能需求分析和性能需求分析这两方面进行分析,本节主要对功能需求进行分析，对功能模块需求进行分析和实现，对需要解决的问题进行剖析和处理[3]。在系统功能操作上将用户的权限划分为管理员和普通用户，2.3.1管理员管理员的权限:管理员权限作为招聘信息网站系统的最高管理权限，在用户信息页面,可以进行用户列表上查看所有注册的用户信息，以及用户信息进行修改、删除等管理操作；在招聘信息管理页面进行招聘信息的展示；在用户角色权限页面，对用户的权限进行赋予管理如用户的注册登录修改密码等。2.3.2普通用户普通用户的权限:对功能模块授权为普通的用户，所实现的功能是用户注册登录，修改密码以及找回密码，修改用户信息查看招聘信息以及个人基本信息。2.4系统模块分析根据系统在实际开发情况，对功能模块分析和构建招聘信息网站系统的功能模块结构图。招聘信息网站系统功能模块分析如下图所示：图2.4功能模块结构图2.4.1登录模块登录功能主要根据用户是否拥有权限来进行认证，分为用户权限、管理员(ADMIN)权限。用户在系统登录界面输入框输入自己账号和密码之后，并确保一致性，系统后台会根据用户信息验证用户信息表和权限角色表判断用户是否给与通过，验证通过后会根据用户权限判断用户进入不同的用户界面[4]；若不通过，需要重新输入正确的用户名和密码，或者没有对应的权限，需要联系管理员赋予权限。2.4.2注册模块 注册模块，用户分别注册信息，后台根据注册的信息写入数据库用户信息表，但此时所注册的并没有登录进系统的权限，需要联系管理员分别赋予普通用户权限。2.4.3其他模块用户登录后，根据用户所拥有的权限级别来访问到相对应的系统功能。管理员管理用户信息管理模块、用户权限管理模块、招聘信息管理模块；用户访问个人应聘信息模块和招聘信息模块以及个人信息。2.5开发环境求职信息网站使用到express框架技术，IDEA软件开发工具，以及实施方案所需的条件如下：2.5.1硬件要求（1）电脑一台:64位的window10操作系统。（2）阿里云服务器：认证。2.5.2软件要求（1）数据库使用Mongodb5.7和Mongodb的图形操作MongodbWorkbench6.3CE。（2）开发工具使用IntelliJIDEA2020.1.2x64,。（3）Web服务器使用node（4）谷歌浏览器或其他高版本的浏览器。3.数据库设计3.1数据库的概述数据库技术在软件技术中属于不可缺少的一部分，划分为层次数据库、网状数据库、关系型数据库和非关系型数据库等，经历这些模型阶段的发展，让数据集成的数据表管理和结构有了进一步的划分和提高。数据库是一个存放数据的集成类似于仓库，因此数据库的存储空间大，对数据具有一定规则来进行存放，以便于对数据管理和操作。数据库是作为对数据进行存储和管理的信息集合，但数据不适用直接存储，就需要以数据表为媒介来继续存储。3.2Mongodb数据库Mongodb数据库是目前一种开源免费的关系型数据库，对数据划分更为具有条理性和逻辑性，是根据数据其业务类型存储在相同类型的数据表中，对数据的CURD操作更加灵活。因为Mongodb有着标准的SQL语言形式操作指令，和其SQL语句在程序系统中广泛使用，为此对各种编程语言提供对应的API接口，不局限于react技术，也可以在C、C#、PHP、.NET等语言中使用，同时支持各种操作系统使用。Mongodb有如下特点：是开源的（可以免费使用），并且使用简单，占用内存小。（2）优化了SQL查询算法，提高了的Mongodb查询速度。（3）提供TCP/IP、ODBC和JDBC等多种数据库连接途径。（4）有用于管理、检查、优化数据库操作的管理工具。（5）支持多线程，可以充分利用CPU资源。3.3数据库的设计结构数据库是一个系统运行的支撑和基础，所以在数据库中设计的数据信息以及数据表合理规范是尤为重要。对于数据表的设计，每一个表中的数据字段的设计都要严格遵守数据规范，避免数据冗余，然后根据实际数据表和数据字段情况建立好数据库。根据招聘信息网站系统的功能模块信息设计相对应的数据表，用户信息表有id、用户名（的学号，企业的公司名称）、密码、用户类型、姓名、性别、联系方式、邮箱、状态九个属性；招聘信息表有信息编号、岗位、部门、城市、发布时间、薪资、岗位描述、职位状态八个属性，用户和招聘信息之间的关系是一对多的管理关系；权限角色表有编号、角色名称、角色描述三个属性，用户与权限角色是多对多的赋予关系；应聘信息表有编号、姓名、性别、出生日期、学校、专业、联系方式、邮箱、期望工资、自我评价十个属性，用户与应聘信息之间的关系是一对一的管理关系。如下E-R图所示：图3.3E-R图3.3.1招聘信息表设计表的基本信息内容包括这几个部分：编号(id，varchar，primarykey)，岗位(productNum,varchar)，部门（productName，varchar），城市（cityName，varchar），发布时间（DepartureTime，timestamp），薪资（productPrice，number），岗位描述（productDesc，varchar），职位状态（productStatus，int），其中编号id为主键，设置触发器随机生成。表3-3-1招聘表product列名类型属性备注idvarchar编号主键，触发器生成productNumvarchar岗位productNamevarchar部门cityNamevarchar城市DepartureTimetimestamp发布时间productPriceNumber薪资productDescvarchar岗位描述productStatusint职位状态实习生，全职3.3.2用户信息表设计用户信息表的基本信息内容包括这几个部分：编号(sid，varchar，primarykey)，用户名(username,varchar)，密码（password，varchar），姓名（name，varchar），性别（sex，char），联系方式（telephone，varchar），邮箱（email,varchar），用户类型（userstatus，varchar），状态（status，int）其中编号编号id为主键，设置触发器随机生成。表3-3-2用户信息表users列名类型属性备注sidvarchar编号主键，触发器生成usernamevarchar用户名passwordvarchar密码namevarchar姓名sexchar性别telephonevarchar联系方式emailvarchar邮箱userstatusvarchar用户类型管理员，，企业statusint状态该用户是否在使用3.3.3权限角色表设计表的基本信息内容包括这几个部分：编号(id，varchar，primarykey)，角色名称(roleName,varchar)，角色描述（roleDesc，varchar）其中编号id为主键，设置触发器随机生成。表3-3-3权限角色表role列名类型属性备注idvarchar编号主键roleNamevarchar角色名称roleDescvarchar角色描述管理员，，企业3.3.4用户-权限角色关联表设计用户-权限角色关联表的基本信息内容包括这几个部分：用户id编号(userId，varchar，primarykey)，角色id编号(username,varchar)，都为主键，分别与用户表和权限表id外键关联。表3-3-4用户表user列名类型属性备注userIdvarchar用户id主键,外键和用户表id关联roleIdvarchar角色id主键,外键和角色表id关联3.3.5应聘信息表设计应聘信息表的基本信息内容包括这几个部分：编号(id，varchar，primarykey)，姓名(username,varchar)，性别（sex，char），出生日期（stuBirth，timestamp），学校（stuSchool，varchar），专业（stuMajor，varchar），联系方式（telephone，varchar），邮箱（email，varchar），期望工资（stuPrice，number），自我评价（stuDesc，varchar）其中id为主键，设置触发器随机生成。表3-3-5应聘信息表stu_member列名类型属性备注idvarchar编号主键usernamevarchar姓名sexvarchar性别stuBirthvarchar出生日期stuSchoolvarchar学校stuMajorvarchar专业telephonetimestamp联系方式emailvarchar邮箱stuPricenumber期望工资stuDescvarchar自我评价4.技术介绍招聘信息网站系统是利用react开发的基于B/S架构的app应用程序,在IDEA开发工具使用前端进行开发，采用MVC设计思想模式，使用express集成框架实现招聘信息网站系统的整合,然后Mongodb数据库作为系统数据的存储。因为使用了框架集成，所以提高系统代码的重复性，降低了系统的耦合度，提升程序员开发的有效率，以及方便后续的系统维护。4.1React框架技术react框架在前端开发上应用广泛，其良好的松耦性是该系统进行开发采用的主要原因。因为使用开发框架技术可以提高前端应用的开发速度，降低人工和开发成本，减少开发的时间，同时还可以使Web开发的系统具有扩展性和移植性[6]。作为一个轻量级的集合框架，分层设计让系统更加便于维护，松耦合特点有效的优化系统性能，提高复用率，更好让我开发招聘信息网站系统。4.2前端技术4.2.1HTML+CSS3超文本标记语言（HyperTextMarkupLanguage）是一种用于创建网页的标准标记语言。它是一种作用于Web应用平台开发的格式和规范。层叠样式表(CascadingStyleSheets)是一种用来修饰HTML页面样式的语言。CSS3技术是在CSS基础上进行升级。4.2.2javascript技术JS(javascriptt)是一种轻量级动态脚本、解释执行编程语言，可以将静态HTML页面的实现一些动画效果变成动态HTML页面。嵌入到HTML文本中javascript源代码在发往客户端之前不需经过编译，而是以文本格式的字符代码形式传送。4.2.3express框架Express是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用，我们可以使用npminstallexpress命令进行下载。Express也是node框架的第三方模块，它的作用是专门用来创建网站应用，因为使用原生js创建网站应用代码比较复杂比较底层，比如实现路由功能需要对请求地址进行解析还有进行各种判断，代码过于繁琐不利于阅读。实现静态资源访问功能还需要使用文件读取模块对文件的内容进行读取，还需要设置响应内容的类型，但这实际上跟网站本身业务逻辑没有什么关系还有接受post请求参数的代码，需要对请求对象添加事件手动拼接请求参数对请求参数的格式进行转化都是比较复杂并且跟业务逻辑没有什么关系。基于原生nodejs实现网站应用比较困难，express框架就诞生了。4.3MVC设计模型MVC（ModelViewController）是一种对业务代码分离的设计思想。系统表现层使用MVC模式实现表现逻辑与业务逻辑的分离，所谓MVC模式就是模型(Model)-视图(View)-控制器(Controller)模式[14]。Model是MVC的核心，主要是service层处理业务逻辑和Dao层进行数据处理的；View采用将做好的动态HTML页面转换为Socket页面来作为视图；Controller主要是Controller层将用户输入数据传递给模型和反馈给视图来完成请求，在模型和视图之间进行请求关联。MVC思想提升了代码质量、优化了各个模块之间耦合度以及便于后期对招聘信息网站系统的维护。4.4B/S结构B/S结构(浏览器/服务器模式)是不同于C/S架构。它是目前开发比较通用的结构，因为其核心功能放置在了服务器上，减轻了浏览器的压力，让开发者对系统开发、维护都有了大幅度提高，以及web程序的各个部位耦合度都得到了优化。仅仅在客户机上安装一个浏览器和服务器上安装Mongodb数据库，浏览器便能通过Web服务器与数据库进行数据的交互[15]。系统的实现进入招聘信息网站系统先进行用户登陆，没有账号需要去注册界面注册信息，然后联系管理员进行赋予权限，在登录页面输入正确的用户名和密码以及赋予的权限通过安全认证后，进入系统管理信息界面，对用户所拥有的权限显示出来的页面进行操作，权限的级别有着对应的系统信息界面和信息操作，操作完成，退出系统。5.1登录界面进入登录页面。用户输入用户名和密码，然后选择用户类型是用户还是管理员，点击登录按钮与数据库数据对比，如果失败跳转到错误页面提示信息进行重新输入或联系管理员分配权限角。登录界面如下：图5.1-1登录界面5.2注册界面注册界面跟登录页面一样背景色是灰色调风格的主题。输入框都设置了校验对输入数据不合规时，会出现红色框提示。注册界面如下：图5.2-1注册界面5.2用户注册界面图5.2-1用户注册信息界面5.3招聘信息展示界面图5.3-1招聘信息展示信息界面5.4个人信息展示界面图5.4-1个人信息展示信息界面5.5对话聊天功能界面图5.5-1对话聊天功能信息界面总结和展望从网上毕设选课，选择到此课题，第一步首先对招聘信息网站系统进行研究和分析，利用信息图书馆资源搜索设计相关的书籍、期刊等参考资料，并认真阅读和学习，对系统的选题背景、目的、意义和国内外研究现状进一步分析和确定。第二步进行系统可行性分析、功能模块分析、用户需求分析和软硬件的开发环境的测试和要求，对系统开发进一步明确。第三步对系统的数据分析和确定，选择Mongodb数据库并对其分析和学习，使用合适存储引擎和学习数据库事务；设计数据库的数据表和表中字段数据，对表中id字段设置为主键，并对其建立触发器来生成id。第四步在开发系统期间，利用网络浏览相关文献资和个人技术，大量的了解需求以及流程，对所得资料信息进行个案分析，实践创作；将前端页面写出来，完善界面美观，并对照数据库的数据表来相互完善；然后使用react技术开发的express框架和Socket技术来实现系统功能；最后对功能进行测试和运行。第五步部署到服务器上运行。开发招聘信息网站系统的期间，有遇到过一些问题：页面数据显示为空；数据库的数据表的字段id设计；系统的用户安全认证等技术问题。在网上搜索问题视频学习、请教老师同学的解决问题，如期实现和设计完成系统。当然该系统还有待提升，存在着不足的地方，还需要对系统进行进一步研究和改进。随着现代科学的发展，网络信息化已经深入生活的方方面面，因此招聘信息网站的信息化建设，已经成为各大招聘企业在社会发展中的必然要求。网络化的方