<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #app{ width: 40%; position:absolute; right: 20px; box-shadow:17px 17px 17px rgba(52, 56, 66, 0.5); margin-top: 10%; margin-right: 30% } .item{ margin-left: 15%;margin-right: 25% } body{ width:1000px; height: 704px; background-image: url(./imges/ba.jpg); background-repeat: no-repeat; background-size: 100% 100%; } </style> </head> <body> <div id="app" style="background-color: white"> <template> <el-form ref="form" :model="form" label-width="80px" style="margin-top: 20px;"> <el-form-item label="公司名称" class="item" > <el-input v-model="form.name" placeholder="请输入公司名称"></el-input> </el-form-item> <el-form-item label="公司介绍" class="item"> <el-input v-model="form.introduction" placeholder="请输入公司介绍"></el-input> </el-form-item> <el-form-item label="密码" class="item"> <el-input v-model="form.password" show-password placeholder="请输入密码"></el-input> </el-form-item> <el-form-item label="联系方式" class="item"> <el-input v-model="form.phone" placeholder="请输入公司联系方式"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="onSubmit" style="margin-left: 30%;margin-right: 2%">立即创建</el-button> </el-form-item> </el-form> </template> </div> <script src="js/vue.js"></script> <script src="js/axios-0.18.0.js"></script> <script src="element-ui/lib/index.js"></script> <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css"> <script> new Vue({ el: "#app", methods: { onSubmit() { var _this=this; axios({ method: "post", url: "http://localhost:8080/notes/seeker/companyRegister", data: _this.form }).then(function (resp) { location.href="index.html" }) } }, data() { return { form: { name: '', phone: '', introduction: '', password: '', } } } }) </script> </body> </html>
企业端的注册页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #app{ width: 50%; position:absolute; right: 20px; box-shadow:7px 7px 17px rgba(52, 56, 66, 0.5); margin-bottom: 202px; } #app2{ width: 101px; height: 101px; position:absolute; right: 20px; margin-top: 49.2%; margin-left: 50% } .uploadBtn{ width: 100px;/*设置按钮宽度*/ height: 42px;/*设置按钮高度*/ color:white;/*字体颜色*/ background-color:#409eff;/*按钮背景颜色*/ border-radius: 3px;/*让按钮变得圆滑一点*/ border-width: 0;/*消去按钮丑的边框*/ margin: 0; outline: none;/*取消轮廓*/ font-family: KaiTi;/*字体设置为楷体*/ font-size: 17px;/*设置字体大小*/ text-align: center;/*字体居中*/ cursor: pointer;/*设置鼠标箭头手势*/ margin-right: 20px; } button:hover{/*鼠标移动时的颜色变化*/ background-color: antiquewhite; } #file1{ width: 197px; height: 30px; } .item input{ display: none; } body{ width:1000px; height: 704px; background-image: url(./imges/ba.jpg); background-size: 100% 100%; } </style> </head> <body> <div id="app" style="background-color: white"> <el-form ref="form" :model="form" label-width="80px" style="margin-top: 20px;" > <el-form-item label="姓名" style="margin-left: 30%;margin-right: 20%" > <el-input v-model="form.name"></el-input> </el-form-item> <el-form-item label="手机号码" style="margin-left: 30%;margin-right: 20%"> <el-input v-model="form.phone"></el-input> </el-form-item> <el-form-item label="密码" style="margin-left: 30%;margin-right: 20%"> <el-input v-model="form.password" show-password placeholder="请输入密码"></el-input> </el-form-item> <el-form-item label="出生日期" style="margin-left: 30%;margin-right: 20%"> <el-date-picker type="date" placeholder="选择日期" v-model="form.birthday" ></el-date-picker> </el-form-item> <el-form-item label="学历" style="margin-left: 30%;margin-right: 20%"> <el-radio-group v-model="form.degree"> <el-radio label="小学"></el-radio> <el-radio label="初中"></el-radio> <el-radio label="高中"></el-radio> <el-radio label="本科"></el-radio> <el-radio label="硕士"></el-radio> </el-radio-group> </el-form-item> <el-form-item label="工作年限" style="margin-left: 30%;margin-right: 20%"> <el-input v-model="form.workingHours"></el-input> </el-form-item> <el-form-item label="期望岗位" style="margin-left: 30%;margin-right: 20%"> <el-input v-model="form.hopePost"></el-input> </el-form-item> <el-form-item label="期望薪资" style="margin-left: 30%;margin-right: 20%"> <el-col :span="10"> <el-input placeholder="薪资下限" v-model="hopeSalaryx" ></el-input> </el-col> <el-col class="line" :span="1">-</el-col> <el-col :span="10"> <el-input placeholder="薪资上限" v-model="hopeSalarys" style="width: 100%;"></el-input> </el-col> </el-form-item> <el-form-item label="专业技能"style="margin-left: 30%;margin-right: 20%"> <el-input type="textarea" v-model="form.skill"></el-input> </el-form-item> <el-form-item label="自我优势" style="margin-left: 30%;margin-right: 20%"> <el-input type="textarea" v-model="form.advantage"></el-input> </el-form-item> <el-form-item label="经历" style="margin-left: 30%;margin-right: 20%"> <el-input type="textarea" v-model="form.experienced"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="onSubmit" style="margin-left: 50%;margin-right: 2%" >立即创建</el-button> </el-form-item> </el-form> <form id="" action="seeker/seekerRegisterupload" enctype="multipart/form-data" method="post" style="margin-left: 30%;margin-right: 20%"> <!-- <label for="file2" id="file1">上传图片</label>--> <input type="file" name="phone" > <input type="button" class="uploadBtn" value="文件创建"> </form> </div > <script src="js/vue.js"></script> <script src="js/axios-0.18.0.js"></script> <script src="element-ui/lib/index.js"></script> <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $("#uploadBtn").click(function () { var formdata=new FormData($("#uploadForm")[0]); //新建formdata对象，并传入表单 $.ajax({ url:"seeker/seekerRegisterupload", //请求地址 type:"POST", //提交方式 data:formdata, //数据 sync:false, //异步提交 cache:false, //不读缓存 contentType:false, //不做格式处理 processData:false,//不序列化 success:function (result) { location.href="index.html" }, error:function (error) { console.log("error:"+error); } }) }) new Vue({ el: "#app", methods: { onSubmit() { var _this=this; this.form.hopeSalary=this.hopeSalaryx+"-"+this.hopeSalarys; axios({ method: "post", url: "http://localhost:8080/notes/seeker/seekerRegister", data: _this.form }).then(function (resp) { location.href="index.html" }) } }, data() { return { hopeSalarys:'', hopeSalaryx:'', form: { name: '', phone: '', birthday: '', degree: '', password: '', workingHours: '', hopePost: '', hopeSalary: '', skill: '', advantage: '', experienced: '', } } } }) </script> </body> </html>
求职者注册页面
页面的展示
今日完成：
1.求职者页面的搭建
2.公司页面的搭建
3.数据库具体信息的完善
4.文件的选择（pdg，jpg等各种格式）
5.简历文件的读取，导入数据库
明日目标：
1.个人页面的搭建
2.企业信息页面的搭建
3.对文件处理进行细化管理（优化）
