摘要:基于的學生宿舍管理系統部分代碼實現樓棟不能為空編輯表單提交之前進行檢查,如果,則不允許提交根據獲取值姓名不能為空電話不能為空側邊欄
基于javaweb+jsp的學生宿舍管理系統
JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript idea eclipse MyEclipse Servlet SSM Maven …
部分代碼實現JSP
return false; } if (document.getElementById("add-administratorBuilding").value.trim().length == 0) { alert("樓棟不能為空"); return false; } return true; } //編輯表單提交之前進行檢查,如果return false,則不允許提交 function editCheck() { //根據ID獲取值 if (document.getElementById("edit-administratorName").value.trim().length == 0) { alert("姓名不能為空"); return false; } if (document.getElementById("edit-administratorPhone").value.trim().length == 0) { alert("電話不能為空"); return false; }
<div class="row"> <div class="col-sm-3 col-md-2 sidebar"> <jsp:include page="menu.jsp"> <jsp:param value="active" name="Administrator_active"/> jsp:include> div> <br> <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"> <div class="row"> <div class="col-sm-7"> <div class="input-group"> <input class="form-control" type="hidden" id="searchColumn" name="searchColumn" value="administrator_name"/> <input class="form-control" type="text" id="search_keyword" name="search_keyword" placeholder="姓名"/> <span class="input-group-btn"><button class="btn btn-line btn-danger" type="button" onclick="searchList()">搜索button>span> div> div> <div class="col-sm-5"> <button type="button" if test="${loginUser.userType != "管理員"}">disabled="disabled" title="沒有權限?。?!"c:if> class="btn btn-line btn-primary" data-toggle="modal" data-target="#modal-add">添加宿管員 button> div> div>
<br> <div class="table-responsive"> <table class="table table-striped table-hover"> <thead> <tr> <th>姓名th> <th>性別th> <th>電話th> <th>樓棟th> <th style="text-align: center;">操作th> tr> thead> <tbody> <c:forEach items="${list}" var="vo"> <tr> <td>${vo.administratorName}td> <td>${vo.administratorSex}td> <td>${vo.administratorPhone}td> <td>${vo.administratorBuilding}td>
<nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">學生宿舍管理系統span> <span class="icon-bar">span> <span class="icon-bar">span> <span class="icon-bar">span> button> <a class="navbar-brand" href="#">學生宿舍管理系統a> div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">歡迎:<span style="color: yellow">${loginUser.username}span>a>li> <li><a href="authLogout">退出a>li> ul> div> div>nav>
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %><%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>DOCTYPE html><html><head> <meta charset="UTF-8"> <title>宿管員 管理title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/main.css"> <script src="js/jquery-3.5.1.js">script> <script src="js/bootstrap.js">script>head>
let id = button.data("id"); let modal = $(this); modal.find("#delete-id").val(id); }) $("#modal-edit").on("show.bs.modal", function (event) { let button = $(event.relatedTarget); let id = button.data("id"); let modal = $(this); $.ajax({ url: "administratorGet?id=" + id, type: "get", success: function (voString) { let vo = eval("(" + voString + ")"); modal.find("#edit-id").val(vo.id); modal.find("#edit-administratorName").val(vo.administratorName); for (let val of "男/女".split("/")) { if (val == vo.administratorSex) { modal.find("#edit-administratorSex_" + vo.administratorSex).prop("checked", true); } else { modal.find("#edit-administratorSex_" + vo.administratorSex).removeAttr("checked");
<span aria-hidden="true">×span> button> <h4 class="modal-title">宿管員 h4> div> <div class="modal-body"> <table class="table table-striped table-hover" style="font-size: 15px;"> <tr> <td style="width: 15%;">姓名:td> <td><b id="info-administratorName">b>td> tr> <tr> <td style="width: 15%;">性別:td> <td><b id="info-administratorSex">b>td> tr> <tr> <td style="width: 15%;">電話:td>
<label for="add-administratorText" class="control-label">備注:label> <textarea style="height: 100px;" class="form-control" name="administratorText" id="add-administratorText">textarea> div> div> <div class="modal-footer"> <button type="button" class="btn btn-line btn-warning" data-dismiss="modal">取消button> <button type="submit" class="btn btn-line btn-primary">提交button> div> form> div> div>div><div class="modal fade" id="modal-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <form> <div class="modal-header">
modal.find("#info-administratorBuilding").text(vo.administratorBuilding); modal.find("#info-administratorText").text(vo.administratorText); } }) }) function searchList() { window.location.href = "administratorList?searchColumn="+document.getElementById("searchColumn").value+"&keyword=" + document.getElementById("search_keyword").value; } //增加表單提交之前進行檢查,如果return false,則不允許提交 function addCheck() { //根據ID獲取值 if (document.getElementById("add-administratorName").value.trim().length == 0) { alert("姓名不能為空"); return false; } if (document.getElementById("add-administratorPhone").value.trim().length == 0) {
div> <div class="modal-footer"> <button type="button" class="btn btn-line btn-warning" data-dismiss="modal">取消button> <button type="submit" class="btn btn-line btn-default">刪除button> div> form> div> div>div>body><script> $("#modal-delete").on("show.bs.modal", function (event) {
tr> <tr> <td style="width: 15%;">樓棟:td> <td><b id="info-administratorBuilding">b>td> tr> <tr> <td style="width: 15%;">備注:td> <td><b id="info-administratorText">b>td> tr> table> <br> div> <div class="modal-footer"> <button type="button" class="btn btn-line btn-warning" data-dismiss="modal">關閉button> div> form> div> div>div>
<button class="btn btn-line btn-info btn-sm" data-id="${vo.id}" data-toggle="modal" data-target="#modal-info">詳情 button> <button class="btn btn-line btn-warning btn-sm" if test="${loginUser.userType != "管理員"}">disabled="disabled" title="沒有權限!??!"c:if> data-id="${vo.id}"
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/124445.html
基于javaweb+jsp的學生成績管理系統 JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript idea eclipse MyEclipse Servlet SSM Maven … 部分代碼實現JSP let editIndex = layedit.build('LAY_demo_editor'); ...
摘要:項目介紹本系統采用框架,數據層采用,數據庫使用,可以用作畢業設計課程設計等,適合選題高校宿舍宿舍員工宿舍等,下面是大概的功能,具體功能實現可以建議看下方的演示視頻,系統適合于基礎一般的同學使用。 項目介紹: 本系統采用SSM框架,數據層采用mybatis,數據庫使用mysql,可以用作畢業設...
摘要:運行結果數據庫的個表表表一定要導入數據庫用的包,以及在在文件夾中導入數據庫包文件目錄結構具體代碼首頁歡迎進入選課系統歡迎進入選課系統學生登錄學生注冊管理員登錄學生登錄學生登錄學生登錄學號密碼登錄注冊返回學生注冊注冊 運行結果: showImg(https://segmentfault.com/img/bVbthFj); showImg(https://segmentfault.com/...
閱讀 3274·2021-11-23 09:51
閱讀 939·2021-09-03 10:30
閱讀 3212·2021-08-31 09:40
閱讀 3278·2019-08-30 14:22
閱讀 902·2019-08-30 14:09
閱讀 2900·2019-08-30 13:21
閱讀 3232·2019-08-28 18:03
閱讀 2859·2019-08-26 13:44