今天完成的事情：

1.静态页面变动态

页面1:

根据薪资高低展示四条数据

jsp：

<div class="main-c row">
    <h3 class="text-center main-tab">优秀学员展示</h3>
    <ul class="list-unstyled text-center">
        <c:forEach items="${excellentStudents}" var="e" varStatus="studentStatus">
            <li class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
                <div>
                    <img src="${e.img}">
                    <span>技术顾问:${e.name}</span>
                    <p class="text-left">百度技术总监：互联网基础服务领域，从事虚拟主机，云主机，域名。
                        曾任新网高级技术经理，负责技术研发，团队管理与建设。</p>
                </div>
            </li>
        </c:forEach>
    </ul>
</div>

controller：

@Controller
public class ExcellentStudentController {
    @Autowired(required = false)
    ExcellentStudentService excellentStudentService;

    @RequestMapping(value = "/show", method = RequestMethod.GET)
    public String select(Model model) {
        List<ExcellentStudent> excellentStudents = excellentStudentService.find();
        model.addAttribute("excellentStudents", excellentStudents);
        return "index";
    }
}

xml：

<!-- 查询用户 -->
<select id="find" parameterType="com.wp.task4.dao.pojo.ExcellentStudent"
        resultType="com.wp.task4.dao.pojo.ExcellentStudent" resultMap="BaseResultMap">
    select *
    from excellent_student
    order by salary desc
    limit 4
</select>

动态页面展示：

修改薪资前：

修改薪资后：

页面2:

删除一条数据

jsp：

<div class="row">
    <c:forEach items="${profession}" var="p" varStatus="professionStatus">
    <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="${p.img}"></div>
                <div class="text">
                    <h4 class="">${p.direction}</h4>
                    <p class="text-present">${p.description}</p>
                </div>
            </div>

            <div class="warp-class2">
                <div class="warp-class2-text">
                    <div class="iconfont text-padding">门槛 <img src="imges/xx.png"></div>
                </div>
                <div class="warp-class2-text">
                    <div class="iconfont text-padding text-border-left">难易程度 <img src="imges/xx.png"><img
                            src="imges/xx.png"></div>
                </div>
            </div>
            <div class="warp-class2">
                <div class="warp-class2-text">
                    <div class="iconfont text-padding">成长周期 <span class="iconfont-color">1-3</span>年</div>
                </div>
                <div class="warp-class2-text">
                    <div class="iconfont text-padding text-border-left">稀缺程度 <span
                            class="iconfont-color">345</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">5k-10k/月</div>
                    </div>
                    <div class="rightWarp-class">
                        <div class="rightWarp-year">0-1年</div>
                        <div class="rightWarp-wages">5k-10k/月</div>
                    </div>
                    <div class="rightWarp-class border-bottom">
                        <div class="rightWarp-year">0-1年</div>
                        <div class="rightWarp-wages">5k-10k/月</div>
                    </div>
                </div>
            </div>

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

            <div class="flip-container">
                <p class="flip-title">iOS工程师</p>
                <p class="flip-text">iOS是由苹果公司开发的移动操作统，iOS与苹果的Mac OS X操作系统一样，
                    也是以Darwin为基础的，因此同样属于类Unix的商业操作系统。国内iOS开发起步相对较晚， 人才培养机制更是远远跟不上市场发展速度。有限的iOS开发人才成了国内企业必争的资源。
                    国内iOS开发起步相对较晚，人才培养机制更是远远跟不上市场发展速度。 有限的iOS开发人才成了国内企业必争的资源。</p>
            </div>
        </div>
    </div>
    </c:forEach>
</div>

controller：

@Controller
public class ProfessionController {
    @Autowired(required = false)
    ProfessionService professionService;

    @RequestMapping(value = "/show1", method = RequestMethod.GET)
    public String select(Model model) {
        List<Profession> profession = professionService.find();
        model.addAttribute("profession", profession);
        return "t11";
    }
}

xml：

<!-- 查询用户 -->
<select id="find" parameterType="com.wp.task4.dao.pojo.Profession"
        resultType="com.wp.task4.dao.pojo.Profession" resultMap="BaseResultMap">
  select *
  from profession
</select>

动态页面展示：

删除前：

删除后：