[郑州|荣耀师兄]JAVA-李亚衡|2017年09月25日的日报-技能树.IT修真院

发表于： 2017-09-25 23:46:37

1 802

今天完成的事

整理学员加分申请，以及周报，发送邮件

审核鹏举的任务二，并讲解任务3

评小课堂

开首席周会

贴墙纸

完成css任务11的静态变动态页面

<div class="caption">
    <h4>前端开发方向</h4>
</div>

<div class="row">
    <c:set var="i" value="0"/>
    <c:forEach items="${profession}" var="profession" varStatus="st">

    <div class="col-md-4 col-sm-6 col-xs-12 top-margin">

        <div class="warp-border">
            <div class="clearfix">
                <div class="icon-people"><img src="/page/t11/images/687.png"></div>
                <div class="text">
                    <h4 class="">${profession.name}</h4>
                    <p class="text-present">${profession.message}</p>
                </div>
            </div>

            <div class="warp-class2">
                <div class="warp-class2-text">
                    <div class="iconfont text-padding">门槛
                        <%--<c:forEach begin="1" end="${professions.learningFront}">--%>
                            <img src="/page/t11/images/xx.png">
                        <%--</c:forEach>--%>
                    </div>
                </div>
                <div class="warp-class2-text">
                    <div class="iconfont text-padding text-border-left">难易程度
                        <%--<c:forEach begin="1" end="${professions.difficult}">--%>
                            <img src="/page/t11/images/xx.png"><img src="/page/t11/images/xx.png">
                        <%--</c:forEach>--%>
                    </div>
                </div>
            </div>
            <div class="warp-class2">
                <div class="warp-class2-text">
                    <div class="iconfont text-padding">成长周期 <span class="iconfont-color">1-${profession.grow_cycle}</span>年</div>
                </div>
                <div class="warp-class2-text">
                    <div class="iconfont text-padding text-border-left">稀缺程度 <span class="iconfont-color">${profession.need}</span>家公司需要</div>
                </div>
            </div>

            <div class="warp-class2">
                <div class="leftWarp">
                    薪资待遇
                </div>
                <div class="rightWarp">
                    <div class="rightWarp-class">
                        <div class="rightWarp-year">0-1年</div>
                        <div class="rightWarp-wages">${profession.salary1}</div>
                    </div>
                    <div class="rightWarp-class">
                        <div class="rightWarp-year">1-2年</div>
                        <div class="rightWarp-wages">${profession.salary2}</div>
                    </div>
                    <div class="rightWarp-class border-bottom">
                        <div class="rightWarp-year">2-5年</div>
                        <div class="rightWarp-wages">${profession.salary3}</div>
                    </div>
                </div>
            </div>

            <div class="warp-class2">
                <b class="text-b">有298人正在学</b>
            </div>
            <div class="warp-class2">
                <p class="text-p">提示:在你学习之前你应该已经掌握XXXXX、XXXXX、XX等语言基础</p>
            </div>

            <div class="flip-container">
                <p class="flip-title">${profession.title}</p>
                <p class="flip-text">${profession.intro}</p>
            </div>
        </div>

    </div>
        <c:set var="i" value="${i+1}" />
    </c:forEach>

C标签的forEach语句真的减少了很多代代码

放上效果图

改数据库就是为了改出隐藏职业

之后制作学生总信息表格

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="/WEB-INF/tld/datetag.tld"         prefix="date"%>
<html>
<head>
    <title>Title</title>
</head>
<body>
<table class="style1"
       border="1"
       style="border: thick groove #0066FF; padding: inherit; margin: auto; table-layout: fixed; list-style-type: decimal-leading-zero;">
    <tr>
        <td>ID</td>
        <td>姓名</td>
        <td>性别</td>
        <td>职业</td>
        <td>班级</td>
        <td>QQ</td>
        <td>状态</td>
        <td>介绍</td>
        <td>注册时间</td>
        <td>操作</td>
    </tr>

    <c:forEach items="${studentTable}" var="studentTable" varStatus="st">
        <tr>
            <td>${studentTable.id}</td>
            <td>${studentTable.name}</td>
            <td>${studentTable.sex}</td>
            <td>${studentTable.profession}</td>
            <td>${studentTable.class_name}</td>
            <td>${studentTable.qq}</td>
            <td>
                <c:if test="${studentTable.status == 0}">
                    在学
                </c:if>
                <c:if test="${studentTable.status == 1}">
                    就业
                </c:if>

            </td>
            <td>${studentTable.introduce}</td>
            <td><date:date value="${studentTable.create_at}"/></td>
            <td>修改 删除</td>
        </tr>


    </c:forEach>

</table>


</body>
</html>