今天先解决上星期的页面缩放的问题,因为之前的页面缩放一直存在超出页面的问题。控制页面的显示大小的代码如下:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />(content元素是通知浏览器使用设备的宽度作为可视区的宽度,initial-scale - 初始的缩放比例 ,还有minimum-scale - 允许用户缩放到的最小比例 ,maximum-scale - 允许用户缩放到的最大比例 以及user-scalable - 用户是否可以手动缩放),我们实现页面的正常缩放是通过设置width的值来实现的,将这个改为一个固定的值,实现固定的大小的缩放。
对于,spring的内部标签尽可以使用在对应的jsp页面,例如之前的验证出现红框的cssClass与cssErrorClass的属性以及path属性都不可以出现在html页面,否则无法出现验证,如果要验证可以通过thymeleaf来验证,但还有待研究。在使用spring框架的<form:form>标签时,注意modelAttribute属性值必须与验证的数据的名称一致,否则出现无法正常验证的情况。
Tomcat链接数据库载入问题可能是因为你的tomcat中的lib文件夹下缺少对应的mysqlconnection的包导致的。当然对应的不同数据库的链接需要对应的不同数据的包导入,所以需要注意。
在显示商品的时候,我们有时候出现显示一类并在该类下显示这类的一些内容,同时实现多个商品类的内容显示在页面上,同时要求使用一个循环,这里我们使用的方法,是对应的在该类的即表示商品类的对象中添加一个list属性,用来显示对应的该类的多项商品,方法使用如下: private List<GoodsForm> list;(注意我们的商品类的类型也是一个GoodForm,也就是说一个对象可以包含多个同样的对象,实现嵌套包含)。这样,我们可以通过一个GoodsForm中的商品类找出对应的商品列表list,从而可以显示在对应的商品类中。在后台它使用通过每一个商品类的Id来选择出对应的商品放入一个list中,代码如下:
for(int i=0;i<commodityType.size();i++){
goodsFormForId.setCommodityTypeId(commodityType.get(i).getCommodityTypeId());
commodityType.get(i).setList(goodsService.searchGoodsListLimit(goodsFormForId));
}
这里的commodityType是一个GoodsForm的列表,选择出对应的项然后根据对应项的值找到对应的商品类型。前台写法如下:(这里是两个循环,一个是循环商品的类型,另一个是循环显示商品类的每一项,通过一个无序列表的形式,即<ul>标签中<li>来实现每一项的循环显示)
<div class="container main" th:each="typeInfo,sts:${commodityType}">
<div class="columnT columnT-1" >
<i></i><span class="h4 yh" th:text="${typeInfo.commodityTypeName}">粮食</span>
<a href="#">更多商品>></a>
</div>
<ul class="goodsList cf">
<li class="col-md-2 col-sm-4 col-xs-6" th:each="goodsInfo,status:${typeInfo.list}" >
<div class="cont">
<a href="##"><img th:src="@{showImage(pictureId=${goodsInfo.pictureId})}" alt="" style="height:168px;width:168px;" /></a>
<h4 class="h5"><a href="#"><p class="title" th:text="${goodsInfo.commodityName}">品美知糖道阿胶姜汤260g</p></a></h4>
<p class="num">库存:<span th:text="${goodsInfo.stock}">15</span>
每<span th:text="${#strings.concat(goodsInfo.unit).concat(goodsInfo.specifications)}">袋15kg</span>
</p>
<p class="cf">
<span class="price yh">¥<span th:text="${goodsInfo.retailPrice}">15</span>元</span>
<a href="#" class="btnBuy" title="加入购物车"></a>
</p>
</div>
</li>
</ul>
</div>
注意留心上边的两个循环的嵌套