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> <head>
<meta charset="utf-8"> <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"/> <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/bootstrap.css" rel="stylesheet" type="text/css"/>
<link href="css/orders2.css" rel="stylesheet" type="text/css"/> <link href="css/orders2.css" rel="stylesheet" type="text/css"/>
<link href="css/orders1.css" type="text/css"/> <link href="css/orders1.css" type="text/css"/>
<style type="text/css"> <style type="text/css">
.tb960x90 {display:none!important;display:none} .tb960x90 {display:none!important;display:none}
</style> </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> </head>
<body> <body>
<!--top--> <!--top-->
<div class="top_c"> <div class="top_c">
<a ></a> <a ></a>
<p class="titi"> <p class="titi">
我的订单 我的账单
</p> </p>
</div> </div>
<!--头部--> <!--头部-->
@ -29,115 +76,115 @@
</div> </div>
</div> </div>
<!--列表--> <!--列表-->
<div class="ding_d" id="orderlist"> <div class="ding_d" id="content">
<div class="on_d"> <!--<div class="on_d">-->
<div class="sp_pr"> <!--<div class="sp_pr">-->
<img src=> <!--<img src=>-->
<div class="text_p"> <!--<div class="text_p">-->
<p> <!--<p>-->
订单 <span>银行转入</span> <!--订单 <span>银行转入</span>-->
</p> <!--</p>-->
<span class="yue">信息</span> <!--<span class="yue">信息</span>-->
<span class="yue">信息</span> <!--<span class="yue">信息</span>-->
</div> <!--</div>-->
<div class="button"> <!--<div class="button">-->
<p> <!--<p>-->
<span>订单号</span> <!--<span>订单号</span>-->
</p> <!--</p>-->
<a href="#" class="liji">详情</a> <!--<a href="#" class="liji">详情</a>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="on_d"> <!--<div class="on_d">-->
<div class="sp_pr"> <!--<div class="sp_pr">-->
<img src=> <!--<img src=>-->
<div class="text_p"> <!--<div class="text_p">-->
<p> <!--<p>-->
订单 <span>银行转出</span> <!--订单 <span>银行转出</span>-->
</p> <!--</p>-->
<span class="yue">123456</span> <!--<span class="yue">123456</span>-->
<span class="yue">123456</span> <!--<span class="yue">123456</span>-->
</div> <!--</div>-->
<div class="button"> <!--<div class="button">-->
<p> <!--<p>-->
<span>123456</span> <!--<span>123456</span>-->
</p> <!--</p>-->
<a href="#" class="liji">详情</a> <!--<a href="#" class="liji">详情</a>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="on_d"> <!--<div class="on_d">-->
<div class="sp_pr"> <!--<div class="sp_pr">-->
<img src=> <!--<img src=>-->
<div class="text_p"> <!--<div class="text_p">-->
<p> <!--<p>-->
订单 <span>银行转账</span> <!--订单 <span>银行转账</span>-->
</p> <!--</p>-->
<span class="yue">123456</span> <!--<span class="yue">123456</span>-->
<span class="yue">123456</span> <!--<span class="yue">123456</span>-->
</div> <!--</div>-->
<div class="button"> <!--<div class="button">-->
<p> <!--<p>-->
<span>123456</span> <!--<span>123456</span>-->
</p> <!--</p>-->
<a href="#" class="liji">详情</a> <!--<a href="#" class="liji">详情</a>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="on_d"> <!--<div class="on_d">-->
<div class="sp_pr"> <!--<div class="sp_pr">-->
<img src=> <!--<img src=>-->
<div class="text_p"> <!--<div class="text_p">-->
<p> <!--<p>-->
订单 <span>银行转账</span> <!--订单 <span>银行转账</span>-->
</p> <!--</p>-->
<span class="yue">123456</span> <!--<span class="yue">123456</span>-->
<span class="yue">123456</span> <!--<span class="yue">123456</span>-->
</div> <!--</div>-->
<div class="button"> <!--<div class="button">-->
<p> <!--<p>-->
<span>123456</span> <!--<span>123456</span>-->
</p> <!--</p>-->
<a href="#" class="liji">详情</a> <!--<a href="#" class="liji">详情</a>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="on_d"> <!--<div class="on_d">-->
<div class="sp_pr"> <!--<div class="sp_pr">-->
<img src=> <!--<img src=>-->
<div class="text_p"> <!--<div class="text_p">-->
<p> <!--<p>-->
订单 <span>银行转账</span> <!--订单 <span>银行转账</span>-->
</p> <!--</p>-->
<span class="yue">123456</span> <!--<span class="yue">123456</span>-->
<span class="yue">123456</span> <!--<span class="yue">123456</span>-->
</div> <!--</div>-->
<div class="button"> <!--<div class="button">-->
<p> <!--<p>-->
<span>123456</span> <!--<span>123456</span>-->
</p> <!--</p>-->
<a href="#" class="liji">详情</a> <!--<a href="#" class="liji">详情</a>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="on_d"> <!--<div class="on_d">-->
<div class="sp_pr"> <!--<div class="sp_pr">-->
<img src=> <!--<img src=>-->
<div class="text_p"> <!--<div class="text_p">-->
<p> <!--<p>-->
订单 <span>银行转账</span> <!--订单 <span>银行转账</span>-->
</p> <!--</p>-->
<span class="yue">123456</span> <!--<span class="yue">123456</span>-->
<span class="yue">123456</span> <!--<span class="yue">123456</span>-->
</div> <!--</div>-->
<div class="button"> <!--<div class="button">-->
<p> <!--<p>-->
<span>123456</span> <!--<span>123456</span>-->
</p> <!--</p>-->
<a href="#" class="liji">详情</a> <!--<a href="#" class="liji">详情</a>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> </div>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save