发表于: 2020-06-09 22:31:03

1 1469


今天完成的事情:

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. 任务四深度思考




返回列表 返回列表
评论

    分享到