155 lines
4.7 KiB
Plaintext
155 lines
4.7 KiB
Plaintext
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||
|
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||
|
pageEncoding="utf-8"%>
|
||
|
<html>
|
||
|
<head>
|
||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
|
<title>后台首页</title>
|
||
|
<head>
|
||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
<link href="../css/bootstrap.min.css" rel="stylesheet">
|
||
|
<script src="../js/jquery.min.js"></script>
|
||
|
<script src="../js/bootstrap.min.js"></script>
|
||
|
<title>后台主页面</title>
|
||
|
<style>
|
||
|
@media ( min-width :768px ) {
|
||
|
#left_tab {
|
||
|
width: 250px;
|
||
|
position: absolute;
|
||
|
z-index: 1;
|
||
|
height: 640px;
|
||
|
}
|
||
|
.mysearch {
|
||
|
margin: 10px;
|
||
|
}
|
||
|
.page_main {
|
||
|
margin-left: 255px;
|
||
|
}
|
||
|
.dv_content{
|
||
|
width: 100%;
|
||
|
height: 500px;
|
||
|
}
|
||
|
}
|
||
|
</style>
|
||
|
</head>
|
||
|
<body>
|
||
|
<c:if test="${admin==null }">
|
||
|
<c:redirect url="login.jsp"></c:redirect>
|
||
|
</c:if>
|
||
|
<!--导航 -->
|
||
|
<div style="width: 80%;margin-left: 10%;">
|
||
|
<nav class="navbar navbar-default navbar-static-top">
|
||
|
<div class="navbar-header">
|
||
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#left_tab,#top_right">
|
||
|
<span class="icon-bar"></span>
|
||
|
<span class="icon-bar"></span>
|
||
|
<span class="icon-bar"></span>
|
||
|
</button>
|
||
|
<a href="#" class="navbar-brand">网站后台管理</a>
|
||
|
</div>
|
||
|
<ul id="top_right" class="collapse navbar-collapse nav navbar-nav navbar-right" style="margin-right: 20px;">
|
||
|
<li>
|
||
|
<a href="#">
|
||
|
<span class="badge" style="background-color: red;">23</span>
|
||
|
</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a href="#">
|
||
|
<span class="glyphicon glyphicon-off"></span>注销
|
||
|
</a>
|
||
|
</li>
|
||
|
</ul>
|
||
|
<!--左侧边栏 -->
|
||
|
<div id="left_tab" style="margin-top: 70px;" class="collapse navbar-default navbar-collapse">
|
||
|
<ul class="nav panel-group" id="myPanel">
|
||
|
<!--栏目-->
|
||
|
<li class="panel">
|
||
|
<a href="#sub1" data-toggle="collapse" data-parent="#myPanel"> 用户管理
|
||
|
<span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
|
||
|
</a>
|
||
|
<ul id="sub1" class="nav collapse panel-collapse">
|
||
|
<li>
|
||
|
<a href="#" id="showUser">
|
||
|
<span class="glyphicon glyphicon-user"></span> <b>会员管理</b>
|
||
|
</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a href="#" id="invalid"><!-- 无效会员 -->
|
||
|
<span class="glyphicon glyphicon-user"></span> <b>无效会员管理</b>
|
||
|
</a>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
<li class="panel">
|
||
|
<a href="#sub3" data-toggle="collapse" data-parent="#myPanel"> 商品管理
|
||
|
<span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
|
||
|
</a>
|
||
|
<ul id="sub3" class="nav panel-collapse collapse">
|
||
|
<li>
|
||
|
<a href="#" id="showGoodsType">
|
||
|
<span class="glyphicon glyphicon-record"></span> 查看商品分类
|
||
|
</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a href="#" id="addGoodsType">
|
||
|
<span class="glyphicon glyphicon-plus"></span> 添加商品分类
|
||
|
</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a href="#" id="showGoods" >
|
||
|
<span class="glyphicon glyphicon-record"></span> 查看商品
|
||
|
</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a href="#" id="addGoods">
|
||
|
<span class="glyphicon glyphicon-plus"></span> 添加商品
|
||
|
</a>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
<li class="panel">
|
||
|
<a href="#sub2" data-toggle="collapse" data-parent="#myPanel"> 订单管理
|
||
|
<span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
|
||
|
</a>
|
||
|
<ul id="sub2" class="nav panel-collapse collapse">
|
||
|
<li>
|
||
|
<a href="#" id="showOrder">
|
||
|
<span class="glyphicon glyphicon-record"></span> 查看订单
|
||
|
</a>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</nav>
|
||
|
<!--右侧部分-->
|
||
|
<div class="page_main">
|
||
|
<script type="text/javascript">
|
||
|
$("#showUser").click(function(){
|
||
|
$(".dv_content").attr("src","userList.jsp");
|
||
|
})
|
||
|
$("#showGoodsType").click(function(){
|
||
|
$(".dv_content").attr("src","${pageContext.request.contextPath}/getGoodsType?flag=show");
|
||
|
})
|
||
|
$("#addGoodsType").click(function(){
|
||
|
$(".dv_content").attr("src","${pageContext.request.contextPath}/getGoodsType?flag=add");
|
||
|
})
|
||
|
$("#showGoods").click(function(){
|
||
|
$(".dv_content").attr("src","${pageContext.request.contextPath}/getGoodsList");
|
||
|
})
|
||
|
$("#addGoods").click(function(){
|
||
|
$(".dv_content").attr("src","addGoods.jsp");
|
||
|
})
|
||
|
$("#showOrder").click(function(){
|
||
|
$(".dv_content").attr("src","${pageContext.request.contextPath}/getAllOrder");
|
||
|
})
|
||
|
</script>
|
||
|
<iframe class="dv_content" frameborder="0" scrolling="no">
|
||
|
|
||
|
</iframe>
|
||
|
</div>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|