物业管理系统 - 添加管理员
这是一个 Java Server Pages (JSP) 页面，用于管理物业系统的管理员信息。页面包括一个顶部导航栏和一个左侧菜单栏，以及一个表单用于添加新的管理员。在顶部导航栏中，右侧有一个下拉菜单，可以注销当前登录的管理员账户。在左侧菜单栏中，提供了不同的功能链接，如首页面、管理员信息、报修管理、公告管理、保安保洁等。在表单中，管理员需要输入姓名、密码、性别、年龄、电话、手机、地址和备注等信息，其中姓名、密码、地址为必填项。在表单提交前，会先进行表单验证。
代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<% if (session.getAttribute("admin")==null) response.sendRedirect("../login.jsp");%>
<!--
===
This comment should NOT be removed.
Charisma v2.0.0
Copyright 2012-2014 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
===
-->
<meta charset="utf-8">
<title>添加:物业管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="../css/bootstrap-cerulean.min.css" rel="stylesheet">
<link href="../css/charisma-app.css" rel="stylesheet">
<link href='../bower_components/fullcalendar/dist/fullcalendar.css' rel='stylesheet'>
<link href='../bower_components/fullcalendar/dist/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='../bower_components/chosen/chosen.min.css' rel='stylesheet'>
<link href='../bower_components/colorbox/example3/colorbox.css' rel='stylesheet'>
<link href='../bower_components/responsive-tables/responsive-tables.css' rel='stylesheet'>
<link href='../bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css' rel='stylesheet'>
<link href='../css/jquery.noty.css' rel='stylesheet'>
<link href='../css/noty_theme_default.css' rel='stylesheet'>
<link href='../css/elfinder.min.css' rel='stylesheet'>
<link href='../css/elfinder.theme.css' rel='stylesheet'>
<link href='../css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='../css/uploadify.css' rel='stylesheet'>
<link href='../css/animate.min.css' rel='stylesheet'>
<!-- jQuery -->
<script src="../bower_components/jquery/jquery.min.js"></script>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="../img/favicon.ico">
</head>
<body>
<!-- topbar starts -->
<div class="navbar navbar-default" role="navigation">
<div class="navbar-inner">
<button type="button" class="navbar-toggle pull-left animated flip">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="../index.jsp"> <img alt="Charisma Logo" src="../img/logo20.png" class="hidden-xs" />
<span>物业管理系统</span></a>
<!-- user dropdown starts -->
<div class="btn-group pull-right">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="glyphicon glyphicon-user"></i><span class="hidden-sm hidden-xs"> ${admin.name}</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="../user?action=logout">注销登录</a></li>
</ul>
</div>
<!-- user dropdown ends -->
</div>
</div>
<!-- topbar ends -->
<div class="ch-container">
<div class="row">
<!-- left menu starts -->
<div class="col-sm-2 col-lg-2">
<div class="sidebar-nav">
<div class="nav-canvas">
<div class="nav-sm nav nav-stacked">
</div>
<ul class="nav nav-pills nav-stacked main-menu">
<li class="nav-header">功能</li>
<li><a class="ajax-link" href="../index.jsp"><i class="glyphicon glyphicon-home"></i><span>  首 页</span></a>
<li class="active"><a class="ajax-link" href="../admin?action=adminList"><i class="glyphicon glyphicon-cog"></i><span>  管 理 员 信 息</span></a>
<li><a class="ajax-link" href="../main?action=maintainList"><i class="glyphicon glyphicon-wrench"></i><span>  报 修 管 理</span></a>
<li><a class="ajax-link" href="../notice?action=noticelist"><i class="glyphicon glyphicon-envelope"></i><span>  公 告 管 理</span></a>
<li><a class="ajax-link" href="../inspection?action=inspectionList"><i class="glyphicon glyphicon-info-sign"></i><span>  保 安 保 洁</span></a>
<li><a class="ajax-link" href="../custom?action=customAccountList"><i class="glyphicon glyphicon-user"></i><span>  业 主 信 息</span></a>
<li><a class="ajax-link" href="../house?action=houseList"><i class="glyphicon glyphicon-list-alt"></i><span>  房 产 信 息</span></a>
</li>
</ul>
</div>
</div>
</div>
<!--/span-->
<!-- left menu ends -->
<noscript>
<div class="alert alert-block col-md-12">
<h4 class="alert-heading">Warning!</h4>
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
enabled to use this site.</p>
</div>
</noscript>
<div id="content" class="col-lg-10 col-sm-10">
<!-- content starts -->
<div>
<ul class="breadcrumb">
<li>
<a href="../index.jsp">首页</a>
</li>
<li>
<a href="../admin?action=adminList">管理员信息</a>
</li>
<li>
<a href="#">添加</a>
</li>
</ul>
</div>
<div class="row">
<div class="box col-md-12">
<div class="box-inner">
<div class="box-header well" data-original-title="">
<h2><i class="glyphicon glyphicon-edit"></i> 编辑</h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round btn-default"><i
class="glyphicon glyphicon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round btn-default"><i
class="glyphicon glyphicon-remove"></i></a>
</div>
</div>
<div class="box-content">
<form action="../admin?action=adminAdd" method="post" data-toggle="validator">
<div class="form-group">
<div class="input-group col-md-3">
<label class="control-label" for="name">姓名*</label>
<input type="text" class="form-control" name="name" / required>
<span class="help-block with-errors"></span>
</div>
</div>
<div class="form-group">
<div class="input-group col-md-3">
<label for="password">密码*</label>
<input type="password" class="form-control" name="password" pattern="^[a-z0-9_]{6,18}$" data-error="密码格式错误" id="Password1" required/>
<span class="help-block with-errors">密码由字母 数字或下划线组成，6位以上</span>
</div>
<div class="input-group col-md-3">
<label for="Password2">确认密码*</label>
<input type="password" class="form-control" id="Password2" data-match="#Password1" data-error="密码不一致" required>
<span class="help-block with-errors"></span>
</div>
</div>
<label class="control-label">性别*</label>
<div class="radio">
<label class="label-inline">
<input type="radio" name="sex" value="男" checked>
男  
</label>
<label class="label-inline">
<input type="radio" name="sex" value="女">
女
</label>
</div>
<div class="form-group">
<div class="input-group col-md-1">
<label class="control-label" for="age">年龄*</label>
<input type="number" class="form-control" name="age" required/>
<span class="help-block with-errors"></span>
</div>
</div>
<div class="form-group">
<div class="input-group col-md-3">
<label class="control-label" for="tel">电话</label>
<input type="text" class="form-control" name="tel" />
</div>
</div>
<div class="form-group">
<div class="input-group col-md-3">
<label class="control-label" for="phone">手机</label>
<input type="text" class="form-control" name="phone" />
</div>
</div>
<div class="form-group">
<div class="input-group col-md-4">
<label class="control-label" for="addr">地址*</label>
<input type="text" class="form-control" name="addr" required/>
<span class="help-block with-errors"></span>
</div>
</div>
<div class="form-group">
<div class="input-group col-md-4">
<label class="control-label" for="memo">备注</label>
<input type="text" class="form-control" name="memo" />
</div>
</div>
<input type="submit" class="btn btn-info" value="保存"></button>
</form>
</div>
</div>
</div>
</div>
<!-- content ends -->
</div><!--/#content.col-md-0-->
</div><!--/fluid-row-->
<hr>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>确认提交</h3>
</div>
<div class="modal-body">
<p>信息将被提交。</p>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-default" data-dismiss="modal">取消</a>
<a href="#" class="btn btn-primary" data-dismiss="modal">确定</a>
</div>
</div>
</div>
</div>
<footer class="row">
<p class="col-md-9 col-sm-9 col-xs-12 copyright">© <a href="http://usman.it" target="_blank">Muhammad
Usman</a> 2012 - 2015</p>
<p class="col-md-3 col-sm-3 col-xs-12 powered-by">Powered by: <a
href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
</footer>
</div><!--/.fluid-container-->
<!-- external javascript -->
<script src="../js/validator.min.js"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- library for cookie management -->
<script src="../js/jquery.cookie.js"></script>
<!-- calender plugin -->
<script src='../bower_components/moment/min/moment.min.js'></script>
<script src='../bower_components/fullcalendar/dist/fullcalendar.min.js'></script>
<!-- data table plugin -->
<script src='../js/jquery.dataTables.min.js'></script>
<!-- select or dropdown enhancer -->
<script src="../bower_components/chosen/chosen.jquery.min.js"></script>
<!-- plugin for gallery image view -->
<script src="../bower_components/colorbox/jquery.colorbox-min.js"></script>
<!-- notification plugin -->
<script src="../js/jquery.noty.js"></script>
<!-- library for making tables responsive -->
<script src="../bower_components/responsive-tables/responsive-tables.js"></script>
<!-- tour plugin -->
<script src="../bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js"></script>
<!-- star rating plugin -->
<script src="../js/jquery.raty.min.js"></script>
<!-- for iOS style toggle switch -->
<script src="../js/jquery.iphone.toggle.js"></script>
<!-- autogrowing textarea plugin -->
<script src="../js/jquery.autogrow-textarea.js"></script>
<!-- multiple file upload plugin -->
<script src="../js/jquery.uploadify-3.1.min.js"></script>
<!-- history.js for cross-browser state change on ajax -->
<script src="../js/jquery.history.js"></script>
<!-- application script for Charisma demo -->
<script src="../js/charisma.js"></script>
</body>
</html>
</html>
原文地址: https://www.cveoy.top/t/topic/n5qk 著作权归作者所有。请勿转载和采集!