团队冲刺第二天
今日任务：前端页面的绘制
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<body background="image\td.jpg">
</body>
<title>简历解析结果</title>
<link rel="stylesheet" href="Css/style.css">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script >
function showTab(tabHeadId,tabContentId)
{
//tab层
var tabDiv = document.getElementById("tabDiv");
//将tab层中所有的内容层设为不可见
//遍历tab层下的所有子节点
var taContents = tabDiv.childNodes;
for(i=0; i<taContents.length; i++)
{
//将所有内容层都设为不可见
if(taContents[i].id!=null && taContents[i].id != 'tabsHead')
{
taContents[i].style.display = 'none';
}
}
//将要显示的层设为可见
document.getElementById(tabContentId).style.display = 'block';
//遍历tab头中所有的超链接
var tabHeads = document.getElementById('tabsHead').getElementsByTagName('a');
for(i=0; i<tabHeads.length; i++)
{
//将超链接的样式设为未选的tab头样式
tabHeads[i].className='tabs';
}
//将当前超链接的样式设为已选tab头样式
document.getElementById(tabHeadId).className='curtab';
document.getElementById(tabHeadId).blur();
}
</script>
</head>
<body>
<div id="tabtitle" >
<h2 style="text-align: center;color: darkblue"><img src="imgs/1.png" width="40" height="40">智能简历评估系统</h2>
</div>
<div id="tabDiv" >
<div id="tabsHead">
<a id="tabs1" class="curtab" href="javascript:showTab('tabs1','tabContent1')">
智能提取
</a>
<a id="tabs2" class="tabs" href="javascript:showTab('tabs2','tabContent2')">
智能评估
</a>
<a id="tabs3" class="tabs" href="javascript:showTab('tabs3','tabContent3')">
技能评估
</a>
</div>
<div id="tabContent1" >
<table id="table1" >
<tr>
<td colspan="2.0">
${people.name}
</td>
<td colspan="2.0">
<div class="r_content">
</div>
</td>
</tr>
<tr>
<td colspan="3">
<hr class="border-gray-300 my-4">
<h2 class="font-weight-bold">简历信息</h2>
</td>
<td rowspan="4" align="center">
<img alt="" src="${people.avatar_data}" style="width:93px;height:131px;padding:3px; margin:25px 0px 0px 0px;border:1px solid #ddd; _margin-top:20px; *margin-top:20px;" />
</td>
<tr>
</tr>
<tr>
<td width="20%">
</tr>
<tr>
<td width="20%">
<div class="r_content"> 简历完整度评价: </div>
</td>
<td colspan="3">
${people.resume_integrity}
</td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 简历提交时间:</div>
</td>
<td colspan="3">
${people.resume_parse_tim}
</td>
</tr>
<tr>
<td colspan="4">
<hr class="border-gray-300 my-4">
<h2 class="font-weight-bold">基本信息</h2>
</td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 姓名:</div>
</td>
<td width="30%">
${people.name}
</td>
<td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 性别:</div>
</td>
<td width="30%">
${people.gender}
</td>
<td width="20%">
<div class="r_content"> 年龄:</div>
</td>
<td width="30%">
${people.age}
</td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 出生时间:</div>
</td>
<td width="30%">
${people.birthday}
</td>
<td width="20%">
<div class="r_content"> 民族:</div>
</td>
<td width="30%">
${people.race}
</td>
<td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 政治面貌:</div>
</td>
<td width="30%">
${people.polit_status}
</td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 婚姻状况:</div>
</td>
<td width="30%">
${people.marital_status}
</td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 工作年限(规范化):</div>
</td>
<td width="30%">
工作年限接口
</td>
<tr>
<td width="20%">
<div class="r_content"> 毕业时间:</div>
</td>
<td width="30%">
${people.grad_time}
</td>
<td width="20%">
<div class="r_content"> 毕业学校:</div>
</td>
<td width="30%">
${people.college}
</td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 毕业学校类型:</div>
</td>
<td width="30%">
学校类型接口
</td>
<td width="20%">
<div class="r_content"> 毕业学校排名:</div>
</td>
<td width="30%">
毕业学校排名接口
</td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 所学专业:</div>
</td>
<td width="30%">
${people.major}
</td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 参加工作时间:</div>
</td>
<td width="30%">
工作时间接口
</td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 参加工作时间(推断):</div>
</td>
<td width="30%">
推断工作时间接口
</td>
</tr>
<tr>
<td width="20%">
<div class="r_content"> 当前职能类型:</div>
</td>
<td width="30%">
预估职能
</td>
</tr>
<tr>
<td colspan="4">
<hr class="border-gray-300 my-4">
<h2 class="font-weight-bold">联系方式</h2>
</td>
</tr>
<tr>
<td width="30%">
<div class="r_content"> 电话:</div>
</td>
<td colspan="3">
${people.phone}
</td>
</tr>
<td width="30%">
<div class="r_content"> qq:</div>
</td>
<td colspan="3">
${people.qq}
</td>
</tr>
<td width="20%">
<div class="r_content"> 邮箱地址:</div>
</td>
<td colspan="3">
${people.email}
</td>
</tr>
<%-- <tr>--%>
<%--<%– <td width="20%">–%>--%>
<%--<%– <div class="r_content"> 当前所在地:</div>–%>--%>
<%--<%– </td>–%>--%>
<%--<%– <td colspan="3">–%>--%>
<%--<%–<%– ${people.living_address}–%>–%>--%>
<%--<%– </td>–%>--%>
<%-- </tr>--%>
<tr>
<td width="20%">
<div class="r_content"> 当前所在地(规范化):</div>
</td>
<td colspan="3">
${people.living_address_norm}
</td>
</tr>
<tr>
<td colspan="4">
<hr class="border-gray-300 my-4">
<h2 class="font-weight-bold">教育经历</h2>
</td>
</tr>
<tr>
<td colspan="5">
${people.cont_education}
</td></tr>
<td>
<tr>
<td colspan="4">
<hr class="border-gray-300 my-4">
<h2 class="font-weight-bold">在校活动经历</h2>
</td>
</tr>
<td colspan="4"><div class="r_content">
${people.cont_campus_exp}
<br>
</div></td>
<br/>
<br/>
<%-- </td>--%>
<%-- <tr>--%>
<%-- <td colspan="4">--%>
<%-- <hr class="border-gray-300 my-4">--%>
<%-- <h2 class="font-weight-bold">工作经历</h2>--%>
<%-- </td>--%>
<%-- </tr>--%>
<%-- <tr>--%>
<%-- <td colspan="5">--%>
<%-- <br>--%>
<%-- </td></tr>--%>
<tr>
<td colspan="4">
<hr class="border-gray-300 my-4">
<h2 class="font-weight-bold">社会&校园实践经历</h2>
</td>
</tr>
<%-- <tr><td colspan="4">--%>
<%-- <div class="r_content">--%>
<%-- 校园经历接口--%>
<%-- </div>--%>
<%-- </td></tr>--%>
<%-- <tr><td colspan="4"> </td></tr>--%>
<%-- <tr>--%>
<%-- <td colspan="4">--%>
<%-- <hr class="border-gray-300 my-4">--%>
<%-- <h2 class="font-weight-bold">项目经历</h2>--%>
<%-- </td>--%>
<%-- </tr>--%>
<%-- <tr><td colspan="4">--%>
<%-- <div class="r_content">--%>
<%-- <strong>项目信息：</strong>--%>
<%-- </div>--%>
<%-- </td></tr>--%>
<%-- <tr><td colspan="4">--%>
<%-- <div class="r_content">--%>
<%-- <strong>项目描述：</strong><br/><br>--%>
<%-- </div>--%>
<%-- </td></tr>--%>
<%-- <tr><td colspan="4"> </td></tr>--%>
<%-- <tr>--%>
<%-- <td colspan="4">--%>
<%-- <hr class="border-gray-300 my-4">--%>
<%-- <h2 class="font-weight-bold">个人技能</h2>--%>
<%-- </td>--%>
<%-- </tr>--%>
<%-- <tr>--%>
<%-- <td colspan="4"><div class="r_content">--%>
<%-- 个人技能接口<br>--%>
<%-- </div></td>--%>
<%-- </tr>--%>
<%-- <tr>--%>
<%-- <td colspan="4">--%>
<%-- <hr class="border-gray-300 my-4">--%>
<%-- <h2 class="font-weight-bold">证书列表</h2>--%>
<%-- </td>--%>
<%-- </tr>--%>
<%-- <tr>--%>
<%-- <td colspan="4"><div class="r_content">证书接口</div></td>--%>
<%-- </tr>--%>
<%-- <tr>--%>
<%-- <td colspan="4">--%>
<%-- <hr class="border-gray-300 my-4">--%>
<%-- <h2 class="font-weight-bold">技能列表</h2>--%>
<%-- </td>--%>
<%-- </tr>--%>
<%-- <tr>--%>
<%-- <td colspan="4"><div class="r_content">个人技能接口</div></td>--%>
<%-- </tr>--%>
</table>
</div>
<div id="tabContent2" style="display: none">
<table id="table2" >
<tr>
<h2>一、薪酬预测</h2>
<ul style="list-style-type:circle; font-size: 18px; padding-left: 50px;">
<li style="margin:10px 0px;">预估薪资：<span style="font-size:24px; color:#39d;">¥${people.salary}</span>元/月</li>
<li style="margin:10px 0px;">期望薪资: ¥接口元/月</li>
<li style="margin:10px 0px;">实际薪资: ¥接口元/月</li>
</ul>
<p style="font-size: 18px; margin:10px 10px;">注：预估薪资是机器学习模型预测的值，期望薪资和实际薪资是简历实际填写的值（0表示无填写）。</p>
<h2>二、智能标签</h2>
<div>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="/assets/jquery-1.12.4.min.js"></script>
<section>
<div class="bs-example">
<div id="demo-simple" class="demo"></div>
</div>
</section>
<style>
.bs-example {
position:relative;
border-color:#e5e5e5 #eee #eee;
border-style:solid;
border-width:1px;
padding: 20px;
margin: 20px;
}
.demo {
width:550px;
height:350px;
}
</style>
<link rel="stylesheet" href="/assets/jqcloud.min.css">
<script src="/assets/jqcloud.min.js"></script>
<script type="text/javascript">
var basic_words = [
{ text: "后端开发", weight: 13 },
{ text: "测试", weight: 10.5 },
{ text: "页面设计", weight: 9.4 },
{ text: "web端", weight: 8 },
{ text: "车管", weight: 6.2 },
];
$("#menu2").css({ position: "absolute", visibility: "hidden", display: "block" });
$('#demo-simple').jQCloud(basic_words);
$("#menu2").css({ position: "", visibility: "", display: "block" });
</script>
</div>
</tr>
</table>
</div>
<div id="tabContent3" style="display: none">
<table id="table3" >
<tr>
<div>
<h4><strong>1.职位名称（0~5个）</strong></h4>
<ul style="list-style-type:circle;padding-left:50px;">
<li>${people.tag_name}</li>
</ul>
<h4><strong>2.职位类型（0~5个）</strong></h4>
<ul style="list-style-type:circle;padding-left:50px;">
<li>${people.skill_name}</li>
</ul>
<h4><strong>3.技能标签（0~50个）</strong></h4>
<ul style="list-style-type:circle;padding-left:50px;">
<li>${people.skills_name}</li>
</ul>
<p>注：以上数字代表对应的权重，越大说明越显著。实际应用可以根据权重选取合适的标签。</p>
</div>
<tr>
</table>
</div>
</div>
<div style="text-align: center; width: 100%; font-size: 12px; color: #333;">©版权所有：石铁大软工赵金荣</div>
</body>
</html>
问题：加入某系字段后前端的大部分信息会消失。
浙公网安备 33010602011771号