团队冲刺第二天

今日任务：前端页面的绘制

复制代码
<%@ 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>--%>

<%--&lt;%&ndash;                <td width="20%">&ndash;%&gt;--%>
<%--&lt;%&ndash;                    <div class="r_content"> 当前所在地:</div>&ndash;%&gt;--%>
<%--&lt;%&ndash;                </td>&ndash;%&gt;--%>
<%--&lt;%&ndash;                <td colspan="3">&ndash;%&gt;--%>
<%--&lt;%&ndash;&lt;%&ndash;                    ${people.living_address}&ndash;%&gt;&ndash;%&gt;--%>
<%--&lt;%&ndash;                </td>&ndash;%&gt;--%>

<%--            </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">社会&amp;校园实践经历</h2>
        </td>
    </tr>


<%--    <tr><td colspan="4">--%>
<%--        <div class="r_content">--%>

<%--            校园经历接口--%>

<%--        </div>--%>
<%--    </td></tr>--%>




<%--    <tr><td colspan="4">&nbsp;</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">&nbsp;</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;">&yen;${people.salary}</span>元/月</li>
                <li style="margin:10px 0px;">期望薪资: &yen;接口元/月</li>
                <li style="margin:10px 0px;">实际薪资: &yen;接口元/月</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;">&copy;版权所有：石铁大软工赵金荣</div>
</body>
</html>
复制代码

问题：加入某系字段后前端的大部分信息会消失。

posted @   cojames  阅读(15)  评论(0)  编辑  收藏  举报
相关博文：
·  团队最后一天
·  团队冲刺第六天
·  团队冲刺回顾
·  团队冲刺回顾
·  团队冲刺3
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· winform 绘制太阳，地球，月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示
AI IDE Trae