今天完成的事情：

1. 任务四项目本地测试完成

收获：

1. 熟悉 jstl 中的标签

jsp 文件中需要引入的标签如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

在 jsp 页面中进行数学运算，直接在 ${ } 中进行运算即可。

${list.salary*list.coefficient*list.coefficient}

对运算的结果取整

<fmt:formatNumber value="${list.salary*list.coefficient*list.coefficient}" pattern="0"/>

输出【门槛】后面的星星，c 标签中的 foreach 不仅仅可以迭代出容器中的信息，还可以实现 for 循环。

<c:forEach begin="1" end="${list.threshold}">
   <img src="imges/xx.png">
</c:forEach>

遇到的问题：

1. jsp 页面的表达式接受不到参数，开发者模式下看到显示的还是表达式的占位符

原因：jsp 页面默认关闭 EL 表达式

解决的方法：开启 EL 表达式（标红部分）

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>

2. jsp 中输出时间

解决方法：

同样需要引入上面的三个标签。

controller：

modelAndView.addObject("dateValue", new Date());

jsp：

<fmt:formatDate value="${dateValue}" pattern="yyyy-MM-dd hh:mm:ss"/>

3. 开发者模式下发现有个图片一直无法载入，在官网提供的 html 文件中并没有引入这个图片

原因：逐文件检查后发现 Untitled-3.css 文件中引入了一个图片，由于它使用的的相对路径与我的文件目录不一样，所以下载失败。

解决方法：修改 css 文件中引用图片的相对路径。

4. 限制文字溢出行数

这个效果需要修改对应的 css 文件，首先找到这个 div 的 class，根据这个 class 名就可以去 css 文件中找到对应的修改位置。标红的 3 即为限制显示三行。这个修改过后需要重启应用服务器并且多刷新几次浏览器，不然效果显示不出来。

.text-present {
    font-size: 1.4rem;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

明天的计划：

1. 服务器部署测试

2. 任务四深度思考