【SpringBoot商城秒殺システムプロジェクト実戦15】注文詳細ページ


秒殺に成功すると、秒殺注文が生成され、注文データ情報とともに注文詳細ページ(order_detail.html)にジャンプします.
オーダーのステータスはorderStatusの値に基づいて判定されます.
  • 0未払い
  • 1世代出荷
  • 2出荷済
  • 3受入済
  • 4返金済
  • order_detail.htmlフルコード:
    
    
    <html xmlns:th="http://www.thymeleaf.org">  
    <head>
    <meta charset="UTF-8"/>
    <title>    title>
    	
    	
    	
    	<script type="text/javascript" th:src="@{/jquery-validation/lib/jquery-1.11.1.js}">script>
    	
    	
    	<link type="text/css" rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.css}"/>
    	<script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.min.js}">script>
    
    head>
    <body>
    	<div class="panel panel-default">
    		<div class="panel-heading">      div>
    		<table class="table" id="goodslist">
    		<tr>
    			<td>    td>
    			<td colspan="3" th:text="${goods.goodsName}">td>
    		tr>
    		<tr>
    			<td>    td>
    			<td colspan="2"><img th:src="@{${goods.goodsImg}}" width="80" height="60">img>td>
    		tr>
    		<tr>
    			<td>    td>
    			<td colspan="3" th:text="${orderinfo.goodsPrice}">td>
    		tr>
    		<tr>
    			<td>    td>
    			<td th:text="${#dates.format(orderinfo.createDate,'yyyy-MM-dd HH:mm:ss')}" colspan="2">td>
    		tr>
    		<tr>
    			<td>    td>
    			<td>
    				<span th:if="${orderinfo.orderStatus eq 0}">   span>
    				<span th:if="${orderinfo.orderStatus eq 1}">   span>
    				<span th:if="${orderinfo.orderStatus eq 2}">   span>
    				<span th:if="${orderinfo.orderStatus == 3}">   span>
    				<span th:if="${orderinfo.orderStatus == 4}">   span>
    				<span th:if="${orderinfo.orderStatus == 5}">   span>
    			td>
    			<td>						
    				<button class="btn btn-primary btn-block" type="submit" id="payButton">    button>
    			td>
    		tr>
    		<tr>
    			<td>   td>
    			<td colspan="2">tom  15008484456td>
    		tr>
    		<tr>
    			<td>    td>
    			<td colspan="2">     td>
    		tr>
    		table>
    	div>
    body>
    html>