六:javaee会议管理系统实现过程之优化JSP功能的代码(完整详细有注释)

一般这个步骤是不合理的,这次弄是为了帮助学习者可以循序渐进滴掌握

应该从一开始就用el和jstl

 

减少<%%> 这些 

使用el  或者jstl来代替

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

1.修改top.jsp

2.修改approveaccount.jsp

<%@ page language="java" import="java.util.*,com.meeting.vo.*" pageEncoding="utf-8"%>

<%-- <%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>--%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html>
    <head>
        <title>CoolMeeting会议管理系统</title>
        <link rel="stylesheet" href="styles/common03.css"/>            
    </head>
    <body>
            <div class="page-content">
                <div class="content-nav">
                    人员管理 > 注册审批
                </div>
                <table class="listtable">
                    <caption>所有待审批注册信息:</caption>
                    <!-- 取出刚刚存起来的待审批的员工列表 -->
                   <%--  <%List<Employee> employeesList=(List<Employee>)request.getAttribute("employeesList"); %> --%>
                    <tr class="listheader">
                        <th>姓名</th>
                        <th>账号名</th>
                        <th>联系电话</th>
                        <th>电子邮件</th>
                        <th>操作</th>
                    </tr>
                  <!--   循环迭代这个列表 -->
                   <%--  <%for(Employee e:employeesList){ %> --%>
                    <c:forEach var="emp" items="${requestScope.employeesList}">
                    <tr>
                       <%--  <td><%=e.getEmployeename()%></td>
                        <td><%=e.getUsername()%></td>
                        <td><%=e.getPhone()%></td>
                        <td><%=e.getEmail()%></td> --%>
                         <td>${emp.employeename}</td>
                        <td>${emp.username}</td>
                        <td>${emp.phone}</td>
                        <td>${ emp.email}</td>
                        <td>
                        	<!--传入上面迭代得到的e.getEmployeeid(),并且传入 oper是yes还是no -->
                            <input type="button" class="clickbutton" value="通过" onclick="window.location.href='ApproveServlet?employeeid=${emp.employeeid}&oper=yes'"/>
                            <input type="button" class="clickbutton" value="不通过" onclick="window.location.href='ApproveServlet?employeeid=${emp.employeeid}&oper=no'"/>
                        </td>
                    </tr>
                    <%-- <%}%> --%>
                    </c:forEach>
                </table>
            </div>
    
        <div class="page-footer">
            <hr/>
            更多问题,欢迎联系<a href="mailto:webmaster@eeg.com">管理员</a>
            <img src="images/footer.png" alt="CoolMeeting"/>
        </div>
    </body>
</html>

3.修改department.jsp

<%@ page language="java" import="java.util.*,com.chinasofti.meeting.vo.*" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
    <head>
        <title>CoolMeeting会议管理系统</title>
        <link rel="stylesheet" href="styles/common03.css"/>
    </head>
    <body>
           <div class="page-content">
                <div class="content-nav">
                    人员管理 > 部门管理
                </div>
                <form action="AddDeleteDepartmentServlet" method="post">
                    <fieldset>
                        <legend>添加部门</legend>
                        部门名称:
                        <input type="text" name="departmentname" maxlength="20"/>
                        <input type="hidden" name="code" value="add">
                        <input type="submit" class="clickbutton" value="添加"/>
                    </fieldset>
                </form>
                <c:if test="${requestScope.departmentsList!=null}">
      
                <table class="listtable">
                    <caption>所有部门:</caption>
                    <tr class="listheader">
                        <th>部门编号</th>
                        <th>部门名称</th>
                        <th>操作</th>
                    </tr>
	
					<c:forEach var="dept" items="${requestScope.departmentsList}">
                    <tr>
                        <td>${dept.departmentid}</td>
                        <td>${dept.departmentname}</td>
                        <td>
                           <a class="clickbutton" href="AddDeleteDepartmentServlet?code=delete&departmentid=${dept.departmentid}">删除</a>
                        </td>
                    </tr>
               	</c:forEach>
                </table>
                </c:if>
            </div>
    </body>
</html>

4.修改login.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
    <head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>CoolMeeting会议管理系统</title>
        <link rel="stylesheet" href="styles/common.css"/>
    </head>
    <body>
 
            <div class="page-content">
                <div class="content-nav">
                    登录
                </div>
                <form action="LoginServlet" method="post">
                    <fieldset>
                        <legend>登录信息</legend>
                        
                         <tr>
                                <td>提示信息:</td>
                                <td>
                                  <font color='red'> ${requestScope.msg}</font>
                                </td>
                         </tr>
                        
                        <table class="formtable" style="width:50%">
                            <tr>
                                <td>账号名:</td>
                                <td>
                                    <input id="accountname" name="username"type="text" />
                                </td>
                            </tr>
                            <tr>
                                <td>密码:</td>
                                <td>
                                    <input id="new" name="pwd" type="password" />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" class="command">
                                    <input type="submit" value="登录" class="clickbutton" />
                                    <input type="button" value="返回" class="clickbutton" onclick="window.history.back();"/>
                                    <input type="button" value="注册" class="clickbutton" onclick="window.location.href='ViewAllDepartmentsServlet?code=regist'"/>
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </form>
            </div>
        </div>
        
    </body>
</html>

 

 

5.registe.jsp

<%@ page language="java"
	import="java.util.*,com.meeting.vo.*" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<title>CoolMeeting会议管理系统</title>
<link rel="stylesheet" href="styles/common.css" />
<style type="text/css">
</style>
<script type="text/javascript">
var xmlHttp;

        function createXMLHttpRequest() {
            if (window.ActiveXObject) {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            else if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();                
            }
        }

        function validate() {
            createXMLHttpRequest(); 
            var username = document.getElementById("username");
            var url = "ValidateUsernameServlet?username=" + escape(username.value);           
            xmlHttp.open("GET", url, true);
            xmlHttp.onreadystatechange = callback;
            xmlHttp.send(null);
        }

        function callback() {
            if (xmlHttp.readyState == 4) {
                if (xmlHttp.status == 200) {
                    var message = xmlHttp.responseXML.getElementsByTagName("message")[0].firstChild.data;
                    var passed = xmlHttp.responseXML.getElementsByTagName("passed")[0].firstChild.data;
                    setMessage(message, passed);
                }
            }
        }
        
        function setMessage(message, passed) {            
            var validateMessage = document.getElementById("validateMessage");
            var fontColor = "red";
            if (passed == "true") {
                fontColor = "green";                
            }
            validateMessage.innerHTML = "<font color=" + fontColor + ">" + message + " </font>";
        }
        
	function check() {
		if (form1.firstpassword.value!=form1.secondpassword.value) {
			confirminfo.innerHTML = "<font color=red>两次输入的密码不相符</font>";
		}else{
			confirminfo.innerHTML="<font color=green>两次输入的密码相符</font>";
		}
	}
</script>

</head>
<body>
	<div class="page-header">
		<div class="header-banner">
			<img src="images/header.png" alt="CoolMeeting" />
		</div>
		<div class="header-title">欢迎访问Cool-Meeting会议管理系统</div>
	</div>
	<div class="page-content">
		<div class="content-nav">人员管理 > 员工注册</div>
		<form name="form1" action="RegistServlet" method="post">
			<fieldset>
				<legend>员工信息</legend>

				<tr>
					<td>提示信息:</td>
					<td><font color='red'>${requestScope.msg}</font></td>
				</tr>

				<table class="formtable" style="width:50%">
					<tr>
						<td>姓名:</td>

						<td><input type="text" id="employeename" name="employeename"
							maxlength="20" value="${param.employeename}" ></td>
					</tr>
					<tr>
						<td>账户名:</td>

						<td><input type="text" id="username" name="username"
							maxlength="20" value="${param.username}" onchange="validate()">
							<div id="validateMessage"></div></td>
					</tr>
					<tr>
						<td>密码:</td>
						<td><input type="password" id="firstpassword" name="password"
							maxlength="20" placeholder="请输入6位以上的密码">
						</td>
					</tr>
					<tr>
						<td>确认密码:</td>
						<td><input type="password" id="secondpassword"
							name="password" maxlength="20" onchange="check()" />
							<div id="confirminfo"></div></td>
					</tr>
					<tr>
						<td>联系电话:</td>

						<td><input type="text" id="phone" name="phone" maxlength="20"
							value="${param.phone}"></td>
					</tr>
					<tr>
						<td>电子邮件:</td>
						
						<td><input type="text" id="email" name="email" maxlength="20"
							value="${param.email}">
						</td>
					</tr>
					
					<tr>
					<td>所在部门:</td>
					<td>
					<select name="deptid">
							<c:forEach var="department" items="${requestScope.departmentsList}">							
					 			<c:if test="${department.departmentid== param.deptid}">
                                 <option value="${department.departmentid}" selected>${department.departmentname}</option>
                                </c:if>
                                <c:if test="${department.departmentid!= param.deptid}">
                                 <option value="${department.departmentid}" >${department.departmentname}</option>
                                </c:if> 			
							</c:forEach>
					</select>
					</td>
					</tr>

					<tr>
						<td colspan="6" class="command"><input type="submit"
							class="clickbutton" value="注册" /> <input type="reset"
							class="clickbutton" value="重置" />
						</td>
					</tr>
				</table>
			</fieldset>
		</form>
	</div>
	</div>
	<div class="page-footer">
		<hr />
		更多问题,欢迎联系<a href="mailto:webmaster@eeg.com">管理员</a> <img
			src="images/footer.png" alt="CoolMeeting" />
	</div>
</body>
</html>

 

el大量的内置对象

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一身正气z

打赏随心就好

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值