暑假学习17(8.3 周一)

              今天先解决上星期的页面缩放的问题,因为之前的页面缩放一直存在超出页面的问题。控制页面的显示大小的代码如下:<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>

             注意留心上边的两个循环的嵌套


转载于:https://my.oschina.net/u/2411765/blog/487290

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值