发表于: 2020-06-09 22:31:03
1 1471
今天完成的事情:
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. 任务四深度思考
评论