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";
	}