yovinchen/xiaomiShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Yo Vinchen
2022-10-30 11:02:41 +08:00
commit a93cdd1a1e
190 changed files with 27813 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
web/admin/addGoods.jsp Normal file
View File

@@ -0,0 +1,74 @@
<%@ 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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/DatePicker.js"></script>
<title>商品添加页面</title>
</head>
<body>
<div class="row" style="margin-left: 20px;">
<form action="${pageContext.request.contextPath }/addGoods" method="post" enctype="multipart/form-data">
<div>
<h3>新增商品</h3>
</div>
<hr />
<div class="row">
<div class="col-sm-6">
<div class="form-group form-inline">
<label>名称:</label>
<input type="text" name="name" class="form-control" />
</div>
<div class="form-group form-inline">
<label>分类:</label>
<select name="typeid" class="form-control">
<option value="0">------</option>
<option value="1">电脑</option>
<option value="2">笔记本</option>
<option value="3">平板</option>
<option value="7">小米手机</option>
<option value="8">红米</option>
</select>
</div>
<div class="form-group form-inline">
<label>时间:</label>
<input type="text" name="pubdate" readonly="readonly" class="form-control" onclick="setday(this)" />
</div>
</div>
<div class="col-sm-6">
<div class="form-group form-inline">
<label>价格:</label>
<input type="text" name="price" class="form-control" />
</div>
<div class="form-group form-inline">
<label>评分:</label>
<input type="text" name="star" class="form-control" />
</div>
</div>
</div>
<div class="row">
<div class="col-sm-10">
<div class="form-group form-inline">
<label>商品图片</label>
<input type="file" name="picture" />
</div>
<div class="form-group ">
<label>商品简介</label>
<textarea name="intro" class="form-control" rows="5"></textarea>
</div>
<div class="form-group form-inline">
<input type="submit" value="添加" class="btn btn-primary" />
<input type="reset" value="重置" class="btn btn-default" />
</div>
</div>
</div>
</form>
</div>
</body>
</html>

55
web/admin/addGoodsType.jsp Normal file
View File

@@ -0,0 +1,55 @@
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ 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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<title>添加商品种类</title>
<script>
</script>
</head>
<body>
<div style="width:98%;margin-left: 1%;">
<div class="panel panel-default">
<div class="panel-heading">
添加商品种类
</div>
<div class="panel-body">
<form action="${pageContext.request.contextPath }/addGoodsType" method="post">
<div class="row">
<div class="form-group form-inline">
<span>所属种类</span>
<select name="goodsParent">
<option value="1">--请选择--</option>
<c:forEach items="${goodsTypeList }" var="type">
<c:if test="${type.level <=2}">
<option value="${type.id }">${type.name }</option>
</c:if>
</c:forEach>
</select>
</div>
</div>
<div class="row">
<div class="form-group form-inline">
<span>种类名称</span>
<input type="text" name="typename" class="form-control">
</div>
</div>
<div class="row">
<div class="btn-group">
<button type="reset" class="btn btn-default">清空</button>
<button type="submit" class="btn btn-default">添加</button>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>

155
web/admin/admin.jsp Normal file
View File

@@ -0,0 +1,155 @@
<%@ 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>&nbsp;&nbsp;<b>会员管理</b>
</a>
</li>
<li>
<a href="#" id="invalid"><!-- 无效会员 -->
<span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;<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>&nbsp;&nbsp;查看商品分类
</a>
</li>
<li>
<a href="#" id="addGoodsType">
<span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;添加商品分类
</a>
</li>
<li>
<a href="#" id="showGoods" >
<span class="glyphicon glyphicon-record"></span>&nbsp;&nbsp;查看商品
</a>
</li>
<li>
<a href="#" id="addGoods">
<span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;添加商品
</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>&nbsp;&nbsp;查看订单
</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>

31
web/admin/invalidUser.jsp Normal file
View File

@@ -0,0 +1,31 @@
<%@ 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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<title>无效会员管理</title>
</head>
<body>
<div class="row" style="width:98%;margin-left: 1%;margin-top: 5px;">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
已停用会员列表
</div>
<div class="panel-body">
<table id="tb_list" class="table table-striped table-hover table-bordered">
</table>
</div>
</div>
</div>
</div>
</body>
</html>

72
web/admin/login.jsp Normal file
View File

@@ -0,0 +1,72 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<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标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<!-- Bootstrap -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<title>登录</title>
<script type="text/javascript">
$(function(){
$("#eye").click(function(){
if($("#password").attr("type")=="password"){
$("#password").attr("type","text");
$("#eye").attr("class","glyphicon glyphicon-eye-close");
}else{
$("#password").attr("type","password");
$("#eye").attr("class","glyphicon glyphicon-eye-open");
}
})
})
</script>
<style type="text/css">
#main{
position: absolute;
width: 400px;
height: 300px;
left:50%;
top:40%;
margin-left: -200px;
margin-top: -100px;
}
</style>
</head>
<body>
<div id="main" class="panel panel-primary">
<div class="panel-heading">
<div class="panel-title">
后台登录
</div>
</div>
<div class="panel-body">
<div style="text-align: center;">
<img src="../image/mistore_logo.png" alt="logo" width="30%" height="30%" />
</div>
<form action="${pageContext.request.contextPath }/adminLogin" method="post">
<div class="form-group">
<label>用户名:</label>
<input type="text" name="username" id="" class="form-control" placeholder="请输入用户名"/>
</div>
<div class="form-group">
<label>密&nbsp;&nbsp;&nbsp;码:</label>
<div class="input-group">
<input type="password" name="password" id="password" class="form-control" placeholder="请输入密码"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-eye-open" id="eye"></span>
</span>
</div>
</div>
<div class="form-group" style="text-align: center;">
<input type="submit" value="登录" class="btn btn-primary">
<input type="reset" value="重置" class="btn btn-default">
</div>
</form>
</div>
</div>
</body>
</html>

104
web/admin/showAllOrder.jsp Normal file
View File

@@ -0,0 +1,104 @@
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ 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>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script type="text/javascript">
function sendOrder(id){
location.href = "${pageContext.request.contextPath}/sendOrder?oid="+id;
}
$(function(){
$("#search").click(function(){
var username = $("input[name='username']").val();
var status = $("select[name='orderStatus'] option:selected").val();
location.href="${pageContext.request.contextPath}/searchOrder?username="+username+"&status="+status;
})
})
</script>
</head>
<body>
<div class="row" style="width:98%;margin-left: 1%;margin-top: 5px;">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
订单列表
</div>
<div class="panel-body">
<div class="row">
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
<div class="form-group form-inline">
<span>用户姓名</span>
<input type="text" name="username" class="form-control">
</div>
</div>
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
<div class="form-group form-inline">
<span>订单状态</span>
<select name="orderStatus" class="form-control">
<option value=" ">----------</option>
<option value="1">未支付</option>
<option value="2">已支付,待发货</option>
<option value="3">已发货,待收货</option>
<option value="4">完成订单</option>
</select>
</div>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<button type="button" class="btn btn-primary" id="search"><span class="glyphicon glyphicon-search"></span></button>
</div>
</div>
<table id="tb_list" class="table table-striped table-hover table-bordered table-condensed">
<tr>
<td>序号</td>
<td>订单编号</td>
<td>总金额</td>
<td>订单状态</td>
<td>订单时间</td>
<td>用户姓名</td>
<td>操作</td>
</tr>
<c:forEach items="${orderList}" var="order" varStatus="i">
<tr>
<td>${i.count}</td>
<td>${order.id}</td>
<td>${order.money}</td>
<td>
<c:if test="${order.status eq 1}">
未支付
</c:if>
<c:if test="${order.status eq 2}">
已支付,待发货
</c:if>
<c:if test="${order.status eq 3}">
已发货,待收货
</c:if>
<c:if test="${order.status eq 4}">
订单完成
</c:if>
</td>
<td>${order.time}</td>
<td>${order.username}</td>
<td>
<c:if test="${order.status eq 2}">
<button type="button" class="btn btn-danger btn-sm" onclick="sendOrder('${order.id}')">发货</button>
</c:if>
</td>
</tr>
</c:forEach>
</table>
</div>
</div>
</div>
</div>
</body>
</html>

76
web/admin/showGoods.jsp Normal file
View File

@@ -0,0 +1,76 @@
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ 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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/DatePicker.js"></script>
<title>商品列表</title>
</head>
<body>
<div class="row" style="width:98%;margin-left: 1%;">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
会员列表
</div>
<div class="panel-body">
<div class="row">
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
<div class="form-group form-inline">
<span>商品名称</span>
<input type="text" name="name" class="form-control">
</div>
</div>
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
<div class="form-group form-inline">
<span>上架时间</span>
<input type="text" readonly="readonly" name="pubdate" class="form-control" onclick="setday(this)">
</div>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<button type="button" class="btn btn-primary" id="search"><span class="glyphicon glyphicon-search"></span></button>
</div>
</div>
<div style="height: 400px;overflow: scroll;">
<table id="tb_list" class="table table-striped table-hover table-bordered">
<tr>
<td>序号</td><td>商品名称</td><td>价格</td><td>上架时间</td><td>类型</td><td>操作</td>
</tr>
<c:forEach items="${goodsList}" var="goods" varStatus="i">
<tr>
<td>${i.count}</td>
<td>${goods.name}</td>
<td>${goods.price}</td>
<td>${goods.pubdate}</td>
<td>${goods.typeName}</td>
<td>删除 &nbsp;修改 &nbsp;
<a tabindex="0" id="example${goods.id}" class="btn btn-primary btn-xs"
role="button" data-toggle="popover"
data-trigger="focus"
data-placement="left"
data-content="${goods.intro}">描述</a>
<script type="text/javascript">
$(function(){
$("#example${goods.id}").popover();
})
</script>
</td>
</tr>
</c:forEach>
</table>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

66
web/admin/showGoodsType.jsp Normal file
View File

@@ -0,0 +1,66 @@
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ 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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<title>商品分类</title>
</head>
<body>
<div class="row" style="width:98%;margin-left: 1%;">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
商品类型
</div>
<div class="panel-body">
<div class="row">
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
<div class="form-group form-inline">
<span>商品等级</span>
<input type="text" name="username" class="form-control">
</div>
</div>
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
<div class="form-group form-inline">
<span>商品名称</span>
<input type="text" name="pubdate" class="form-control">
</div>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<button type="button" class="btn btn-primary" id="search"><span class="glyphicon glyphicon-search"></span></button>
</div>
</div>
<div style="height: 400px;overflow: scroll;">
<table id="tb_list" class="table table-striped table-hover table-bordered">
<tr>
<td>序号</td><td>类型</td><td>等级</td><td>所属类型</td><td>操作</td>
</tr>
<c:forEach items="${goodsTypeList}" var="gtype" varStatus="i">
<tr>
<td>${i.count}</td>
<td>${gtype.name}</td>
<td>${gtype.level}</td>
<td>${gtype.parentName}</td>
<td>
<button>修改</button>&nbsp;&nbsp;
<button>删除</button>
</td>
</tr>
</c:forEach>
</table>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

147
web/admin/userList.jsp Normal file
View File

@@ -0,0 +1,147 @@
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<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">
<title>小米网后台主页-会员信息页面</title>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
loadUser();
})
//连接servlet 获取 数据
function loadUser(){
$.ajax({
url:"${pageContext.request.contextPath}/getUserList",
method:"get",
success:function(data){
showMsg(data);
},
error:function(XMLHttpRequest,textStatus,errorThrown){
alert("失败"+XMLHttpRequest.status+":"+textStatus+":"+errorThrown);
}
});
}
//显示用户信息
function showMsg(data){
var list = JSON.parse(data);
$("#tb_list").html("<tr class='tr_head'><td>编号</td><td>邮箱</td><td>姓名</td><td>性别</td><td>类别</td><td>操作</td></tr>");
var i = 1;
for(var u in list){
//声明 tr td 对象
var tr = $("<tr></tr>");
var td1 = $("<td>"+(i++)+"</td>");
var td2 = $("<td>"+list[u].email+"</td>");
var td3 = $("<td>"+list[u].username+"</td>");
var td4 = $("<td>"+list[u].gender+"</td>");
var td5 = $("<td>"+(list[u].role==0?"管理员":"会员")+"</td>");
var td6 = $("<td><a href='javascript:delUser("+list[u].id+")' class='btn btn-primary btn-xs'>删除</a></td>");
//将td 添加到tr中
tr.append(td1);
tr.append(td2);
tr.append(td3);
tr.append(td4);
tr.append(td5);
tr.append(td6);
$("#tb_list").append(tr);
}
}
//删除用户
function delUser(id){
if(confirm("确认要删除吗?")){
$.ajax({
url:"${pageContext.request.contextPath}/deleteUser?id="+id,
method:"get",
success:function(data){
loadUser();
},
error:function(XMLHttpRequest,textStatus,errorThrown){
alert("失败"+XMLHttpRequest.status+":"+textStatus+":"+errorThrown);
}
})
}
}
//条件查询
$(function(){
//给查询按钮 添加 点击事件
$("#search").click(function(){
var username = $("input[name='username']").val();
var genders = $("input[name='gender']");
var gender = "";
for(var i=0;i<genders.length;i++){
if(genders[i].checked){
gender += genders[i].value;
}
}
//使用ajax 进行异步交互
$.ajax({
url:"${pageContext.request.contextPath}/searchUser?username="+username+"&gender="+gender,
method:"post",
success:function(data){
if(data==0){
alert("未找到指定内容");
$("input[name='username']").val("");
$("input[name='gender']").removeAttr("checked");
}else{
showMsg(data);
}
},
error:function(XMLHttpRequest,textStatus,errorThrown){
alert("失败"+XMLHttpRequest.status+":"+textStatus+":"+errorThrown);
}
})
})
})
</script>
</head>
<body>
<div class="row" style="width: 100%;">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">会员列表</div>
<div class="panel-body">
<!-- 条件查询 -->
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group form-inline">
<span>用户姓名</span>
<input type="text" name="username" class="form-control">
</div>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<div class="form-group form-inline">
<span>性别</span>
&nbsp;&nbsp;&nbsp;&nbsp;
<label class="radio-inline">
<input type="radio" name="gender" value="男"> 男&nbsp;&nbsp;&nbsp;&nbsp;
</label>
<label class="radio-inline">
<input type="radio"name="gender" value="女"> 女
</label>
</div>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<button type="button" class="btn btn-primary" id="search"><span class="glyphicon glyphicon-search"></span></button>
</div>
</div>
<!-- 列表显示 -->
<table id="tb_list" class="table table-striped table-hover table-bordered">
</table>
</div>
</div>
</div>
</div>
</body>
</html>