kaisa
/
firstproject
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge remote-tracking branch 'origin/master'

Browse Source
master
jyx 7 years ago
parent 6a9bc4dd39 6b7fa10398
commit 72e90590fd
1 changed files with 159 additions and 112 deletions
Show Stats Download Patch File Download Diff File

271
demo/src/main/resources/static/allOrders.html
Unescape View File

@ -3,21 +3,68 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
<title>我的订单</title>
<title>我的账单</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
<link href="css/orders2.css" rel="stylesheet" type="text/css"/>
<link href="css/orders1.css" type="text/css"/>
<style type="text/css">
.tb960x90 {display:none!important;display:none}
</style>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<!--<script type="text/javascript" src="js/jquery.min.js" ></script>-->
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js" ></script>
<script type="text/javascript">
$(function(){
$.ajax({
url: "/order",
type: "post",
dataType: "json",
success: function(data){
// console.log(data);//查看从后台传值内容
/*这个方法里是ajax发送请求成功之后执行的代码*/
showData(data);//我们仅做数据展示
},
error: function(msg){
alert("ajax连接异常："+msg);
}
});
});
//展示数据
function showData(data) {
//var str = "";//定义用于拼接的字符串
$("#content").empty();
for (var i = 0; i <data.length; i++) {
var aud = data[i];
var str = "<div class=\"on_d\">\n" +
"\t\t<div class=\"sp_pr\">\n" +
"\t\t\t<img src=>\n" +
"\t\t\t<div class=\"text_p\">\n" +
"\t\t\t\t<p>\n" +
"\t\t\t\t\t"+aud.amount+"元<span>银行转账</span>\n" +
"\t\t\t\t</p>\n" +
"\t\t\t\t<span class=\"yue\">"+aud.productNum+"</span>\n" +
"\t\t\t\t<span class=\"yue\">"+aud.bankAccount+"</span>\n" +
"\t\t\t</div>\n" +
"\t\t\t<div class=\"button\">\n" +
"\t\t\t\t<p>\n" +
"\t\t\t\t\t<span>"+aud.checkNum+"</span>\n" +
"\t\t\t\t</p>\n" +
"\t\t\t\t<a href=\"#\" class=\"liji\">详情</a>\n" +
"\t\t\t</div>\n" +
"\t\t</div>\n" +
"\t</div>";
$("#content").append(str);
}
}
</script>
</head>
<body>
<!--top-->
<div class="top_c">
<a ></a>
<p class="titi">
我的订单
我的账单
</p>
</div>
<!--头部-->
@ -29,115 +76,115 @@
</div>
</div>
<!--列表-->
<div class="ding_d" id="orderlist">
<div class="on_d">
<div class="sp_pr">
<img src=>
<div class="text_p">
<p>
订单 <span>银行转入</span>
</p>
<span class="yue">信息</span>
<span class="yue">信息</span>
</div>
<div class="button">
<p>
<span>订单号</span>
</p>
<a href="#" class="liji">详情</a>
</div>
</div>
</div>
<div class="on_d">
<div class="sp_pr">
<img src=>
<div class="text_p">
<p>
订单 <span>银行转出</span>
</p>
<span class="yue">123456</span>
<span class="yue">123456</span>
</div>
<div class="button">
<p>
<span>123456</span>
</p>
<a href="#" class="liji">详情</a>
</div>
</div>
</div>
<div class="on_d">
<div class="sp_pr">
<img src=>
<div class="text_p">
<p>
订单 <span>银行转账</span>
</p>
<span class="yue">123456</span>
<span class="yue">123456</span>
</div>
<div class="button">
<p>
<span>123456</span>
</p>
<a href="#" class="liji">详情</a>
</div>
</div>
</div>
<div class="on_d">
<div class="sp_pr">
<img src=>
<div class="text_p">
<p>
订单 <span>银行转账</span>
</p>
<span class="yue">123456</span>
<span class="yue">123456</span>
</div>
<div class="button">
<p>
<span>123456</span>
</p>
<a href="#" class="liji">详情</a>
</div>
</div>
</div>
<div class="on_d">
<div class="sp_pr">
<img src=>
<div class="text_p">
<p>
订单 <span>银行转账</span>
</p>
<span class="yue">123456</span>
<span class="yue">123456</span>
</div>
<div class="button">
<p>
<span>123456</span>
</p>
<a href="#" class="liji">详情</a>
</div>
</div>
</div>
<div class="on_d">
<div class="sp_pr">
<img src=>
<div class="text_p">
<p>
订单 <span>银行转账</span>
</p>
<span class="yue">123456</span>
<span class="yue">123456</span>
</div>
<div class="button">
<p>
<span>123456</span>
</p>
<a href="#" class="liji">详情</a>
</div>
</div>
</div>
<div class="ding_d" id="content">
<!--<div class="on_d">-->
<!--<div class="sp_pr">-->
<!--<img src=>-->
<!--<div class="text_p">-->
<!--<p>-->
<!--订单 <span>银行转入</span>-->
<!--</p>-->
<!--<span class="yue">信息</span>-->
<!--<span class="yue">信息</span>-->
<!--</div>-->
<!--<div class="button">-->
<!--<p>-->
<!--<span>订单号</span>-->
<!--</p>-->
<!--<a href="#" class="liji">详情</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="on_d">-->
<!--<div class="sp_pr">-->
<!--<img src=>-->
<!--<div class="text_p">-->
<!--<p>-->
<!--订单 <span>银行转出</span>-->
<!--</p>-->
<!--<span class="yue">123456</span>-->
<!--<span class="yue">123456</span>-->
<!--</div>-->
<!--<div class="button">-->
<!--<p>-->
<!--<span>123456</span>-->
<!--</p>-->
<!--<a href="#" class="liji">详情</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="on_d">-->
<!--<div class="sp_pr">-->
<!--<img src=>-->
<!--<div class="text_p">-->
<!--<p>-->
<!--订单 <span>银行转账</span>-->
<!--</p>-->
<!--<span class="yue">123456</span>-->
<!--<span class="yue">123456</span>-->
<!--</div>-->
<!--<div class="button">-->
<!--<p>-->
<!--<span>123456</span>-->
<!--</p>-->
<!--<a href="#" class="liji">详情</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="on_d">-->
<!--<div class="sp_pr">-->
<!--<img src=>-->
<!--<div class="text_p">-->
<!--<p>-->
<!--订单 <span>银行转账</span>-->
<!--</p>-->
<!--<span class="yue">123456</span>-->
<!--<span class="yue">123456</span>-->
<!--</div>-->
<!--<div class="button">-->
<!--<p>-->
<!--<span>123456</span>-->
<!--</p>-->
<!--<a href="#" class="liji">详情</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="on_d">-->
<!--<div class="sp_pr">-->
<!--<img src=>-->
<!--<div class="text_p">-->
<!--<p>-->
<!--订单 <span>银行转账</span>-->
<!--</p>-->
<!--<span class="yue">123456</span>-->
<!--<span class="yue">123456</span>-->
<!--</div>-->
<!--<div class="button">-->
<!--<p>-->
<!--<span>123456</span>-->
<!--</p>-->
<!--<a href="#" class="liji">详情</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="on_d">-->
<!--<div class="sp_pr">-->
<!--<img src=>-->
<!--<div class="text_p">-->
<!--<p>-->
<!--订单 <span>银行转账</span>-->
<!--</p>-->
<!--<span class="yue">123456</span>-->
<!--<span class="yue">123456</span>-->
<!--</div>-->
<!--<div class="button">-->
<!--<p>-->
<!--<span>123456</span>-->
<!--</p>-->
<!--<a href="#" class="liji">详情</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save