編寫html頁面

1jsp->html格式

jsp：<c:if test="${sessionScope.UVO.guestName==null}">

<meta http-equiv="REFRESH" content="0;url=initGuestLogin"></c:if>

html:<div th:if="${#strings.isEmpty(session.UVO.guestName)}">

  <meta http-equiv="REFRESH" content="0;url=initGuestLogin"/> </div>

2.控制頭文件的位置，網上調了一下

<div class="clear"></div>

<div class="header-bot">

   <div th:replace="shop/logo :: page-logo"></div>

<div class="clear"></div>多加了了這一句

3.jsp:<ul class="user_menu">

<jsp:include page="/WEB-INF/jsp/shop/userBar.jsp"></jsp:include></ul>

html:<ul class="user_menu">

<div th:replace="shop/userBar :: page-user-bar"></div></ul>

4.jsp:div class="menu">

<jsp:include page="/WEB-INF/jsp/shop/topBar.jsp"></jsp:include>

html:<div class="menu">

<div th:replace="shop/topBar :: page-top-bar"></div>

</div>

5

jsp:<form:form modelAttribute="alipayForm" action="replayAlipaySubmit" method="post">

<form:hidden path="outTradeNo" value="${alipayForm.outTradeNo}"/>

<input type="hidden" name="receiveMobile" value="" th:value="${alipayForm.receiveMobile}"/>

</form:form>

6.<div class="copy">

<jsp:include page="/WEB-INF/jsp/shop/copyRight.jsp"></jsp:include></div>

<div class="footer-bottom">

<div class="copy">

<div th:replace="shop/copyRight :: page-copy-right"></div></div>

7.<div class="header-bot">

<div th:replace="shop/logo :: page-logo"></div>

<div class="header-bot">

<jsp:include page="/WEB-INF/jsp/shop/logo.jsp"></jsp:include></div>

<div class="clear"></div>

8.<div class="header-para">

<div th:replace="shop/rightBar :: page-right-bar"></div></div>

<div class="header-para">

<jsp:include page="/WEB-INF/jsp/shop/rightBar.jsp"></jsp:include></div>

9.html:<div class="clear"></div>

<input type="button" id="submitAlipay" class="button" value="登陸支付寶結帳" />

<div class="clear"></div>

jsp:<input  type="button" id="submitAlipay" class="button"  th:value="登陸支付寶結帳" />

10.<script src="shop/js/jquery.min.js"></script>//jquery 的腳本 

<script type="text/javascript">

$(document).ready(function(){  含義；$是表明一個索引，document頁面中的全部元素，function指書寫的代碼

$("#submitAlipay").click(function(){  用function（）方法調用click事件

alipayForm.target = "newWindow";//alipayForm調用target目標指定的新窗口 「new Window」

var win = window.open("about:blank", "newWindow");//調用新窗口的方法：打開的newWindw爲空白頁即首頁

win.focus();//獲取焦點

alipayForm.submit();//alipayForm的提交方法

window.location.href="initGoods?type=liangshi";窗口鏈接的位置controller中initGoods方法

});

});

11goosForm.setType=="糧食"問題

建立一個GoodsForm的 實例對象，在alipaycontroller.java中replayAlipaySubmit方法上添加

@RequestMapping(value = "replayAlipaySubmit", method = RequestMethod.POST)

public String executeReplayAlipaySubmit(Model model, HttpSession session, @Valid @ModelAttribute("alipayForm") AlipayForm alipayForm, BindingResult results, Device device) throws SQLException {

GoodsForm goodsForm = new GoodsForm();

goodsForm.setType("糧食");

在cartcontroller.java中也要補充上面的代碼。

12在jsp中

<h3>客戶訂單號：${alipayForm.outTradeNo}</h3>

<p>訂單名稱：${alipayForm.subject}</p>

<p>訂單描述：${alipayForm.body}</p>

在html中改寫爲：

<h3>客戶訂單號：<span th:text="${alipayForm.outTradeNo}"></span></h3>

<p>訂單名稱：<span th:text="${alipayForm.subject}"></span></p>

<p>訂單描述：<span th:text="${alipayForm.body}"></span></p>