更新了展示端的布局
<%@ 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> <a id="tabs4" class="tabs" href="javascript:showTab('tabs4','tabContent4')"> 原始文本 </a> </div> <div id="tabContent1" > <table id="table1" > <tr> <td colspan="2.0" style="font-size: 36px;font-family: 楷体;border: #00ccff" > ${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%"> 200 </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;">期望薪资: ¥0元/月</li> <li style="margin:10px 0px;">实际薪资: ¥0元/月</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="./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="Css/jqcloud.min.css"> <script src="./jqcloud.min.js"></script> <script type="text/javascript"> var basic_words = [ { text: "eclipse", weight: 10.5 }, { text: "java开发工具", weight: 9.4 }, { text: "sql server", weight: 8 }, { text: "mysql", weight: 5 }, { text: "数据库操作", weight: 20 }, ]; $("#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> <li>${people.tag_weight}</li> <li>${people.tag_name1}</li> <li>${people.tag_weight1}</li> </ul> <h4><strong>2.职位类型(0~5个)</strong></h4> <ul style="list-style-type:circle;padding-left:50px;"> <li>${people.skill_name}</li> <li>${people.skill_weight}</li> <li>${people.skill_name1}</li> <li>${people.skill_weight1}</li> </ul> <h4><strong>3.技能标签(0~50个)</strong></h4> <ul style="list-style-type:circle;padding-left:50px;"> <li>${people.skills_name}</li> <li>${people.skills_name1}</li> </ul> <p>注:以上数字代表对应的权重,越大说明越显著。实际应用可以根据权重选取合适的标签。</p> </div> </table> </div> <tr> <div id="tabContent4" style="display: none"> <table id="table4" > <br/> <textarea rows="70" cols="120"> 您的文档 ${people.name} ${people.gender} ${people.polit_status} ${people.race} ${people.age} ${people.phone} ${people.college} ${people.major} ${people.birthday} ${people.living_address_norm} 毕业时间:${people.grad_time} Education 教育背景 ${people.cont_education} Experience 经历 ${people.cont_campus_exp} personal skills 个人技能 ${people.edu_content} ${people.skills_name} ${people.skills_name1} </textarea> </table> </div> </div> <div style="text-align: center; width: 100%; font-size: 12px; color: #333;">©版权所有:石铁大软工赵金荣</div> </body> </html>
标签:简历,name,weight,people,一天,最后,薪资,--%,团队 From: https://www.cnblogs.com/copyjames/p/17349302.html