银行卡管理数据交互完成

master
istars 7 years ago
parent 0fb5095bc9
commit b9ccf0e558

@ -18,7 +18,7 @@ import java.util.ArrayList;
import java.util.List;
@RestController
public class BankCardController {
public class CardController {
@Autowired
private BankCardService bankCardService;

@ -8,7 +8,44 @@
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/>
<link type="text/css" rel="stylesheet" href="css/bankCardManage.css" >
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js" ></script>
<script type="text/javascript">
$(function(){
$.ajax({
url: "/card",
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 card = data[i];
var str = "<div class=\"aui-card-list\">\n" +
" <div class=\"aui-card-list-bg\">\n" +
" <h2>卡号:"+card.bankAccount+"</h2>\n" +
" <a href=\"javascript:;\" class=\"aui-card-list-link\">\n" +
" <i class=\"icon icon-arrow\"></i>详情\n" +
" </a>\n" +
" </div>\n" +
" </div>";
$("#content").append(str);
}
}
</script>
</head>
<body>
@ -24,39 +61,39 @@
</div>
</header>
<section class="aui-scrollView">
<div class="aui-box-item">
<div class="aui-card-list">
<div class="aui-card-list-bg">
<h2>银行卡1</h2>
<a href="javascript:;" class="aui-card-list-link">
<i class="icon icon-arrow"></i>详情
</a>
</div>
</div>
<div class="aui-card-list">
<div class="aui-card-list-bg">
<h2>银行卡1</h2>
<a href="javascript:;" class="aui-card-list-link">
<i class="icon icon-arrow"></i>详情
</a>
</div>
</div>
<div class="aui-card-list aui-card-blue">
<div class="aui-card-list-bg aui-card-list-loan">
<h2>银行卡2</h2>
<a href="javascript:;" class="aui-card-list-link">
<i class="icon icon-arrow"></i>详情
</a>
</div>
</div>
<div class="aui-card-list aui-card-blue">
<div class="aui-card-list-bg aui-card-list-loan">
<h2>银行卡2</h2>
<a href="javascript:;" class="aui-card-list-link">
<i class="icon icon-arrow"></i>详情
</a>
</div>
</div>
<div class="aui-box-item" id="content">
<!--<div class="aui-card-list">-->
<!--<div class="aui-card-list-bg">-->
<!--<h2>银行卡1</h2>-->
<!--<a href="javascript:;" class="aui-card-list-link">-->
<!--<i class="icon icon-arrow"></i>详情-->
<!--</a>-->
<!--</div>-->
<!--</div>-->
<!--<div class="aui-card-list">-->
<!--<div class="aui-card-list-bg">-->
<!--<h2>银行卡1</h2>-->
<!--<a href="javascript:;" class="aui-card-list-link">-->
<!--<i class="icon icon-arrow"></i>详情-->
<!--</a>-->
<!--</div>-->
<!--</div>-->
<!--<div class="aui-card-list aui-card-blue">-->
<!--<div class="aui-card-list-bg aui-card-list-loan">-->
<!--<h2>银行卡2</h2>-->
<!--<a href="javascript:;" class="aui-card-list-link">-->
<!--<i class="icon icon-arrow"></i>详情-->
<!--</a>-->
<!--</div>-->
<!--</div>-->
<!--<div class="aui-card-list aui-card-blue">-->
<!--<div class="aui-card-list-bg aui-card-list-loan">-->
<!--<h2>银行卡2</h2>-->
<!--<a href="javascript:;" class="aui-card-list-link">-->
<!--<i class="icon icon-arrow"></i>详情-->
<!--</a>-->
<!--</div>-->
<!--</div>-->
</div>
</section>
</section>

Loading…
Cancel
Save