You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
189 lines
7.7 KiB
189 lines
7.7 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head lang="en">
|
|
<meta charset="UTF-8">
|
|
|
|
<link rel="stylesheet" href="bootstrap-3.3.4/dist/css/bootstrap.min.css"/>
|
|
<link rel="stylesheet" href="Flat-UI-master/dist/css/flat-ui.min.css"/>
|
|
<script src="bootstrap-3.3.4/dist/js/jquery-1.11.3.min.js"></script>
|
|
<script src="bootstrap-3.3.4/dist/js/bootstrap.min.js"></script>
|
|
<script src="Flat-UI-master/dist/js/flat-ui.min.js"></script>
|
|
<title>历史订单</title>
|
|
<style>
|
|
.row{
|
|
margin-left: 20px;
|
|
margin-right: 20px;;
|
|
}
|
|
.line-center{
|
|
line-height:50px;
|
|
text-align: center;
|
|
}
|
|
.row input{
|
|
width: 50px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<script>
|
|
$(function () {
|
|
// 发一个请求给后端, 让后端看看有没有session
|
|
$.ajax({
|
|
url:"/user/check",
|
|
success: function (data) {
|
|
if(data["flag"] < 0){
|
|
// 还没登录
|
|
$("#register").show();
|
|
$("#login").show();
|
|
}else{
|
|
// 已经登录了
|
|
$("#logout").show();
|
|
}
|
|
},
|
|
error: function () {
|
|
console.log("error");
|
|
}
|
|
});
|
|
|
|
// 点了注销会发生什么
|
|
$("#logout").click(function () {
|
|
$("#logout").hide();
|
|
$("#register").show();
|
|
$("#login").show();
|
|
$.ajax({
|
|
url:"/user/logout",
|
|
success: function (data) {
|
|
console.log("log out success")
|
|
},
|
|
error: function () {
|
|
console.log("error");
|
|
}
|
|
});
|
|
});
|
|
})
|
|
</script>
|
|
|
|
<!-- Static navbar -->
|
|
<div class="navbar navbar-default navbar-static-top" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
<span class="sr-only">这什么东西</span>
|
|
</button>
|
|
<a class="navbar-brand" href="Index.html">快递代取系统</a>
|
|
</div>
|
|
<div class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav">
|
|
<li class="active"><a href="Index.html">首页</a></li>
|
|
<li><a href="NewOrder.html">发起订单</a></li>
|
|
<li><a href="Order.html">我的订单</a></li>
|
|
<li><a href="PickedOrder.html">我的接单</a></li>
|
|
<li><a href="UserInfo.html">个人中心</a></li>
|
|
<li><a href="FriendLink.html">友情链接</a></li>
|
|
</ul>
|
|
<ul class="nav navbar-nav navbar-right hidden-sm">
|
|
<li><a id="login" href="Login.html" style="display: none;">登录</a></li>
|
|
<li><a id="register" href="Register.html" style="display: none">注册</a></li>
|
|
<li><a id="logout" href="#" style="display: none">注销</a></li>
|
|
<li>
|
|
<a href="Cart.html"><span class="glyphicon glyphicon-shopping-cart">购物车</span></a>
|
|
</li>
|
|
</ul>
|
|
</div><!--/.nav-collapse -->
|
|
</div>
|
|
</div>
|
|
<!--content-->
|
|
<div class="container">
|
|
<div class="row thumbnail center">
|
|
<div class="col-sm-12">
|
|
<h1 class="text-center" style="margin-bottom: 30px">购物车</h1>
|
|
</div>
|
|
<div class=" list-group">
|
|
|
|
<div class="col-sm-12 thumbnail">
|
|
<div class="col-sm-4 line-center">图书</div>
|
|
<div class="col-sm-1 line-center">单价</div>
|
|
<div class="col-sm-4 line-center">数量 </div>
|
|
<div class="col-sm-2 line-center">小计</div>
|
|
<div class="col-sm-1 line-center">操作</div>
|
|
</div>
|
|
<div class="col-sm-12 list-group-item">
|
|
<div class="col-sm-1 line-center" style="width: 50px;height: 50px;">
|
|
|
|
<img src="../Flat-UI-master/dist/img/icons/png/Book.png" style="height: 100%;" alt=""/>
|
|
</div>
|
|
<div class="col-sm-3 line-center">书名</div>
|
|
<div class="col-sm-1 line-center">单价</div>
|
|
<div class="col-sm-4 line-center">
|
|
<button type="button" class="btn btn-default">
|
|
<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
|
|
</button>
|
|
<input type="text" class="small" value="123"/>
|
|
<button type="button" class="btn btn-default">
|
|
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
|
|
</button>
|
|
</div>
|
|
<div class="col-sm-2 line-center">小计</div>
|
|
<div class="col-sm-1 line-center"><button class="btn btn-danger">删除</button></div>
|
|
</div>
|
|
<div class="col-sm-12 list-group-item">
|
|
<div class="col-sm-1 line-center" style="width: 50px;height: 50px;">
|
|
<img src="../Flat-UI-master/dist/img/icons/png/Book.png" style="height: 100%;" alt=""/>
|
|
</div>
|
|
<div class="col-sm-3 line-center">书名</div>
|
|
<div class="col-sm-1 line-center">单价</div>
|
|
<div class="col-sm-4 line-center">
|
|
<button type="button" class="btn btn-default">
|
|
<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
|
|
</button>
|
|
<input type="text" class="small" value="123"/>
|
|
<button type="button" class="btn btn-default">
|
|
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
|
|
</button>
|
|
</div>
|
|
<div class="col-sm-2 line-center">小计</div>
|
|
<div class="col-sm-1 line-center"><button class="btn btn-danger">删除</button></div>
|
|
</div>
|
|
<div class="col-sm-12 list-group-item">
|
|
<div class="col-sm-1 line-center" style="width: 50px;height: 50px;">
|
|
<img src="../Flat-UI-master/dist/img/icons/png/Book.png" style="height: 100%;" alt=""/>
|
|
</div>
|
|
<div class="col-sm-3 line-center">书名</div>
|
|
<div class="col-sm-1 line-center">单价</div>
|
|
<div class="col-sm-4 line-center">
|
|
<button type="button" class="btn btn-default">
|
|
<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
|
|
</button>
|
|
<input type="text" class="small" value="123"/>
|
|
<button type="button" class="btn btn-default">
|
|
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
|
|
</button>
|
|
</div>
|
|
<div class="col-sm-2 line-center">小计</div>
|
|
<div class="col-sm-1 line-center"><button class="btn btn-danger">删除</button></div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 thumbnail">
|
|
<div class=" col-sm-offset-4 col-sm-2 text-right">总数：</div>
|
|
<div class="col-sm-2">342</div>
|
|
<div class="col-sm-2 text-right">总价：</div>
|
|
<div class="col-sm-2">342</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-offset-7 col-sm-5" style="padding: 30px;">
|
|
<div class="col-sm-6 btn btn-success btn-block">继续购物</div>
|
|
<div class="col-sm-6 btn btn-success btn-block">提交订单</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!--footer-->
|
|
<div class="navbar navbar-default navbar-static-bottom">
|
|
版权声明区
|
|
</div>
|
|
</body>
|
|
</html>
|