8-14 二维码推广页面

1、错误信息的提示（对应显示在输入框后面）---以register-1.html为例

一、register-1.html

<form action="addGuest" th:object="${guestForm}" method="post" class="form-horizontal">
  <div class="form-group">
	<span><label class="col-sm-4 control-label">用户ID:<span style="display:inline;color:red;">*</span></label></span> 
	 <div class="col-sm-8">
	<span><input name="guestId" type="text" th:value="${guestForm.guestId}" class="form-control"/></span>
	<i class="red" style="font-size:medium" th:errors="${guestForm.guestId}"></i>
	<span  class="red" style="font-size:medium"  th:text="${message}"></span>
	 </div>
   </div>
   <div class="form-group">
	<span><label class="col-sm-4 control-label">密码:<span style="display:inline;color:red;">*</span></label></span>
	 <div class="col-sm-8">
	<span><input name="password" type="password" class="form-control"/></span><i class="red" style="font-size:medium" th:errors="${guestForm.password}"></i>
	 </div>
   </div>
   
   <div class="form-group">
	<span><label class="col-sm-4 control-label">性别</label></span>
	 <div class="col-sm-8">
	<select class="form-control" name="gender" >
		<option  value="男">男</option>
		 <option  value="女">女</option>
	</select>
	</div>
    </div>
		  		
  <div class="form-group">
	<div class="col-sm-offset-2 col-sm-10">
        <button type="submit" class="btnYellow yh">提交</button>
	</div>
   </div>
</form>

下面的语句用来显示验证信息

<i class="red" style="font-size:medium" th:errors="${guestForm.guestId}"></i>

二、后续操做参照--显示验证信息的介绍

    包括validation  gustForm

2、经过扫描二维码进入购买页面------以specialAlipayConfirm.html为例

一、specialAlipayConfirm.html

<form name="specialForm" th:object="${specialForm}" action="specialAlipaySubmit" method="post" class="form-horizontal">
		<input type="hidden" name="outTradeNo"	th:value="${specialForm.outTradeNo}"/> 
		<input type="hidden" name="subject" th:value="${specialForm.subject}"/> 
		<input type="hidden" name="body" th:value="${specialForm.body}"/>
		<input type="hidden" name="price" th:value="${specialForm.price}"/> 
		<input type="hidden" name="showUrl" th:value="${specialForm.showUrl}"/>
		<input type="hidden" name="commodityId"	th:value="${specialForm.commodityId}"/>
		<input type="hidden" name="stock"	th:value="${specialForm.stock}"/>
	<h1>
	这是一个促销商品的订单，该商品只有一件，且每被转发一次就会降价0.5元，随时会被别人拍走，请认真填写如下每项内容以保证商品可以顺利到达您的手中。<br />
	</h1>
	<div class="form-group">
		<span><label class="f14 mt20">订单信息</label></span>
			<label class="col-sm-2 control-label">商品信息:</label>
			<span th:text="${specialForm.body}" style="font-size: medium"></span></div>
	<div class="form-group">
			<label class="col-sm-2 control-label">价格:</label>
			<span th:text="${specialForm.price}" style="font-size: medium"></span></div>
						
	<div class="form-group">
			<label class="col-sm-2 control-label">收货人姓名<i class="red">*</i>
			</label>
		<div class="col-sm-8">
		<span><input name="receiveName" type="text"
		th:value="${specialForm.receiveName}" class="form-control" /></span>
		<i class="red" style="font-size: medium" th:errors="${specialForm.receiveName}"></i>
		</div>
	</div>
	<div class="form-group">
			<label class="col-sm-2 control-label">
				收货人地址<i class="red">*</i>
			</label>
		<div class="col-sm-8">
		<span><input name="receiveAddress" type="text"
		th:value="${specialForm.receiveAddress}" class="form-control" /></span>
	     <i class="red" style="font-size: medium" th:errors="${specialForm.receiveAddress}"></i>
		</div>
	</div>
	<div class="form-group">
			<label class="col-sm-2 control-label">
				收货人邮编<i class="red">*</i>
			</label>
		<div class="col-sm-8">
		<span><input name="receiveZip" type="text"
		th:value="${specialForm.receiveZip}" class="form-control" /></span>
		<i class="red" style="font-size: medium" th:errors="${specialForm.receiveZip}"></i>
		</div>
	</div>
	<div class="form-group">
		<label class="col-sm-2 control-label">收货人电话号码<i class="red">*</i></label>
		<div class="col-sm-8">
		<span><input name="receivePhone" type="text" 
		     th:value="${specialForm.receivePhone}" class="form-control" /></span>
		    <i class="red" style="font-size: medium"
			th:errors="${specialForm.receivePhone}"></i>
		</div>
	</div>
	<div class="form-group">
		<label class="col-sm-2 control-label">
			收货人手机号码<i class="red">*</i>
		</label>
		<div class="col-sm-8">
		<span><input name="receiveMobile" type="text"
			th:value="${specialForm.receiveMobile}" class="form-control" /></span><i
			class="red" style="font-size: medium"
			th:errors="${specialForm.receiveMobile}"></i>
		</div>
	</div>
						
	<div class="clear"></div>
					
	<div th:if="${specialForm.stock}> 0">
		<button type="submit" class="btnYellow yh">
			<span>生成支付宝订单</span>
		</button>
	</div>
</form>

二、SpecialController.java

@RequestMapping(value = "specialAlipaySubmit", method = RequestMethod.POST)
public String executeSpecialAlipaySubmit(Model model, @Valid @ModelAttribute("specialForm") SpecialForm specialForm, BindingResult results, Device device) throws SQLException {
	GoodsForm goodsForm=new GoodsForm();
//	goodsForm.setType("粮食");
//	model.addAttribute("goodsForm", goodsForm);
	List<GoodsForm> commodityType = goodsService.getType();
	
	model.addAttribute("specialForm", specialForm);-----后期添加
	
    	model.addAttribute("goodsForm", goodsForm);
    	model.addAttribute("commodityType", commodityType);
	log.info("由分销商直接推荐的商品向支付宝发起支付请求。");
	if (results.hasErrors()) {
	log.info("内容验证出错");
	model.addAttribute("message", "该画面全部项目都是必填项，请认真填写！");
	
       //model.addAttribute("specialForm", specialService.searchAlipay(specialForm));-----后期注释
	
	return "mobile/special/specialAlipayConfirm";
	}