JSP程序设计——手机销售网后台设计
信管1172 高颖 201711671206
一、实验要求
系统后台开发具体要求(课本第10章的项目基础上):
1.在导航条中添加一个后台管理菜单。
2.后台页面分成左右两个框,左边显示一个树形菜单,右边根据菜单选择显示相应的交互界面。
3.实现对用户,产品分类,产品,订单等的后台管理。
4.具体界面自行设计。
二、功能说明
(1)用户
1.主页
2.登录
3.注册
4.登录
5.浏览手机
6.查询手机
7.查看购物车
(2)后台
1.主页
源码:
tree.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<div class="treebox col-sm-2 col-md-2 col-lg-2" >
<ul class="menu">
<li class="level1">
<a href="#none"><em class="ico ico1"></em>用户管理<i class="down"></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/user?method=list">用户列表</a></li>
<li><a href="javascript:;">用户增加</a></li>
</ul>
</li>
<li class="level1">
<a href="#none"><em class="ico ico2"></em>商品管理<i></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/good?method=list">商品列表</a></li>
<li><a href="javascript:;">商品类型</a></li>
<li><a href="javascript:;">商品库存</a></li>
</ul>
</li>
<li class="level1">
<a href="#none"><em class="ico ico3"></em>订单管理<i></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/order?method=list">订单一览</a></li>
<li><a href="javascript:;">订单处理</a></li>
</ul>
</li>
</ul>
</div>
welcome.jsp
<%--
Created by IntelliJ IDEA.
User: Lusty
Date: 2019-05-19
Time: 13:58
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<meta name="description" content="">
<meta name="author" content="">
<title>Title</title>
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath }/assets/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/assets/css/style.css" rel="stylesheet">
<script src="${pageContext.request.contextPath }/assets/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath }/assets/js/easing.js"></script>
<script src="${pageContext.request.contextPath }/assets/bootstrap/js/bootstrap.min.js"></script>
</head>
<style>
@media (min-width: 1200px){
.container {
width: 20%;
}
}
.container {
margin-top: 10%;
}
</style>
<body>
<div class="container">
<form class="form-signin">
<h2 class="form-signin-heading">请登录后台系统</h2>
<label for="inputEmail" class="sr-only">用户名</label>
<input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
<label for="inputPassword" class="sr-only">密码</label>
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
<div class="checkbox">
<label>
<input type="checkbox" value="remember-me"> Remember me
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>
</div>
</body>
</html>
2.用户注册
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>用户列表</title>
<style>
*{ margin: 0; padding: 0; }
img{border:0;}
ul,li{list-style-type:none;}
a {color:#00007F;text-decoration:none;}
a:hover {color:#bd0a01;text-decoration:underline;}
.treebox{ width: 200px; background-color:#1a6cb9;height:95vh; }
.menu{ overflow: hidden; border-color: #ddd; border-style: solid ; border-width: 0 1px 1px ;
float: left;}
.menu li.level1>a{
display:block;
height: 45px;
line-height: 45px;
color: #fff;
padding-left: 50px;
border-bottom: 1px solid #000;
font-size: 16px;
position: relative;
}
.menu li.level1 a:hover{ text-decoration: none;background-color:#326ea5; }
.menu li.level1 a.current{ background: #0f4679; }
.ico{ width: 20px; height: 20px; display:block; position: absolute; left: 20px; top: 10px; background-repeat: no-repeat; background-image: url(${pageContext.request.contextPath }/image/ico1.png); }
.level1 i{ width: 20px; height: 10px; background-image:url(${pageContext.request.contextPath }/image/arrow.png); background-repeat: no-repeat; display: block; position: absolute; right: 20px; top: 20px; }
.level1 i.down{ background-position: 0 -10px; }
.ico1{ background-position: 0 0; }
.ico2{ background-position: 0 -20px; }
.ico3{ background-position: 0 -40px; }
.ico4{ background-position: 0 -60px; }
.ico5{ background-position: 0 -80px; }
.menu li ul{ overflow: hidden; }
.menu li ul.level2{ display: none;background: #0f4679; }
.menu li ul.level2 li a{
display: block;
height: 45px;
line-height: 45px;
color: #fff;
text-indent: 60px;
/*border-bottom: 1px solid #ddd; */
font-size: 14px;
}
</style>
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath }/assets/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/assets/css/style.css" rel="stylesheet">
<script src="${pageContext.request.contextPath }/assets/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath }/assets/js/easing.js"></script>
<script src="${pageContext.request.contextPath }/assets/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<%--顶部条栏--%>
<div style="height: 5vh">
<!--路径导航-->
<ol class="breadcrumb breadcrumb_nav">
<li>首页</li>
<li>用户管理</li>
<li class="active">用户列表</li>
</ol>
</div>
<div class="row">
<div class="treebox col-sm-2 col-md-2 col-lg-2" style="height: 100vh">
<ul class="menu">
<li class="level1">
<a href="#none"><em class="ico ico1"></em>用户管理<i class="down"></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/user?method=list">用户列表</a></li>
<li><a href="javascript:;">用户增加</a></li>
</ul>
</li>
<li class="level1">
<a href="#none"><em class="ico ico2"></em>商品管理<i></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/good?method=list">商品列表</a></li>
<li><a href="javascript:;">商品类型</a></li>
<li><a href="${pageContext.request.contextPath }/user?method=editUI">商品增加</a></li>
</ul>
</li>
<li class="level1">
<a href="#none"><em class="ico ico3"></em>订单管理<i></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/order?method=list">订单一览</a></li>
<li><a href="javascript:;">订单处理</a></li>
</ul>
</li>
</ul>
</div>
<div class="page-content col-sm-10 col-md-10 col-lg-10">
<div class="panel panel-default">
<div class="panel-heading">用户列表</div>
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th width="3%">
<input class="check_all" type="checkbox">
</th>
<th width="5%">登录名</th>
<th width="5%">手机号</th>
<th width="5%">地址</th>
<th width="5%">真名</th>
<%--<th width="5%">操作</th>--%>
</tr>
</thead>
<tbody>
<c:forEach items="${pageResult.list}" var="item">
<tr>
<td>
<input class="check_all" type="checkbox" name="ids[]" value="8">
</td>
<td>${item.loginName }</td>
<td>${item.phone}</td>
<td>${item.address}</td>
<%--<td>--%>
<%--<c:if test="${item.gender==1}">男</c:if>--%>
<%--<c:if test="${item.gender==2}">女</c:if>--%>
<%--<c:if test="${item.gender==3}">保密</c:if>--%>
<%--</td>--%>
<td>${item.realname}</td>
<%--<td>--%>
<%--<a href="${pageContext.request.contextPath }/user?method=editUI&id=${item.id}" class="btn btn-info btn-xs"><span class="glyphicon glyphicon-edit"></span>编辑</a>--%>
<%--<a href="${pageContext.request.contextPath }/user?method=delete&id=${item.id}" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-eye-open"></span>删除</a>--%>
<%--</td>--%>
</tr>
</c:forEach>
</tbody>
</table>
<div class="panel-footer clearfix">
<div class="pull-left">
<div class="form-group">
<label>总记录数:${pageResult.totalRecord}</label>
<label>每页显示:</label>
<select class="form-control" id="pageSize" οnchange="queryByPages()">
<option value="5" <c:if test="${pageResult.pageSize eq 5}">selected="selected"</c:if> >5</option>
<option value="10" <c:if test="${pageResult.pageSize eq 10}">selected="selected"</c:if> >10</option>
<option value="15" <c:if test="${pageResult.pageSize eq 15}">selected="selected"</c:if> >15</option>
</select>
</div>
</div>
<nav class="pull-right">
<ul class="pagination pagination-self">
<!-- 上一页 -->
<c:if test="${pageResult.currentPage == 1}">
<li>
<span aria-hidden="true">«</span>
</li>
</c:if>
<c:if test="${pageResult.currentPage >1}">
<li>
<a href="${pageContext.request.contextPath }/user?method=list¤tPage=${pageResult.currentPage-1}" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
</c:if>
<c:forEach begin="${pageResult.beginIndex }" end="${pageResult.endIndex }" varStatus="status">
<c:if test="${status.index eq pageResult.currentPage}">
<li><span style="color: black;">${status.index }</span></li>
</c:if>
<c:if test="${status.index ne pageResult.currentPage}">
<li><a href="${pageContext.request.contextPath }/user?method=list¤tPage=${status.index}">${status.index }</a></li>
</c:if>
</c:forEach>
<!-- 下一页 -->
<c:if test="${pageResult.currentPage == pageResult.totalPages}">
<li>
<span aria-hidden="true">»</span>
</li>
</c:if>
<c:if test="${pageResult.currentPage < pageResult.totalPages}">
<li>
<a href="${pageContext.request.contextPath }/user?method=list¤tPage=${pageResult.currentPage+1}" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</c:if>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
//定义js方法格式: function 方法名(){}
// js 只有一种数据类型 var
function queryByPages(){
//设置当前浏览器的地址
var pageSize = document.getElementById("pageSize").value;
var userName = document.getElementById("userName").value;
document.location.href="${pageContext.request.contextPath }/user?method=list¤tPage=1&pageSize="+pageSize+"&userName="+userName;
}
//等待dom元素加载完毕.
$(function(){
$(".treebox .level1>a").click(function(){
$(this).addClass('current') //给当前元素添加"current"样式
.find('i').addClass('down') //小箭头向下样式
.parent().next().slideDown('slow','easeOutQuad') //下一个元素显示
.parent().siblings().children('a').removeClass('current')//父元素的兄弟元素的子元素去除"current"样式
.find('i').removeClass('down').parent().next().slideUp('slow','easeOutQuad');//隐藏
return false; //阻止默认时间
});
})
</script>
</body>
</html>
3.添加订单
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>订单列表</title>
<style>
*{ margin: 0; padding: 0; }
img{border:0;}
ul,li{list-style-type:none;}
a {color:#00007F;text-decoration:none;}
a:hover {color:#bd0a01;text-decoration:underline;}
.treebox{ width: 200px; background-color:#1a6cb9;height:95vh; }
.menu{ overflow: hidden; border-color: #ddd; border-style: solid ; border-width: 0 1px 1px ; }
.menu li.level1>a{
display:block;
height: 45px;
line-height: 45px;
color: #fff;
padding-left: 50px;
border-bottom: 1px solid #000;
font-size: 16px;
position: relative;
}
.menu li.level1 a:hover{ text-decoration: none;background-color:#326ea5; }
.menu li.level1 a.current{ background: #0f4679; }
.ico{ width: 20px; height: 20px; display:block; position: absolute; left: 20px; top: 10px; background-repeat: no-repeat; background-image: url(${pageContext.request.contextPath }/image/ico1.png); }
.level1 i{ width: 20px; height: 10px; background-image:url(${pageContext.request.contextPath }/image/arrow.png); background-repeat: no-repeat; display: block; position: absolute; right: 20px; top: 20px; }
.level1 i.down{ background-position: 0 -10px; }
.ico1{ background-position: 0 0; }
.ico2{ background-position: 0 -20px; }
.ico3{ background-position: 0 -40px; }
.ico4{ background-position: 0 -60px; }
.ico5{ background-position: 0 -80px; }
.menu li ul{ overflow: hidden; }
.menu li ul.level2{ display: none;background: #0f4679; }
.menu li ul.level2 li a{
display: block;
height: 45px;
line-height: 45px;
color: #fff;
text-indent: 60px;
/*border-bottom: 1px solid #ddd; */
font-size: 14px;
}
</style>
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath }/assets/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/assets/css/style.css" rel="stylesheet">
<script src="${pageContext.request.contextPath }/assets/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath }/assets/js/easing.js"></script>
<script src="${pageContext.request.contextPath }/assets/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<%--顶部条栏--%>
<div style="height: 5vh">
<!--路径导航-->
<ol class="breadcrumb breadcrumb_nav">
<li>首页</li>
<li>订单管理</li>
<li class="active">订单列表</li>
</ol>
</div>
<div class="row">
<div class="treebox col-sm-2 col-md-2 col-lg-2" style="height: 100vh">
<ul class="menu">
<li class="level1">
<a href="#none"><em class="ico ico1"></em>用户管理<i class="down"></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/user?method=list">用户列表</a></li>
<li><a href="javascript:;">用户增加</a></li>
</ul>
</li>
<li class="level1">
<a href="#none"><em class="ico ico2"></em>商品管理<i></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/good?method=list">商品列表</a></li>
<li><a href="javascript:;">商品类型</a></li>
<li><a href="javascript:;">商品库存</a></li>
</ul>
</li>
<li class="level1">
<a href="#none"><em class="ico ico3"></em>订单管理<i></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/order?method=list">订单一览</a></li>
<li><a href="javascript:;">订单处理</a></li>
</ul>
</li>
</ul>
</div>
<div class="page-content col-sm-10 col-md-10 col-lg-10">
<div class="panel panel-default">
<div class="panel-heading">订单列表</div>
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th width="3%">
<input class="check_all" type="checkbox">
</th>
<th width="5%">用户</th>
<th width="5%">订单信息</th>
<th width="5%">金额</th>
<%--<th width="5%">操作</th>--%>
</tr>
</thead>
<tbody>
<c:forEach items="${pageResult.list}" var="item">
<tr>
<td>
<input class="check_all" type="checkbox" name="ids[]" value="8">
</td>
<td>${item.loginName }</td>
<td>${item.mess}</td>
<td>${item.sum}</td>
</tr>
</c:forEach>
</tbody>
</table>
<div class="panel-footer clearfix">
<div class="pull-left">
<div class="form-group">
<label>总记录数:${pageResult.totalRecord}</label>
<label>每页显示:</label>
<select class="form-control" id="pageSize" οnchange="queryByPages()">
<option value="5" <c:if test="${pageResult.pageSize eq 5}">selected="selected"</c:if> >5</option>
<option value="10" <c:if test="${pageResult.pageSize eq 10}">selected="selected"</c:if> >10</option>
<option value="15" <c:if test="${pageResult.pageSize eq 15}">selected="selected"</c:if> >15</option>
</select>
</div>
</div>
<nav class="pull-right">
<ul class="pagination pagination-self">
<!-- 上一页 -->
<c:if test="${pageResult.currentPage == 1}">
<li>
<span aria-hidden="true">«</span>
</li>
</c:if>
<c:if test="${pageResult.currentPage >1}">
<li>
<a href="${pageContext.request.contextPath }/order?method=list¤tPage=${pageResult.currentPage-1}" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
</c:if>
<c:forEach begin="${pageResult.beginIndex }" end="${pageResult.endIndex }" varStatus="status">
<c:if test="${status.index eq pageResult.currentPage}">
<li><span style="color: black;">${status.index }</span></li>
</c:if>
<c:if test="${status.index ne pageResult.currentPage}">
<li><a href="${pageContext.request.contextPath }/order?method=list¤tPage=${status.index}">${status.index }</a></li>
</c:if>
</c:forEach>
<!-- 下一页 -->
<c:if test="${pageResult.currentPage == pageResult.totalPages}">
<li>
<span aria-hidden="true">»</span>
</li>
</c:if>
<c:if test="${pageResult.currentPage < pageResult.totalPages}">
<li>
<a href="${pageContext.request.contextPath }/order?method=list¤tPage=${pageResult.currentPage+1}" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</c:if>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
//定义js方法格式: function 方法名(){}
// js 只有一种数据类型 var
function queryByPages(){
//设置当前浏览器的地址
var pageSize = document.getElementById("pageSize").value;
var userName = document.getElementById("userName").value;
document.location.href="${pageContext.request.contextPath }/order?method=list¤tPage=1&pageSize="+pageSize+"&userName="+userName;
}
//等待dom元素加载完毕.
$(function(){
$(".treebox .level1>a").click(function(){
$(this).addClass('current') //给当前元素添加"current"样式
.find('i').addClass('down') //小箭头向下样式
.parent().next().slideDown('slow','easeOutQuad') //下一个元素显示
.parent().siblings().children('a').removeClass('current')//父元素的兄弟元素的子元素去除"current"样式
.find('i').removeClass('down').parent().next().slideUp('slow','easeOutQuad');//隐藏
return false; //阻止默认时间
});
})
</script>
</body>
</html>
4.添加商品
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
<title>Title</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
margin: 0;
padding: 0;
}
img {
border: 0;
}
ul, li {
list-style-type: none;
}
a {
color: #00007F;
text-decoration: none;
}
a:hover {
color: #bd0a01;
text-decoration: underline;
}
.treebox {
width: 200px;
background-color: #1a6cb9;
height: 95vh;
}
.menu {
overflow: hidden;
border-color: #ddd;
border-style: solid;
border-width: 0 1px 1px;
}
.menu li.level1 > a {
display: block;
height: 45px;
line-height: 45px;
color: #fff;
padding-left: 50px;
border-bottom: 1px solid #000;
font-size: 16px;
position: relative;
}
.menu li.level1 a:hover {
text-decoration: none;
background-color: #326ea5;
}
.menu li.level1 a.current {
background: #0f4679;
}
.ico {
width: 20px;
height: 20px;
display: block;
position: absolute;
left: 20px;
top: 10px;
background-repeat: no-repeat;
background-image: url(${pageContext.request.contextPath }/image/ico1.png);
}
.level1 i {
width: 20px;
height: 10px;
background-image: url(${pageContext.request.contextPath }/image/arrow.png);
background-repeat: no-repeat;
display: block;
position: absolute;
right: 20px;
top: 20px;
}
.level1 i.down {
background-position: 0 -10px;
}
.ico1 {
background-position: 0 0;
}
.ico2 {
background-position: 0 -20px;
}
.ico3 {
background-position: 0 -40px;
}
.ico4 {
background-position: 0 -60px;
}
.ico5 {
background-position: 0 -80px;
}
.menu li ul {
overflow: hidden;
}
.menu li ul.level2 {
display: none;
background: #0f4679;
}
.menu li ul.level2 li a {
display: block;
height: 45px;
line-height: 45px;
color: #fff;
text-indent: 60px;
/*border-bottom: 1px solid #ddd; */
font-size: 14px;
}
</style>
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath }/assets/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/assets/css/style.css" rel="stylesheet">
<script src="${pageContext.request.contextPath }/assets/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath }/assets/js/easing.js"></script>
<script src="${pageContext.request.contextPath }/assets/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div style="height: 5vh">
<!--路径导航-->
<ol class="breadcrumb breadcrumb_nav">
<li>首页</li>
<li><a href="${pageContext.request.contextPath }/good?method=list">商品管理</a></li>
<li class="active">"${page}"</li>
</ol>
</div>
<%--<div class="container">--%>
<div class="treebox col-sm-2 col-md-2 col-lg-2" style="height: 100vh">
<ul class="menu">
<li class="level1">
<a href="#none"><em class="ico ico1"></em>用户管理<i class="down"></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/user?method=list">用户列表</a></li>
<li><a href="javascript:;">用户增加</a></li>
</ul>
</li>
<li class="level1">
<a href="#none"><em class="ico ico2"></em>商品管理<i></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/good?method=list">商品列表</a></li>
<li><a href="javascript:;">商品类型</a></li>
<li><a href="javascript:;">商品库存</a></li>
</ul>
</li>
<li class="level1">
<a href="#none"><em class="ico ico3"></em>订单管理<i></i></a>
<ul class="level2">
<li><a href="${pageContext.request.contextPath }/order?method=list">订单一览</a></li>
<li><a href="javascript:;">订单处理</a></li>
</ul>
</li>
</ul>
</div>
<div class="page-content col-sm-10 col-md-10 col-lg-10">
<div class="panel panel-default">
<div class="panel-heading">商品列表</div>
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th width="3%">
<input class="check_all" type="checkbox">
</th>
<th width="5%">手机型号</th>
<th width="5%">手机名字</th>
<th width="5%">手机制造商</th>
<th width="5%">手机价格</th>
<th width="5%">手机信息</th>
<th width="5%">手机相片</th>
<th width="5%">手机类别</th>
<%--<th width="5%">操作</th>--%>
</tr>
</thead>
<tbody>
<c:forEach items="${pageResult.list}" var="item">
<tr>
<td>
<input class="check_all" type="checkbox" name="ids[]" value="8">
</td>
<td>${item.mobileVersion }</td>
<td>${item.mobileName}</td>
<td>${item.mobileMade}</td>
<td>${item.mobilePrice}</td>
<td>${item.mobileMess}</td>
<td>${item.mobilePic}</td>
<td>${item.mobileClassify}</td>
</tr>
</c:forEach>
</tbody>
</table>
<div class="panel-footer clearfix">
<div class="pull-left">
<div class="form-group">
<label>总记录数:${pageResult.totalRecord}</label>
<label>每页显示:</label>
<select class="form-control" id="pageSize" οnchange="queryByPages()">
<option value="5" <c:if test="${pageResult.pageSize eq 5}">selected="selected"</c:if> >5</option>
<option value="10" <c:if test="${pageResult.pageSize eq 10}">selected="selected"</c:if> >10</option>
<option value="15" <c:if test="${pageResult.pageSize eq 15}">selected="selected"</c:if> >15</option>
</select>
</div>
</div>
<nav class="pull-right">
<ul class="pagination pagination-self">
<!-- 上一页 -->
<c:if test="${pageResult.currentPage == 1}">
<li>
<span aria-hidden="true">«</span>
</li>
</c:if>
<c:if test="${pageResult.currentPage >1}">
<li>
<a href="${pageContext.request.contextPath }/good?method=list¤tPage=${pageResult.currentPage-1}" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
</c:if>
<c:forEach begin="${pageResult.beginIndex }" end="${pageResult.endIndex }" varStatus="status">
<c:if test="${status.index eq pageResult.currentPage}">
<li><span style="color: black;">${status.index }</span></li>
</c:if>
<c:if test="${status.index ne pageResult.currentPage}">
<li><a href="${pageContext.request.contextPath }/good?method=list¤tPage=${status.index}">${status.index }</a></li>
</c:if>
</c:forEach>
<!-- 下一页 -->
<c:if test="${pageResult.currentPage == pageResult.totalPages}">
<li>
<span aria-hidden="true">»</span>
</li>
</c:if>
<c:if test="${pageResult.currentPage < pageResult.totalPages}">
<li>
<a href="${pageContext.request.contextPath }/good?method=list¤tPage=${pageResult.currentPage+1}" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</c:if>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
//定义js方法格式: function 方法名(){}
// js 只有一种数据类型 var
function queryByPages(){
//设置当前浏览器的地址
var pageSize = document.getElementById("pageSize").value;
var userName = document.getElementById("userName").value;
document.location.href="${pageContext.request.contextPath }/good?method=list¤tPage=1&pageSize="+pageSize+"&userName="+userName;
}
//等待dom元素加载完毕.
$(function(){
$(".treebox .level1>a").click(function(){
$(this).addClass('current') //给当前元素添加"current"样式
.find('i').addClass('down') //小箭头向下样式
.parent().next().slideDown('slow','easeOutQuad') //下一个元素显示
.parent().siblings().children('a').removeClass('current')//父元素的兄弟元素的子元素去除"current"样式
.find('i').removeClass('down').parent().next().slideUp('slow','easeOutQuad');//隐藏
return false; //阻止默认时间
});
})
</script>
</body>
</html>
5.注销用户
<%--
<%--
Created by IntelliJ IDEA.
User: corrine
Date: 2019-05-16
Time: 21:31
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=GB2312" %>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Amaze UI Admin index Examples</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="assets/i/[email protected]">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="assets/css/admin.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/app.js"></script>
</head>
<body>
<!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧! <a href="http://www.htmlsucai.com" target="_blank">升级浏览器</a>以获得更好的体验!</p><![endif]-->
<style type="text/css">
#admin{margin:100px 100px 0px 300px;}
.content{font-size:18px;font-family:"微软雅黑";width:900px;height:490px;display:none;padding:5px;overflow-y:auto;line-height:30px;float:right}
#footer{width:900px;height:30px;margin:0 auto;background-color:#ccc;line-height:30px;text-align:center;}
.content1 {width:740px;height:490px;display:block;padding:5px;overflow-y:auto;line-height:30px;}
</style>
</head>
<body>
<header class="am-topbar admin-header">
<div class="am-topbar-brand"><img src="assets/i/logo.png"></div>
</header>
<div class="am-cf admin-main">
<div class="nav-navicon admin-main admin-sidebar">
<div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员</div>
<div class="sideMenu">
<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 用户管理</a></h3>
<ul>
<li><a href="searchuser.jsp">用户列表</li>
<li><a href="adduser.jsp">用户注册</li>
<li><a href="deleteuser.jsp">用户注销</li>
</ul>
<h3 class="am-icon-flag"><em></em> <a href="#">商品管理</a></h3>
<ul>
<li><a href="bsMgoods.jsp">商品列表</a></li>
<li><a href="modifyphone.jsp">添加新商品</a></li>
<li><a href="deletemobile.jsp">商品回收站</li>
<li>商品分类</li>
<li>库存管理 </li>
</ul>
<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 订单管理</a></h3>
<ul>
<li><a href="searchorder.jsp">订单列表</li>
<li>合并订单</li>
<li><a href="modifyorder.jsp">添加订单</li>
<li><a href="deleteorder.jsp">删除订单</li>
<li>发货单列表</li>
<li>换货单列表</li>
</ul>
</div>
<!-- sideMenu End -->
<script type="text/javascript">
jQuery(".sideMenu").slide({
titCell:"h3", //鼠标触发对象
targetCell:"ul", //与titCell一一对应,第n个titCell控制第n个targetCell的显示隐藏
effect:"slideDown", //targetCell下拉效果
delayTime:300 , //效果时间
triggerTime:150, //鼠标延迟触发时间(默认150)
defaultPlay:true,//默认是否执行效果(默认true)
returnDefault:true //鼠标从.sideMen移走后返回默认状态(默认false)
});
</script>
</div>
<div class=" admin-content">
<div class="daohang">
<ul>
<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页 </li>
<li><a href="index.jsp"><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">主页</button></a></li>
<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">帮助中心<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>
</ul>
</div>
</div>
</div>
<div id="admin">
<div id="welcome" class="content" style="display:block;">
<div align="center">
<%@ taglib tagdir="/WEB-INF/tags" prefix="inquire"%>
<HTML>
<% String na=request.getParameter("version");
if(na==null)
na ="";
byte [] bb=na.getBytes("iso-8859-1");
na = new String(bb);
%>
<inquire:DelRecord name="<%=na%>" />
<BR>user表删除记录后的记录是:
<inquire:QueryTag dataBaseName="warehourse"
tableName="user"
user="root" password=""/>
<BR> <%=queryResult %>
</HTML>
</div>
</div>
</div>
</body>
</html>
6.商品下架
<%--
<%--
Created by IntelliJ IDEA.
User: corrine
Date: 2019-05-16
Time: 21:31
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=GB2312" %>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Amaze UI Admin index Examples</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="assets/i/[email protected]">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="assets/css/admin.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/app.js"></script>
</head>
<body>
<!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧! <a href="http://www.htmlsucai.com" target="_blank">升级浏览器</a>以获得更好的体验!</p><![endif]-->
<style type="text/css">
#admin{margin:100px 100px 0px 300px;}
.content{font-size:18px;font-family:"微软雅黑";width:900px;height:490px;display:none;padding:5px;overflow-y:auto;line-height:30px;float:right}
#footer{width:900px;height:30px;margin:0 auto;background-color:#ccc;line-height:30px;text-align:center;}
.content1 {width:740px;height:490px;display:block;padding:5px;overflow-y:auto;line-height:30px;}
</style>
</head>
<body>
<header class="am-topbar admin-header">
<div class="am-topbar-brand"><img src="assets/i/logo.png"></div>
</header>
<div class="am-cf admin-main">
<div class="nav-navicon admin-main admin-sidebar">
<div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员</div>
<div class="sideMenu">
<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 用户管理</a></h3>
<ul>
<li><a href="searchuser.jsp">用户列表</li>
<li><a href="adduser.jsp">用户注册</li>
<li><a href="deleteuser.jsp">用户注销</li>
</ul>
<h3 class="am-icon-flag"><em></em> <a href="#">商品管理</a></h3>
<ul>
<li><a href="bsMgoods.jsp">商品列表</a></li>
<li><a href="modifyphone.jsp">添加新商品</a></li>
<li><a href="deletemobile.jsp">商品回收站</li>
<li>商品分类</li>
<li>库存管理 </li>
</ul>
<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 订单管理</a></h3>
<ul>
<li><a href="searchorder.jsp">订单列表</li>
<li>合并订单</li>
<li><a href="modifyorder.jsp">添加订单</li>
<li><a href="deleteorder.jsp">删除订单</li>
<li>发货单列表</li>
<li>换货单列表</li>
</ul>
</div>
<!-- sideMenu End -->
<script type="text/javascript">
jQuery(".sideMenu").slide({
titCell:"h3", //鼠标触发对象
targetCell:"ul", //与titCell一一对应,第n个titCell控制第n个targetCell的显示隐藏
effect:"slideDown", //targetCell下拉效果
delayTime:300 , //效果时间
triggerTime:150, //鼠标延迟触发时间(默认150)
defaultPlay:true,//默认是否执行效果(默认true)
returnDefault:true //鼠标从.sideMen移走后返回默认状态(默认false)
});
</script>
</div>
<div class=" admin-content">
<div class="daohang">
<ul>
<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页 </li>
<li><a href="index.jsp"><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">主页</button></a></li>
<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">帮助中心<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>
</ul>
</div>
</div>
</div>
<div id="admin">
<div id="welcome" class="content" style="display:block;">
<div align="center">
<%@ taglib tagdir="/WEB-INF/tags" prefix="inquire"%>
<HTML>
<% String na=request.getParameter("version");
if(na==null)
na ="";
byte [] bb=na.getBytes("iso-8859-1");
na = new String(bb);
%>
<inquire:DelRecord name="<%=na%>" />
<BR>user表删除记录后的记录是:
<inquire:QueryTag dataBaseName="warehourse"
tableName="user"
user="root" password=""/>
<BR> <%=queryResult %>
</HTML>
</div>
</div>
</div>
</body>
</html>
7.查询订单
<%--
<%--
Created by IntelliJ IDEA.
User: corrine
Date: 2019-05-16
Time: 21:31
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=GB2312" %>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Amaze UI Admin index Examples</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="assets/i/[email protected]">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="assets/css/admin.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/app.js"></script>
</head>
<body>
<!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧! <a href="http://www.htmlsucai.com" target="_blank">升级浏览器</a>以获得更好的体验!</p><![endif]-->
<style type="text/css">
#admin{margin:100px 200px 0px 100px;}
.content{font-size:18px;font-family:"微软雅黑";width:900px;height:490px;display:none;padding:5px;overflow-y:auto;line-height:30px;float:right}
#footer{width:900px;height:30px;margin:0 auto;background-color:#ccc;line-height:30px;text-align:center;}
.content1 {width:740px;height:490px;display:block;padding:5px;overflow-y:auto;line-height:30px;}
</style>
</head>
<body>
<header class="am-topbar admin-header">
<div class="am-topbar-brand"><img src="assets/i/logo.png"></div>
</header>
<div class="am-cf admin-main">
<div class="nav-navicon admin-main admin-sidebar">
<div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员</div>
<div class="sideMenu">
<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 用户管理</a></h3>
<ul>
<li><a href="searchuser.jsp">用户列表</li>
<li><a href="adduser.jsp">用户注册</li>
<li><a href="deleteuser.jsp">用户注销</li>
</ul>
<h3 class="am-icon-flag"><em></em> <a href="#">商品管理</a></h3>
<ul>
<li><a href="bsMgoods.jsp">商品列表</a></li>
<li><a href="modifyphone.jsp">添加新商品</a></li>
<li><a href="deletemobile.jsp">商品回收站</li>
<li>商品分类</li>
<li>库存管理 </li>
</ul>
<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 订单管理</a></h3>
<ul>
<li><a href="searchorder.jsp">订单列表</li>
<li>合并订单</li>
<li><a href="modifyorder.jsp">添加订单</li>
<li><a href="deleteorder.jsp">删除订单</li>
<li>发货单列表</li>
<li>换货单列表</li>
</ul>
</div>
<!-- sideMenu End -->
<script type="text/javascript">
jQuery(".sideMenu").slide({
titCell:"h3", //鼠标触发对象
targetCell:"ul", //与titCell一一对应,第n个titCell控制第n个targetCell的显示隐藏
effect:"slideDown", //targetCell下拉效果
delayTime:300 , //效果时间
triggerTime:150, //鼠标延迟触发时间(默认150)
defaultPlay:true,//默认是否执行效果(默认true)
returnDefault:true //鼠标从.sideMen移走后返回默认状态(默认false)
});
</script>
</div>
<div class=" admin-content">
<div class="daohang">
<ul>
<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页 </li>
<li><a href="index.jsp"><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">主页</button></a></li>
<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">帮助中心<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>
</ul>
</div>
</div>
</div>
<div id="admin">
<div id="welcome" class="content" style="display:block;">
<div align="center">
<p> </p>
<h2>查询订单</h2>
<%@ page contentType="text/html;charset=GB2312" %>
<HTML>
<FORM action="byname1.jsp" Method="post">
根据用户名查询
<BR>输入用户名:<Input type=text name="na">
<Input type=submit name="g" value="提交">
</Form>
<FORM action="bynum.jsp" Method="post">
根据订单序号查询
<BR> 输入订单序号:<Input type=text name="number">
<Input type=submit name="g" value="提交">
</Form>
</HTML>
<p> </p>
</div>
</div>
</div>
</body>
</html>
8.删除订单
<%--
<%--
Created by IntelliJ IDEA.
User: corrine
Date: 2019-05-16
Time: 21:31
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=utf-8" %>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Amaze UI Admin index Examples</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="assets/i/[email protected]">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="assets/css/admin.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/app.js"></script>
</head>
<body>
<!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧! <a href="http://www.htmlsucai.com" target="_blank">升级浏览器</a>以获得更好的体验!</p><![endif]-->
<style type="text/css">
#admin{margin:100px 200px 0px 100px;font-family:"微软雅黑";font-size:18px;position:relative;}
#foot{positon:absolute;bottom:0px;}
.content{font-size:18px;font-family:"微软雅黑";width:900px;height:490px;display:none;padding:5px;overflow-y:auto;line-height:30px;float:right}
#footer{width:900px;height:30px;margin:0 auto;background-color:#ccc;line-height:30px;text-align:center;}
.content1 {width:740px;height:490px;display:block;padding:5px;overflow-y:auto;line-height:30px;}
</style>
</head>
<body>
<header class="am-topbar admin-header">
<div class="am-topbar-brand"><img src="assets/i/logo.png"></div>
</header>
<div class="am-cf admin-main">
<div class="nav-navicon admin-main admin-sidebar">
<div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员</div>
<div class="sideMenu">
<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 用户管理</a></h3>
<ul>
<li><a href="searchuser.jsp">用户列表</li>
<li><a href="adduser.jsp">用户注册</li>
<li><a href="deleteuser.jsp">用户注销</li>
</ul>
<h3 class="am-icon-flag"><em></em> <a href="#">商品管理</a></h3>
<ul>
<li><a href="bsMgoods.jsp">商品列表</a></li>
<li><a href="modifyphone.jsp">添加新商品</a></li>
<li><a href="deletemobile.jsp">商品回收站</li>
<li>商品分类</li>
<li>库存管理 </li>
</ul>
<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 订单管理</a></h3>
<ul>
<li><a href="searchorder.jsp">订单列表</li>
<li>合并订单</li>
<li><a href="modifyorder.jsp">添加订单</li>
<li><a href="deleteorder.jsp">删除订单</li>
<li>发货单列表</li>
<li>换货单列表</li>
</ul>
</div>
<!-- sideMenu End -->
<script type="text/javascript">
jQuery(".sideMenu").slide({
titCell:"h3", //鼠标触发对象
targetCell:"ul", //与titCell一一对应,第n个titCell控制第n个targetCell的显示隐藏
effect:"slideDown", //targetCell下拉效果
delayTime:300 , //效果时间
triggerTime:150, //鼠标延迟触发时间(默认150)
defaultPlay:true,//默认是否执行效果(默认true)
returnDefault:true //鼠标从.sideMen移走后返回默认状态(默认false)
});
</script>
</div>
<div class=" admin-content">
<div class="daohang">
<ul>
<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页 </li>
<li><a href="index.jsp"><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">主页</button></a></li>
<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">帮助中心<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>
</ul>
</div>
</div>
</div>
<div id="admin">
<div id="welcome" class="content" style="display:block;">
<div align="center">
<%@ taglib tagdir="/WEB-INF/tags" prefix="inquire"%>
<HTML>
<FORM action="delete2.jsp" method=post>
删除记录:<BR>输入要删除的订单号:
<Input type="text" name="number" size=8>
<BR><Input type="submit" name="b" value="提交">
<BR>orderform删除记录前的记录是:
<inquire:QueryTag dataBaseName="warehourse"
tableName="orderform"
user="root" password=""/>
<BR> <%=queryResult %>
</HTML>
</div>
</div>
</div>
</body>
</html>
9.查询用户
<%--
<%--
Created by IntelliJ IDEA.
User: corrine
Date: 2019-05-16
Time: 21:31
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=GB2312" %>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Amaze UI Admin index Examples</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="assets/i/[email protected]">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="assets/css/admin.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/app.js"></script>
</head>
<body>
<!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧! <a href="http://www.htmlsucai.com" target="_blank">升级浏览器</a>以获得更好的体验!</p><![endif]-->
<style type="text/css">
.content{font-size:18px;font-family:"微软雅黑";width:900px;height:490px;display:none;padding:5px;overflow-y:auto;line-height:30px;float:right}
#footer{width:900px;height:30px;margin:0 auto;background-color:#ccc;line-height:30px;text-align:center;}
.content1 {width:740px;height:490px;display:block;padding:5px;overflow-y:auto;line-height:30px;}
</style>
</head>
<body>
<header class="am-topbar admin-header">
<div class="am-topbar-brand"><img src="assets/i/logo.png"></div>
</header>
<div class="am-cf admin-main">
<div class="nav-navicon admin-main admin-sidebar">
<div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员</div>
<div class="sideMenu">
<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 用户管理</a></h3>
<ul>
<li><a href="searchuser.jsp">用户列表</li>
<li><a href="adduser.jsp">用户注册</li>
<li><a href="deleteuser.jsp">用户注销</li>
</ul>
<h3 class="am-icon-flag"><em></em> <a href="#">商品管理</a></h3>
<ul>
<li><a href="bsMgoods.jsp">商品列表</a></li>
<li><a href="modifyphone.jsp">添加新商品</a></li>
<li><a href="deletemobile.jsp">商品回收站</li>
<li>商品分类</li>
<li>库存管理 </li>
</ul>
<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 订单管理</a></h3>
<ul>
<li><a href="searchorder.jsp">订单列表</li>
<li>合并订单</li>
<li><a href="modifyorder.jsp">添加订单</li>
<li><a href="deleteorder.jsp">删除订单</li>
<li>发货单列表</li>
<li>换货单列表</li>
</ul>
</div>
<!-- sideMenu End -->
<script type="text/javascript">
jQuery(".sideMenu").slide({
titCell:"h3", //鼠标触发对象
targetCell:"ul", //与titCell一一对应,第n个titCell控制第n个targetCell的显示隐藏
effect:"slideDown", //targetCell下拉效果
delayTime:300 , //效果时间
triggerTime:150, //鼠标延迟触发时间(默认150)
defaultPlay:true,//默认是否执行效果(默认true)
returnDefault:true //鼠标从.sideMen移走后返回默认状态(默认false)
});
</script>
</div>
<div class=" admin-content">
<div class="daohang">
<ul>
<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页 </li>
<li><a href="index.jsp"><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">主页</button></a></li>
<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">帮助中心<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>
</ul>
</div>
</div>
</div>
<div id="admin">
<div id="welcome" class="content" style="display:block;">
<div align="center">
<p> </p>
<h2>查询用户</h2>
<%@ page contentType="text/html;charset=GB2312" %>
<HTML>
<FORM action="byname.jsp" Method="post">
<BR>输入用户名:<Input type=text name="na">
<Input type=submit name="g" value="提交">
</FORM>
</HTML>
<p> </p>
</div>
</div>
</div>
</div>
<div id="footer">
made by zct </div>
</body>
</html>