|
|
- <!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>
- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.0.js"></script>
-
- <title>主页</title>
-
- <style>
- .row {
- margin-top: 20px;;
- }
-
- .center {
- text-align: center;
- }
-
- .pagination {
- background: #cccccc;
- }
- </style>
-
-
-
-
- </head>
-
-
- <body>
-
- <script>
- $(function () {
- // 发一个请求给后端, 让后端看看有没有session
- $.ajax({
- url:"/user/check",
- success: function (data) {
- if(data["flag"] < 0){
- // 还没登录
- $("#logout").hide();
- }else{
- // 已经登录了
- $("#register").hide();
- $("#login").hide();
-
- }
- },
- 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="Order.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">登录</a></li>
- <li><a id="register" href="Register.html">注册</a></li>
- <li><a id="logout" href="#">注销</a></li>
-
- <li>
- <a href="Cart.html"><span class="glyphicon glyphicon-shopping-cart">购物车</span></a>
- </li>
- </ul>
- </div>
- </div>
- </div>
-
-
-
- <!--content-->
- <div class="container">
-
- <div class="jumbotron">
- <h1>图书商城</h1>
- <p>...</p>
- <p><a class="btn btn-primary btn-lg" href="#" role="button">了解更多</a></p>
- </div>
-
- <ul class="nav nav-tabs" id="myTabs">
- <li class="active"><a href="#">默认排序</a></li>
- <li><a href="#">浏览量从高到低</a></li>
- <li><a href="#">浏览量从低到高</a></li>
- <li><a href="#">更新时间从新到老</a></li>
- <li><a href="#">更新时间从老到新</a></li>
- <li><a href="#">价格从小到大</a></li>
- <li><a href="#">价格从大到小</a></li>
- </ul>
-
-
- <!-- 订单详情页 -->
- <div class="row">
- <div class="col-sm-4 col-md-3">
- <div class="thumbnail">
- <a href="BookInfo.html">
- <img style="width: 100%; height: 200px; display: block;" alt="100%x200"
- src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNDggMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIG1lZXQiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIj48ZGVmcyAvPjxyZWN0IGZpbGw9IiNlZWVlZWUiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIiAvPjxnPjx0ZXh0IHN0eWxlPSJmb250LWZhbWlseTogQXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7IGZvbnQtc2l6ZTogMjJweDsgZm9udC13ZWlnaHQ6IGJvbGQ7IGRvbWluYW50LWJhc2VsaW5lOiBjZW50cmFsOyBmaWxsOiAjYWFhYWFhOyIgeD0iMTMxLjE2IiB5PSIxMDAiPjM0OHgyMDA8L3RleHQ+PC9nPjwvc3ZnPg=="
- data-src="holder.js/100%x200" data-holder-rendered="true">
- </a>
- <div class="caption center">
- <h3>书名</h3>
- <p><span>价格:</span><span>100.00</span></p>
- <p><a class="btn btn-primary btn-block" role="button" href="BookInfo.html">查看详情</a></p>
- </div>
- </div>
- </div>
- <div class="col-sm-4 col-md-3">
- <div class="thumbnail">
- <a href="BookInfo.html">
- <img style="width: 100%; height: 200px; display: block;" alt="100%x200"
- src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNDggMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIG1lZXQiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIj48ZGVmcyAvPjxyZWN0IGZpbGw9IiNlZWVlZWUiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIiAvPjxnPjx0ZXh0IHN0eWxlPSJmb250LWZhbWlseTogQXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7IGZvbnQtc2l6ZTogMjJweDsgZm9udC13ZWlnaHQ6IGJvbGQ7IGRvbWluYW50LWJhc2VsaW5lOiBjZW50cmFsOyBmaWxsOiAjYWFhYWFhOyIgeD0iMTMxLjE2IiB5PSIxMDAiPjM0OHgyMDA8L3RleHQ+PC9nPjwvc3ZnPg=="
- data-src="holder.js/100%x200" data-holder-rendered="true">
- </a>
- <div class="caption center">
- <h3>书名</h3>
- <p><span>价格:</span><span>100.00</span></p>
- <p><a class="btn btn-primary btn-block" role="button" href="#">查看详情</a></p>
- </div>
- </div>
- </div>
- <div class="col-sm-4 col-md-3">
- <div class="thumbnail">
- <a href="BookInfo.html">
- <img style="width: 100%; height: 200px; display: block;" alt="100%x200"
- src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNDggMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIG1lZXQiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIj48ZGVmcyAvPjxyZWN0IGZpbGw9IiNlZWVlZWUiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIiAvPjxnPjx0ZXh0IHN0eWxlPSJmb250LWZhbWlseTogQXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7IGZvbnQtc2l6ZTogMjJweDsgZm9udC13ZWlnaHQ6IGJvbGQ7IGRvbWluYW50LWJhc2VsaW5lOiBjZW50cmFsOyBmaWxsOiAjYWFhYWFhOyIgeD0iMTMxLjE2IiB5PSIxMDAiPjM0OHgyMDA8L3RleHQ+PC9nPjwvc3ZnPg=="
- data-src="holder.js/100%x200" data-holder-rendered="true">
- </a>
- <div class="caption center">
- <h3>书名</h3>
- <p><span>价格:</span><span>100.00</span></p>
- <p><a class="btn btn-primary btn-block" role="button" href="#">查看详情</a></p>
- </div>
- </div>
- </div>
- <div class="col-sm-4 col-md-3">
- <div class="thumbnail">
- <a href="BookInfo.html">
- <img style="width: 100%; height: 200px; display: block;" alt="100%x200"
- src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNDggMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIG1lZXQiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIj48ZGVmcyAvPjxyZWN0IGZpbGw9IiNlZWVlZWUiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIiAvPjxnPjx0ZXh0IHN0eWxlPSJmb250LWZhbWlseTogQXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7IGZvbnQtc2l6ZTogMjJweDsgZm9udC13ZWlnaHQ6IGJvbGQ7IGRvbWluYW50LWJhc2VsaW5lOiBjZW50cmFsOyBmaWxsOiAjYWFhYWFhOyIgeD0iMTMxLjE2IiB5PSIxMDAiPjM0OHgyMDA8L3RleHQ+PC9nPjwvc3ZnPg=="
- data-src="holder.js/100%x200" data-holder-rendered="true">
- </a>
- <div class="caption center">
- <h3>书名</h3>
- <p><span>价格:</span><span>100.00</span></p>
- <p><a class="btn btn-primary btn-block" role="button" href="#">查看详情</a></p>
- </div>
- </div>
- </div>
- <div class="col-sm-4 col-md-3">
- <div class="thumbnail">
- <a href="BookInfo.html">
- <img style="width: 100%; height: 200px; display: block;" alt="100%x200"
- src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNDggMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIG1lZXQiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIj48ZGVmcyAvPjxyZWN0IGZpbGw9IiNlZWVlZWUiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIiAvPjxnPjx0ZXh0IHN0eWxlPSJmb250LWZhbWlseTogQXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7IGZvbnQtc2l6ZTogMjJweDsgZm9udC13ZWlnaHQ6IGJvbGQ7IGRvbWluYW50LWJhc2VsaW5lOiBjZW50cmFsOyBmaWxsOiAjYWFhYWFhOyIgeD0iMTMxLjE2IiB5PSIxMDAiPjM0OHgyMDA8L3RleHQ+PC9nPjwvc3ZnPg=="
- data-src="holder.js/100%x200" data-holder-rendered="true">
- </a>
- <div class="caption center">
- <h3>书名</h3>
- <p><span>价格:</span><span>100.00</span></p>
- <p><a class="btn btn-primary btn-block" role="button" href="#">查看详情</a></p>
- </div>
- </div>
- </div>
- <div class="col-sm-4 col-md-3">
- <div class="thumbnail">
- <a href="BookInfo.html">
- <img style="width: 100%; height: 200px; display: block;" alt="100%x200"
- src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNDggMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIG1lZXQiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIj48ZGVmcyAvPjxyZWN0IGZpbGw9IiNlZWVlZWUiIHdpZHRoPSIzNDgiIGhlaWdodD0iMjAwIiAvPjxnPjx0ZXh0IHN0eWxlPSJmb250LWZhbWlseTogQXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7IGZvbnQtc2l6ZTogMjJweDsgZm9udC13ZWlnaHQ6IGJvbGQ7IGRvbWluYW50LWJhc2VsaW5lOiBjZW50cmFsOyBmaWxsOiAjYWFhYWFhOyIgeD0iMTMxLjE2IiB5PSIxMDAiPjM0OHgyMDA8L3RleHQ+PC9nPjwvc3ZnPg=="
- data-src="holder.js/100%x200" data-holder-rendered="true">
- </a>
- <div class="caption center">
- <h3>书名</h3>
- <p><span>价格:</span><span>100.00</span></p>
- <p><a class="btn btn-primary btn-block" role="button" href="#">查看详情</a></p>
- </div>
- </div>
- </div>
- </div>
-
- <!-- 分页 -->
- <nav class="center">
- <ul class="pagination pagination-lg">
- <li>
- <a href="#" aria-label="Previous">
- <span aria-hidden="true">首页</span>
- </a>
- </li>
- <li><a href="#">1</a></li>
- <li><a href="#">2</a></li>
- <li><a href="#">3</a></li>
- <li><a href="#">4</a></li>
- <li><a href="#">5</a></li>
- <li>
- <a href="#" aria-label="Next">
- <span aria-hidden="true">末页</span>
- </a>
- </li>
- </ul>
- </nav>
-
- </div>
-
-
- <!--footer-->
- <div class="navbar navbar-default navbar-static-bottom">
- <p style="text-align: center">版权声明区</p>
- </div>
-
- </body>
- </html>
|
