这是一个基于JavaWeb的小区管理系统代码示例，包括物业管理员管理、业主管理、单元楼管理和问题记录等功能。用户可以进行添加、修改、删除、激活等操作，并通过搜索条件筛选数据。代码中使用了JSP、Servlet、jQuery、Bootstrap等技术，实现数据的增删改查操作。
以下为源码：
一、
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script type="text/javascript">
function userDeleteOrActive(id,disabled) {
if(confirm("您确定要删除或激活这个宿管吗？")) {
window.location="dormManager.action?action=deleteOrAcive&id="+id+"&disabled="+disabled;
}
}
//文档加载完后
window.οnlοad=function(){
//获取后台保存的当前要修改的foodTypeId值
var searchType = "${searchType}";
//获取菜系select标签
var searchTypeSelect = document.getElementById("searchType");
//获取下拉框中所有的option
var options = searchTypeSelect.options;
//遍历菜系select标签中所有的option标签
$.each( options, function(i, option){
$(option).attr("selected",option.value == searchType);
});
}
$(document).ready(function(){
$("#dormManager").addClass("active");
});
</script>
<div class="data_list">
<div class="data_list_title">
物业管理员管理
</div>
<form name="myForm" class="form-search" method="post" action="dormManager.action?action=list">
<button class="btn btn-success" type="button" style="margin-right: 50px;"
οnclick="javascript:window.location='dormManager.action?action=preAdd'">添加</button>
<span class="data_search">
<select id="searchType" name="searchType" style="width: 80px;">
<option value="name">姓名</option>
<option value="sex">性别</option>
<option value="tel">电话号码</option>
</select>
<input id="keyword" name="keyword" type="text" value="${keyword}" style="width:120px;height: 30px;" class="input-medium search-query" ">
<button type="submit" class="btn btn-info" οnkeydοwn="if(event.keyCode==13) myForm.submit()">搜索</button>
</span>
</form>
<div>
<table class="table table-hover table-striped table-bordered">
<tr>
<th>登录名</th>
<th>姓名</th>
<th>性别</th>
<th>电话</th>
<th>单元楼</th>
<th>操作</th>
</tr>
<c:forEach items="${users}" var="user" varStatus="stat">
<tr>
<td>${user.stuCode }</td>
<td>${user.name }</td>
<td>${user.sex }</td>
<td>${user.tel }</td>
<td>
<!-- 遍历物业管理员管理的所有单元楼 -->
<c:forEach items="${user.dormBuilds}" var="dormBuild">
${dormBuild.name}
</c:forEach>
</td>
<td>
<button class="btn btn-mini btn-info" type="button" οnclick="javascript:window.location='dormManager.action?action=preUpdate&id=${user.id}'">修改</button>
<c:if test="${user.disabled == 0 }">
<button class="btn btn-mini btn-danger" type="button" οnclick="userDeleteOrActive(${user.id },1)">删除</button>
</c:if>
<c:if test="${user.disabled == 1}">
<button class="btn btn-mini btn-danger" type="button" οnclick="userDeleteOrActive(${user.id },0)">激活</button>
</c:if>
</td>
</tr>
</c:forEach>
</table>
</div>
<div align="center"><font color="red"></font></div>
</div>
二、
<%@ 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="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小区管理系统</title>
<link href="${pageContext.request.contextPath}/css/dorm.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.css" rel="stylesheet"><!--（含有bootstrap 所有css） -->
<!-- 日期控件所需的样式表 -->
<link href="${pageContext.request.contextPath}/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap/js/jQuery.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.js"></script>
<!-- 日期控件所需的js -->
<script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<!-- 如需支持简体中文的显示，就需要加载中文的资源文件 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<style type="text/css">
.bs-docs-sidenav {
background-color: #fff;
border-radius: 6px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
padding: 0;
width: 228px;
}
.bs-docs-sidenav > li > a {
border: 1px solid #e5e5e5;
display: block;
padding: 8px 14px;
margin: 0 0 -1px;
}
.bs-docs-sidenav > li:first-child > a {
border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
border: 0 none;
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
padding: 9px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
z-index: 2;
}
.bs-docs-sidenav .icon-chevron-right {
float: right;
margin-right: -6px;
margin-top: 2px;
opacity: 0.25;
}
.bs-docs-sidenav > li > a:hover {
background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
opacity: 0.5;
}
.bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right {
background-image: url("${pageContext.request.contextPath}/bootstrap/img/glyphicons-halflings-white.png");
opacity: 1;
}
</style>
</head>
<body>
<div class="container-fluid" style="padding-right: 0px;padding-left: 0px;">
<div region="north" style="height: 100px;background-image: url('images/bg.jpg')">
<div align="left" style="width: 80%;height:100px ;float: left;padding-top: 40px;padding-left: 30px;" ><font color="white" size="6" >小区管理系统</font></div>
<div style="padding-top: 70px;padding-right: 20px;font-size:16px">
当前用户： <font color="red" >${session_user.name} </font>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span2 bs-docs-sidebar" >
<ul class="nav nav-list bs-docs-sidenav">
<!-- 系统管理员-->
<c:if test="${session_user.roleId == 0}">
<li><a href="index.action"><i class="icon-chevron-right"></i>首页</a></li>
<li id="dormManager"><a href="dormManager.action?action=list"><i class="icon-chevron-right"></i>物业管理员管理</a></li>
<li id="student"><a href="student.action?action=list"><i class="icon-chevron-right"></i>业主管理</a></li>
<li id="dormBuild"><a href="dormBuild.action?action=list"><i class="icon-chevron-right"></i>单元楼管理</a></li>
<li id="record"><a href="record.action?action=list"><i class="icon-chevron-right"></i>问题记录</a></li>
<li id="password"><a href="password.action?action=preChange"><i class="icon-chevron-right"></i>修改密码</a></li>
<li id="loginOut"><a href="loginOut.action"><i class="icon-chevron-right"></i>退出系统</a></li>
</c:if>
<!--物业管理员 -->
<c:if test="${session_user.roleId == 1}">
<li><a href="index.action"><i class="icon-chevron-right"></i>首页</a></li>
<li id="student"><a href="student.action?action=list"><i class="icon-chevron-right"></i>业主管理</a></li>
<li id="record"><a href="record.action?action=list"><i class="icon-chevron-right"></i>问题记录</a></li>
<li id="password"><a href="password.action?action=preChange"><i class="icon-chevron-right"></i>修改密码</a></li>
<li id="loginOut"><a href="loginOut.action"><i class="icon-chevron-right"></i>退出系统</a></li>
</c:if>
<!-- 业主 -->
<c:if test="${session_user.roleId == 2}">
<li><a href="index.action"><i class="icon-chevron-right"></i>首页</a></li>
<li id="record"><a href="record.action?action=list"><i class="icon-chevron-right"></i>问题记录</a></li>
<li id="password"><a href="password.action?action=preChange"><i class="icon-chevron-right"></i>修改密码</a></li>
<li id="loginOut"><a href="loginOut.action"><i class="icon-chevron-right"></i>退出系统</a></li>
</c:if>
</ul>
</div>
<div class="span10">
<!--右侧内容-->
<jsp:include page="${mainRight==null? 'blank.jsp':mainRight}"></jsp:include>
</div>
</div>
</div>
</body>
</html>
三、
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<script type="text/javascript">
function checkForm(){
var oldPassword=document.getElementById("oldPassword").value;
var newPassword=document.getElementById("newPassword").value;
var rPassword=document.getElementById("rPassword").value;
$("#error").html("");
if(oldPassword==""||newPassword==""||rPassword==""){
document.getElementById("error").innerHTML="信息填写不完整！";
return false;
} else if(newPassword == oldPassword){
document.getElementById("error").innerHTML="修改前后密码不能一致！";
return false;
}else if(newPassword!=rPassword){
document.getElementById("error").innerHTML="新密码两次填写不一致！";
return false;
}
/*
if(onblurFn(oldPassword)){
return false;
}
*/
window.location.href="password.action?action=change&newPassword="+newPassword;
}
function onblurFn(oldPassWord){
$("#error").html("");
if(oldPassWord != null && oldPassWord != ""){
//校验用户输入的原密码正确
$.ajax({
type: "POST",
url: "${pageContext.request.contextPath}/password.action?action=ajaxOldPassWord",
data: "oldPassWord="+oldPassWord,
async:false,//同步请求
success: function(msg){
if(msg){
//用户输入的原密码不正确
document.getElementById("oldPassword").value="";
$("#error").html(msg);
return true;
}else{
return false;
}
}
});
}else{
document.getElementById("error").innerHTML="请输入原密码！";
return false;
}
}
$(document).ready(function(){
$("ul li:eq(5)").addClass("active");
});
</script>
<div class="data_list">
<div class="data_list_title">
修改密码
</div>
<form action=" ">
<div class="data_form" >
<table align="center">
<tr>
<td><font color="red">*</font>原密码：</td>
<td><input type="password" id="oldPassword" name="oldPassword" οnblur="onblurFn(this.value)" style="margin-top:5px;height:30px;" /></td>
</tr>
<tr>
<td><font color="red">*</font>新密码：</td>
<td><input type="password" id="newPassword" name="newPassword" value="" style="margin-top:5px;height:30px;" /></td>
</tr>
<tr>
<td><font color="red">*</font>重复密码：</td>
<td><input type="password" id="rPassword" name="rPassword" value="" style="margin-top:5px;height:30px;" /></td>
</tr>
</table>
<div align="center">
<input type="button" class="btn btn-primary" οnclick="checkForm()" value="提交"/>
</div>
<div align="center">
<font id="error" color="red"></font>
</div>
</div>
</form>
</div>
四、
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<script type="text/javascript">
$(document).ready(function(){
$('.form_date').datetimepicker({
language:'zh-CN',/*语言 默认值：’en’ */
weekStart: 1,/* 一周从哪一天开始。0（星期日）到6（星期六） */
todayBtn: 1,/*当天日期将会被选中。 */
autoclose: 1,//选择后自动关闭当前时间控件
todayHighlight: 1,/*高亮当天日期。 */
startView: 2,/* 从月视图开始，选中那一天 3为选月份*/
minView: 2,/* 从月视图开始，选天 选完天后，不在出现下级时分秒时间选择 */
forceParse: 0,/*就是你输入的可能不正规，但是它胡强制尽量解析成你规定的格式（format） */
format: "yyyy-mm-dd", //时间格式 yyyy-mm-dd hh:ii:ss */
});
});
function checkForm(){
//检查用户是否输入业主编号和缺勤日期
var stuCode=document.getElementById("stuCode").value;
var date=document.getElementById("date").value;
if(stuCode==null||stuCode=="" || date == null|| date ==""){
document.getElementById("error").innerHTML="业主编号和缺勤日期不能为空！";
return false;
}
return true;
}
$(document).ready(function(){
$("#record").addClass("active");
var recordId = $("#id").val();
if(recordId != null && recordId!=""){
$('#stuCode').attr("readonly","readonly")//将input元素设置为readonly
}else{
$('#stuCode').removeAttr("readonly");
}
});
</script>
<div class="data_list">
<div class="data_list_title">
<c:if test="${not empty record.id }">
修改问题记录
</c:if>
<c:if test="${ empty record.id }">
添加问题记录
</c:if>
</div>
<form action="record.action?action=save" method="post" οnsubmit="return checkForm()">
<div class="data_form" >
<div align="center">
<font id="error" color="red">${error}</font>
</div>
<input type="hidden" id="id" name="id" value="${record.id}"/>
<table align="center">
<tr>
<td><font color="red">*</font>业主编号：</td>
<td><input type="text" id="stuCode" name="stuCode" value="${record.user.stuCode}" style="margin-top:5px;height:30px;" /></td>
</tr>
<tr>
<td><font color="red">*</font>日期：</td>
<td><input id="date" name="date" value="<fmt:formatDate value="${record.date}" pattern="yyyy-MM-dd"/>" style="margin-top:5px;height:30px;" placeholder="缺勤日期" type="text" class="controls input-append date form_date" readonly ></td>
</tr>
<tr>
<td>备注：</td>
<td><input type="text" id="remark" name="remark" value="${record.remark}" style="margin-top:5px;height:30px;" /></td>
</tr>
</table>
<div align="center">
<input type="submit" class="btn btn-primary" value="保存"/>
<button class="btn btn-primary" type="button" οnclick="javascript:history.back()">返回</button>
</div>
</div>
</form>
</div>
五、
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="wdlPager" uri="wdl-page-tag" %>
<script type="text/javascript">
$(document).ready(function(){
$('.form_date').datetimepicker({
language:'zh-CN',/*语言 默认值：’en’ */
weekStart: 1,/* 一周从哪一天开始。0（星期日）到6（星期六） */
todayBtn: 1,/*当天日期将会被选中。 */
autoclose: 1,//选择后自动关闭当前时间控件
todayHighlight: 1,/*高亮当天日期。 */
startView: 2,/* 从月视图开始，选中那一天 3为选月份*/
minView: 2,/* 从月视图开始，选天 选完天后，不在出现下级时分秒时间选择 */
forceParse: 0,/*就是你输入的可能不正规，但是它胡强制尽量解析成你规定的格式（format） */
/* format: "yyyy-mm-dd hh:ii:ss", //时间格式 yyyy-mm-dd hh:ii:ss */
});
});
//文档加载完成后
window.onload = function(){
//获取用户选中查询的单元楼id
var dormBuildId = "${dormBuildId}";
var dormBuildIdSelect = document.getElementById("dormBuildId");
var options = dormBuildIdSelect.options;
//遍历所有的option，如果option中的值=用户选中查询的单元楼id，则该option被选中
$.each(options,function(i,option){
$(option).attr("selected",option.value == dormBuildId);
})
//获取用户选中查询的搜索类型
var searchType = "${searchType}";
var searchTypeSelect = document.getElementById("searchType");
var options = searchTypeSelect.options;
//遍历所有的option，如果option中的值=用户选中查询的搜索类型，则该option被选中
$.each(options,function(i,option){
$(option).attr("selected",option.value == searchType);
});
}
function deleteOrAcive(recordId,disabled) {
if(confirm("您确定要删除或激活这条记录吗？")) {
window.location="record.action?action=deleteOrAcive&id="+recordId+"&disabled="+disabled;
}
}
$(document).ready(function(){
$("#record").addClass("active");
});
</script>
<div class="data_list">
<div class="data_list_title">
问题记录
</div>
<form name="myForm" action="record.action?action=list" class="form-search" method="post" style="padding-bottom: 0px">
<c:if test="${session_user.roleId != 2 }">
<button class="btn btn-success" type="button" style="margin-right: 50px;" οnclick="javascript:window.location='record.action?action=preAdd'">添加</button>
</c:if>
<span class="data_search">
<span class="controls input-append date form_date" style="margin-right: 10px" data-date-format="yyyy-mm-dd">
<input id="startDate" name="startDate" style="width:120px;height: 30px;" placeholder="起始日期" type="text"
value="${startDate}" readonly >
<span class="add-on"><i class="icon-remove"></i></span>
<span class="add-on"><i class="icon-th"></i></span>
</span>
<span class="controls input-append date form_date" style="margin-right: 10px" data-date-format="yyyy-mm-dd">
<input id="endDate" name="endDate" style="width:120px;height: 30px;" placeholder="终止日期" type="text"
value="${endDate}" readonly>
<span class="add-on"><i class="icon-remove"></i></span>
<span class="add-on"><i class="icon-th"></i></span>
</span>
<c:if test="${session_user.roleId != 2 }">
<select id="dormBuildId" name="dormBuildId" style="width: 100px;">
<option value="">所有楼栋</option>
<c:forEach items="${builds}" var="build">
<option value="${build.id}">${build.name}</option>
</c:forEach>
</select>
</c:if>
<select id="searchType" name="searchType" style="width: 80px;">
<option value="name">姓名</option>
<option value="stuCode">业主编号</option>
<option value="dormCode">单元楼编号</option>
<option value="sex">性别</option>
</select>
<input id="keyword" name="keyword" value="${keyword }" type="text" style="width:120px;height: 30px;" class="input-medium search-query" >
<button type="submit" class="btn btn-info" οnkeydοwn="if(event.keyCode==13) myForm.submit()">搜索</button>
</span>
</form>
<div>
<table class="table table-striped table-bordered table-hover datatable">
<thead>
<tr>
<th>日期</th>
<th>业主编号</th>
<th>姓名</th>
<th>性别</th>
<th>单元楼</th>
<th>单元楼号</th>
<th>备注</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${records}" var="record">
<tr>
<td><fmt:formatDate value="${record.date}" pattern="yyyy-MM-dd"/> </td>
<td>${record.user.stuCode}</td>
<td>${record.user.name}</td>
<td>${record.user.sex}</td>
<td>${record.user.dormBuild.name}</td>
<td>${record.user.dormCode}</td>
<td>${record.remark}</td>
<c:if test="${session_user.roleId != 2 }">
<td>
<button class="btn btn-mini btn-success" type="button" οnclick="javascript:window.location='record.action?action=preUpdate&id=${record.id }'">修改</button>
<c:if test="${record.disabled ==0}">
<button class="btn btn-mini btn-danger" type="button" οnclick="deleteOrAcive(${record.id },1)">删除</button>
</c:if>
<c:if test="${record.disabled ==1}">
<button class="btn btn-mini btn-danger" type="button" οnclick="deleteOrAcive(${record.id },0)">激活</button>
</c:if>
</td>
</c:if>
<c:if test="${session_user.roleId == 2 }">
<td>
<c:if test="${record.disabled == 0 }">正常状态</c:if>
<c:if test="${record.disabled == 1 }">已删除</c:if>
</td>
</c:if>
</tr>
</c:forEach>
</tbody>
</table>
</div>
<div align="center"><font color="red"></font></div>
<div style="text-align: center;">
<!--totalNum:查询出的总数据量 pageSize：每一页展示的行数 pageIndex:表示当前页面
submitUrl：表示点击上一页下一页首页 尾页是发送的请求-->
<wdlPager:pager
totalNum ="${totalNum}"
pageSize="3"
pageIndex="${pageIndex}"
submitUrl="${pageContext.request.contextPath}/record.action?action=list&searchType=${searchType}&keyword=${keyword}&dormBuildId=${dormBuildId}&startDate=${startDate}&endDate=${endDate}"></wdlPager:pager>
</div>
</div>
六、
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script type="text/javascript">
function checkForm(){
var stuCode=document.getElementById("stuCode").value;
var name=document.getElementById("name").value;
var sex=document.getElementById("sex").value;
var tel=document.getElementById("tel").value;
var password=document.getElementById("passWord").value;
var rPassword=document.getElementById("rPassword").value;
var dormBuildId=document.getElementById("dormBuildId").value;
var dormCode=document.getElementById("dormCode").value;
if(stuCode=="" ||name==""||tel=="" ||password==""||rPassword==""||dormBuildId==""||dormCode==""){
document.getElementById("error").innerHTML="信息填写不完整！";
return false;
} else if(password!=rPassword){
document.getElementById("error").innerHTML="密码填写不一致！";
return false;
}else if(!/^1[34578]\d{9}$/.test(tel)){
document.getElementById("error").innerHTML="手机号码格式错误！";
return false;
}
return true;
}
//文档加载完成后
window.onload = function(){
//获取当前要修改的业主居中的单元楼id
var studentBuildId = "${userUpdate.dormBuildId}";
var dormBuildIdSelect = document.getElementById("dormBuildId");
var options = dormBuildIdSelect.options;
//遍历所有的option，如果option中的值=业主居中的单元楼id，则该option被选中
$.each(options,function(i,option){
$(option).attr("selected",option.value == studentBuildId);
})
}
$(document).ready(function(){
$("#student").addClass("active");
});
</script>
<div class="data_list">
<div class="data_list_title">
<c:if test="${not empty userUpdate.id}">
修改业主
</c:if>
<c:if test="${ empty userUpdate.id}">
添加业主
</c:if>
</div>
<form action="student.action?action=save" method="post" οnsubmit="return checkForm()">
<div class="data_form" >
<div align="center">
<font id="error" color="red">${error}</font>
<input type="hidden" id="id" name="id" value="${userUpdate.id}" />
</div>
<table align="center">
<tr>
<td><font color="red">*</font>业主编号：</td>
<td><input type="text" id="stuCode" name="stuCode" value="${userUpdate.stuCode}" style="margin-top:5px;height:30px;" /></td>
</tr>
<tr>
<td><font color="red">*</font>姓名：</td>
<td><input type="text" id="name" name="name" value="${userUpdate.name}" style="margin-top:5px;height:30px;" /></td>
</tr>
<tr>
<td><font color="red">*</font>性别：</td>
<td>
<select id="sex" name="sex" style="width: 90px;">
<option value="男" ${userUpdate.sex == "男 " ? 'selected' : ""}>男</option>
<option value="女" ${userUpdate.sex == "女" ? 'selected' : ""}>女</option>
</select>
</td>
</tr>
<tr>
<td><font color="red">*</font>联系电话：</td>
<td><input type="text" id="tel" name="tel" value="${userUpdate.tel}" style="margin-top:5px;height:30px;" /></td>
</tr>
<tr>
<td><font color="red">*</font>密码：</td>
<td><input type="password" id="passWord" name="passWord" value="${userUpdate.passWord}" style="margin-top:5px;height:30px;" /></td>
</tr>
<tr>
<td><font color="red">*</font>重复密码：</td>
<td><input type="password" id="rPassword" name="rPassword" value="" style="margin-top:5px;height:30px;" /></td>
</tr>
<tr>
<td><font color="red">*</font>单元楼：</td>
<td>
<select id="dormBuildId" name="dormBuildId" style="width: 90px;">
<c:forEach items="${builds}" var="build">
<option value="${build.id}">${build.name}</option>
</c:forEach>
</select>
</td>
</tr>
<tr>
<td><font color="red">*</font>单元楼号编号：</td>
<td><input type="text" id="dormCode" name="dormCode" value="${userUpdate.dormCode}" style="margin-top:5px;height:30px;" /></td>
</tr>
</table>
<div align="center">
<input type="submit" class="btn btn-primary" value="保存"/>
<button class="btn btn-primary" type="button" οnclick="javascript:history.back()">返回</button>
</div>
</div>
</form>
</div>
七、
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="wdlPager" uri="wdl-page-tag" %>
<script type="text/javascript">
function studentDelete(studentId,disabled) {
if(confirm("您确定要删除/激活这个业主吗？")) {
window.location="student.action?action=deleteOrActive&id="+studentId+"&disabled="+disabled;
}
}
//文档加载完成后
window.onload = function(){
//获取用户选中的单元楼id
var dormBuildId = "${dormBuildId}";
//获取单元楼select标签
var dormBuildIdSelect = document.getElementById("dormBuildId");
//获取select标签中所有的option标签
var options = dormBuildIdSelect.options;
//遍历单元楼的所有option标签，如果option标签中的值等于用户选中的值，则该option被选中
$.each(options,function(i,option){
$(option).attr("selected",option.value == dormBuildId);
})
//获取用户选中的查询类型
var searchType = "${searchType}";
//获取搜索类型select标签
var searchTypeSelect = document.getElementById("searchType");
//获取select标签中所有的option标签
var options2 = searchTypeSelect.options;
//遍历搜索类型的所有option标签，如果option标签中的值等于用户选中的值，则该option被选中
$.each(options2,function(i,option){
$(option).attr("selected",option.value == searchType);
});
}
$(document).ready(function(){
$("#student").addClass("active");
});
</script>
<style type="text/css">
.span6 {
width:0px;
height: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<div class="data_list">
<div class="data_list_title">
业主管理
</div>
<form name="myForm" class="form-search" method="post" action="student.action?action=list" style="padding-bottom: 0px">
<button class="btn btn-success" type="button" style="margin-right: 50px;" οnclick="javascript:window.location='student.action?action=preAdd'">添加</button>
<span class="data_search">
<select id="dormBuildId" name="dormBuildId" style="width: 110px;">
<option value="">全部单元楼</option>
<c:forEach items="${builds}" var="build">
<option value="${build.id}">${build.name}</option>
</c:forEach>
</select>
<select id="searchType" name="searchType" style="width: 80px;">
<option value="name">姓名</option>
<option value="stuCode">业主编号</option>
<option value="dormCode">单元楼编号</option>
<option value="sex">性别</option>
<option value="tel">电话号码</option>
</select>
<input id="keyword" name="keyword" value="${keyword}" type="text" style="width:120px;height: 30px;" class="input-medium search-query">
<button type="submit" class="btn btn-info" οnkeydοwn="if(event.keyCode==13) myForm.submit()">搜索</button>
</span>
</form>
<div>
<table class="table table-striped table-bordered table-hover datatable">
<thead>
<tr>
<th>业主编号</th>
<th>姓名</th>
<th>性别</th>
<th>单元楼</th>
<th>单元楼号编号</th>
<th>电话</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${students}" var="student">
<tr>
<td>${student.stuCode}</td>
<td>${student.name}</td>
<td>${student.sex}</td>
<td>${student.dormBuild.name}</td>
<td>${student.dormCode}</td>
<td>${student.tel}</td>
<td>
<button class="btn btn-mini btn-info" type="button" οnclick="javascript:window.location='student.action?action=preUpdate&id=${student.id}'">修改</button>
<c:if test="${student.disabled == 0}">
<button class="btn btn-mini btn-danger" type="button" οnclick="studentDelete(${student.id},1)">删除</button>
</c:if>
<c:if test="${student.disabled == 1}">
<button class="btn btn-mini btn-danger" type="button" οnclick="studentDelete(${student.id},0)">激活</button>
</c:if>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
<div align="center"><font color="red"></font></div>
<div style="text-align: center;">
<!--totalNum:查询出的总数据量 pageSize：每一页展示的行数 pageIndex:表示当前页面
submitUrl：表示点击上一页下一页首页 尾页是发送的请求-->
<wdlPager:pager
totalNum ="${totalNum}"
pageSize="3"
pageIndex="${pageIndex}"
submitUrl="${pageContext.request.contextPath}/student.action?action=list&searchType=${searchType}&keyword=${keyword}&dormBuildId=${dormBuildId}"></wdlPager:pager>
</div>
</div>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
