编写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>