大家好，今天来为大家解答个人简历制作网站源码分享这个问题的一些问题点，包括在线个人制作简历也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~
今天给大家介绍的是一个求职招聘系统，话不多说，先看图：
项目前后端分离，后端是基于springboot框架，前端是Vue。
系统分为三种角色：管理员、求职者和企业用户。
管理员：实现了对求职者和企业用户的信息管理
求职者：可以发布简历信息、修改个人信息、和企业用户在线交流
企业用户：可以发布招聘信息、修改企业信息、和求职者在线交流。
登陆界面VUE代码设计：
<template>\n<divclass=&34;>\n<vue-particles\ncolor=&dedede&34;0.7&34;80&34;circle&34;4&34;34;\n:linesWidth=&34;\n:lineLinked=&34;\n:lineOpacity=&34;\n:linesDistance=&34;\n:moveSpeed=&34;\n:hoverEffect=&34;\nhoverMode=&34;\n:clickEffect=&34;\nclickMode=&34;\n></vue-particles>\n<!–登录框–>\n<divclass=&34;>\n<divclass=&34;>\n<el-radiov-model=&34;label=&34;>管理员</el-radio>\n<el-radiov-model=&34;label=&34;>用户</el-radio>\n<el-radiov-model=&34;label=&34;>企业</el-radio>\n</div>\n<el-formref=&34;:model=&34;:rules=&34;label-width=&34;status-iconclass=&34;>\n<!–用户名–>\n<el-form-itemlabel=&34;label-width=&34;prop=&34;>\n<el-inputplaceholder=&34;v-model=&34;@keyup.enter.native=&39;loginFormRef&34;\nprefix-icon=&34;></el-input>\n</el-form-item>\n<!–密码–>\n<el-form-itemlabel=&34;label-width=&34;prop=&34;>\n<el-inputplaceholder=&34;v-model=&34;show-password@keyup.enter.native=&39;loginFormRef&34;\nprefix-icon=&34;></el-input>\n</el-form-item>\n<!–按钮–>\n<el-form-itemclass=&34;>\n<!–回车键盘监听–>\n<!–@keyup.enter=&39;loginFormRef&34;–>\n<el-buttontype=&34;@click=&39;loginFormRef&34;>登录</el-button>\n<el-buttontype=&34;@click=&39;loginFormRef&34;>重置</el-button>\n<el-button@click=&34;type=&34;>注册</el-button>\n</el-form-item>\n</el-form>\n</div>\n\n<div>\n\n<!–管理员注册表单–>\n<el-dialogtitle=&34;:close-on-click-modal=&34;:visible.sync=&34;\n@close=&39;registerFormRef&34;:append-to-body=&34;>\n<el-form:model=&34;ref=&34;status-icon>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputshow-passwordv-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n</el-form>\n<divclass=&34;slot=&34;>\n<el-button@click=&39;registerFormRef&34;>取消</el-button>\n<el-buttontype=&34;@click=&39;registerFormRef&34;>立即注册</el-button>\n</div>\n</el-dialog>\n<!–用户注册表单–>\n<el-dialogtitle=&34;:close-on-click-modal=&34;:visible.sync=&34;\n@close=&39;registerFormRef&34;:append-to-body=&34;>\n<el-formstatus-iconref=&34;:model=&34;size=&34;>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputshow-passwordtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n</el-form>\n<divclass=&34;slot=&34;>\n<el-button@click=&39;registerFormRef&34;>取消</el-button>\n<el-buttontype=&34;@click=&39;registerFormRef&34;>立即注册</el-button>\n</div>\n</el-dialog>\n<!–企业注册表单–>\n<el-dialogtitle=&34;:close-on-click-modal=&34;:visible.sync=&34;\n@close=&39;registerFormRef&34;:append-to-body=&34;>\n<el-form:model=&34;ref=&34;status-iconsize=&34;>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputshow-passwordv-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n<el-form-itemlabel=&34;prop=&34;>\n<el-inputtype=&34;v-model=&34;></el-input>\n</el-form-item>\n</el-form>\n<divclass=&34;slot=&34;>\n<el-button@click=&39;registerFormRef&34;>取消</el-button>\n<el-buttontype=&34;@click=&39;registerFormRef&34;>立即注册</el-button>\n</div>\n</el-dialog>\n</div>\n</div>\n\n</template>\n\n<script>\nimport{mapMutations}from&34;;\nimportQsfrom&39;\nexportdefault{\nname:&39;,\ndata(){\nreturn{\n//这是登录表单的数据绑定对象\nloginForm:{\nusername:&39;,\npassword:&39;,\npwdType:&34;,\n},\n//管理员注册对话框\nadminDialog:false,\n//用户注册对话框\nuserDialog:false,\n//企业注册对话框\nentrDialog:false,\n//管理员注册信息对象\nadminRegisterInfo:{},\n//用户注册信息对象\nuserRegisterInfo:{},\n//企业注册信息对象\nentrRegisterInfo:{},\nloginUrl:&39;,\nuserToken:&39;,\nloginFormRules:{\nusername:[\n{required:true,message:&39;,trigger:&39;},\n{min:3,max:10,message:&39;,trigger:&39;},\n],\npassword:[\n{required:true,message:&39;,trigger:&39;},\n{min:5,max:15,message:&39;,trigger:&39;},\n]\n},\nradio:&39;\n};\n},\nmethods:{\n…mapMutations([&39;]),\n//点击重置按钮,重置登录表单\nreset(){\nthis.$refs.loginFormRef.resetFields();\n},\n\n//登录方法\nlogin(formName){\nlet_this=this;\nthis.$refs[formName].validate(valid=>{\nif(valid){\nconsole.log(&39;+_this.username+&34;+_this.password);\nconsole.log(_this.radio)\nthis.$store.state.show=_this.radio;\nconsole.log(this.$store.state.show)\nif(_this.radio===&39;){\nvarurl=&39;\n}elseif(_this.radio===&39;){\nurl=&39;\n}elseif(_this.radio===&39;){\nurl=&39;\n}\nthis.$axios.post(url,Qs.stringify({\nusername:_this.loginForm.username,\npassword:_this.loginForm.password,\nheaders:{\n&34;:&34;\n}\n})).then((response)=>{\nconsole.log(response);\nif(response.status===200){\n_this.userToken=response.data.token;\nconsole.log(_this.userToken)//获取到的token\n//将用户token保存到vuex中\n_this.changeLogin({Authorization:_this.userToken});\n_this.$store.state.username=response.data.data\n_this.$store.state.status=true;\nconsole.log(_this.$store.state.status)\n_this.$router.push({path:&39;})\nreturn_this.$message.success(&34;);\nconsole.log(&34;);\n}\n}).catch((err)=>{\nconsole.log(&34;,err);\nreturn_this.$message.error(&34;);\n});\n}else{\nconsole.log(&34;);\nreturnfalse;\n}\n})\n},\n\n//重置表单\nreset(formNameRef){\nthis.$refs[formNameRef].resetFields();\nthis.dialogFormVisible=false;\n},\n//右上角X关闭注册对话框重置表单\ncloseDialog(formNameRef){\nthis.$refs[formNameRef].resetFields();\n},\n\n//打开注册对话框\nopenDialog(){\nletopen=this.radio\nconsole.log(open)\nif(open===&39;){\nconsole.log(&34;)\nthis.adminDialog=true;\n}elseif(open===&39;){\nconsole.log(&34;)\nthis.userDialog=true;\n}elseif(open===&39;){\nconsole.log(&34;)\nthis.entrDialog=true;\n}else{\nthis.$message.error(&34;)\n}\n},\n\n\nregister(formName){\nthis.$refs[formName].validate(asyncvalid=>{\nif(!valid)returnthis.$message.error(&34;);\nlet_this=this;\nlet_res;\nif(_this.radio===&39;){\nconst{data:res}=await_this.$axios.post(&34;,Qs.stringify(_this.adminRegisterInfo))\n_res=res;\n}elseif(_this.radio===&39;){\nconst{data:res}=await_this.$axios.post(&34;,Qs.stringify(_this.userRegisterInfo))\n_res=res;\n}elseif(_this.radio===&39;){\nconst{data:res}=await_this.$axios.post(&34;,Qs.stringify(_this.entrRegisterInfo))\n_res=res;\n}\nif(_res.code!==200){\nreturn_this.$message.error(&34;)\n}\nthis.adminDialog=false;\nthis.userDialog=false;\nthis.entrDialog=false;\nreturn_this.$message.success(&34;);\n})\n},\n}\n}\n</script>\n\n<stylescoped>\n.login{\nbackground:url(&34;);\nwidth:100%;\nheight:100%;\nposition:fixed;\nbackground-size:100%100%;\n}\n\n.login_box{\nheight:300px;\nwidth:450px;\nbackground:rgba(126,180,180,0.5);\nborder-radius:3px;\nposition:absolute;\nleft:50%;\ntop:50%;\ntransform:translate(-50%,-50%);\n}\n\n.login_form{\nposition:absolute;\nbottom:20px;\nwidth:100%;\npadding:0px30px;\nbox-sizing:border-box;\n}\n\n.btns{\ndisplay:flex;\njustify-content:center;\n}\n\n.status{\nposition:relative;\ntop:50px;\nbottom:10px;\nleft:100px;\n}\n\n.register-button{\ntext-align:center;\n}\n\n</style>\n
获取源码请关注后私信“招聘“
END，本文到此结束，如果可以帮助到大家，还望关注本站哦！