用户在首页输入用户名和密码后,点击“登录”按钮,通过验证,用户名和密码正确,可以进入到系统,使用系统的功能;未注册用户,可以点击“注册”按钮进行注册,注册后登录,就可以进入系统了。
登录页面如图4-1所示:
图4-1登录注册页面
登录页面的文件名为login.jsp。下面是该页面主要代码:
<body>
<form name="loginForm" method="post" action="loginAction.jsp">
<table width="50%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<caption>
<span class="style1"> 欢迎登录网上教育资源管理系统 </span><br>
</caption>
<tr align="left">
<th width="40%" height="35" align="center" scope="row">用户名:</th>
<td width="60%"><input name="uid" type="text" id="uid" maxlength="20"></td>
</tr>
<tr align="left">
<th height="35" align="center" scope="row">密 码:</th>
<td><input name="password" type="password" id="password" maxlength="30"></td>
</tr>
<tr align="center">
<th height="35" colspan="2" scope="row"><input type="submit" name="Submit" value="登录">
<input type="button" name="Submit2" value="注册" onclick="javascript:window.location='userRegister.jsp'"> </th>
</tr>
</table>
</form>
</body>
从这句:<form name="loginForm" method="post" action="loginAction.jsp">可以知道,点击了“登录”按钮以后,页面转到loginAction.jsp处理提交的用户名和密码。
从这句:<input type="button" name="Submit2" value="注册" onclick="javascript:window.location='userRegister.jsp'"> </th>可以知道,点击了“注册”
按钮后,页面就转到userRegister.jsp处理。
注册页面入下4-2图所示:
图4-2用户注册页面
注册页面文件名为userRegister.jsp,下面是该页面的主要代码:
<body>
<form name="userRegisterForm" method="post" action="Register" onsubmit="return checkForm(this)">
<table width="80%" border="0" align="center" cellpadding="2" cellspacing="0" >
<caption>
<font color="blue" style="font-size: 20px">用户注册</font><br></caption>
<tr bgcolor="#EFEFEF">
<td width="25%" align="right">用户名:</td>
<td width="30%" valign="bottom">
<input name="uid"type="text" id="uid" size="20" maxlength="50"></td>
<td width="45%">*
<input name="checkUser" type="button" value="查看是否被占用" onclick="checkUid();">
</td>
</tr>
<< 上一页 [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] ... 下一页 >>