JSP登陆页面代码 - 文档之家

... 5.

下载文档原格式

JSP注册页面代码

</label>
</p>
<p>真实姓名
<label>
<input type="text" name="textfield4" />
</label>
</p>
<p>年龄
<label>
<input type="text" name="textfield5" />
</label>
</p>
<p>职业
<label>

<tr>
<td width="528" height="368"> </td>
<td width="344" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
</label>
<label>
<input type="submit" name="Submit3" value="返回" />
</label>
</p>
</form> </td>
</tr>

javascript 登陆界面代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>注册</title><style type="text/css">input[type = "text"], input[type = "password"] {width: 150px;}table{background-color:pink}</style></head><body><div><div class="login_step"><div align="center">注册步骤:<span class="red_bold">1.填写信息</span> > 2.提交</div></div><center><form name="myform" action="success.html" method="post" onsubmit="return check()" ><table width="45%" height="50%" border="1" cellspacing="0" ><tr><th colspan="2">注册个人信息(*为必填的空！)</th></tr><tr><td height="36" align="right">用户名：</td><td><input type="text" name="username" id="username" onBlur="check()" /><span id="usernames"></span> * </td></tr><tr><td height="38" align="right">设置密码：</td><td><input type="password" name="psw" id="psw" onBlur="check()"/><span id="psws"></span> * </td></tr><tr><td align="right" >密码确认：</td><td><input type="password" name="psw-enter" id="psw-enter" onBlur="passwords()"/><span id="psws-enter"></span> *</td></tr><tr><td height="41" align="right">性别：</td><td><input type="radio" name="sex" value="man" checked />男   <input type="radio" name="sex" value="women"/>女</td></tr><tr><td height="45" align="right">出生日期：</td><td><select name="year" id="year"><option value="">请选择</option><option value="1990" selected>1990</option><option value="1991" >1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option></select>年<select name="month" id="month"><option value="">请选择</option><option value="1" selected>1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select>月<select name="day" id="day"><option value="">请选择</option><option value="1" selected>1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option></select>日</font></td></tr><tr><td height="32" align="right">身份证号码：</td> <td><input type="text" value="" id="sfz" onBlur="check()" /><span id="shen"></span>* </td></tr><tr><td height="44" align="right">联系电话：</td> <td><input type="text" value="" id="phone" onBlur="check()" /><span id="phones"></span>* </td></tr><tr><td height="39" align="right">Emai：</td><td><input type="text" id="email" value="" onBlur="check()"/><span id="emails"></span>*</td><tr><td align="right">个人说明：</td><td><font color="#6600CC"><textarea id="jian"></textarea></font></td></tr><tr><td colspan="2" align="center"><input type="submit" value="提交" />    <input type="reset" value="重置" /></font></td></tr></table></form></center><script type="text/javaScript">function username(){var username = document.getElementById("username").value; //用户名//用户名的判断var r = /^[A-Za-z]+$/;if(username == ""){document.getElementById("usernames").innerHTML = "<font color='red'>用户名不可以为空</font>";return false;}else if(username !=""){if(username.length<3){document.getElementById("usernames").innerHTML = "<font color='red'>用户名至少3位</font>";return false;}else{document.getElementById("usernames").innerHTML = "<font color='green'>恭喜你，您的用户名可以使用</font>";return true;}}}function password(){var psw = document.getElementById("psw").value;//密码//密码的判断if(psw==""){document.getElementById("psws").innerHTML = "<font color='red'>密码不可以为空</font>";return false;}else if(psw !=""){if(psw.length<6){document.getElementById("psws").innerHTML = "<font color='red'>密码至少六位</font>";return false;}else{document.getElementById("psws").innerHTML = "<font color='green'>密码设置成功！</font>";return true;}}}function passwords(){var psw = document.getElementById("psw").value;var p=document.getElementById("psw-enter").value;if(p!=psw){document.getElementById("psws-enter").innerHTML = "<font color='red'>密码与确认密码不同</font>";}else{document.getElementById("psws-enter").innerHTML = "<font color='green'>确认密码输入正确</font>";}}function sex(){var sex = document.getElementsByName("sex");var sex1 = "";for(var i=0;i<sex.length;i++){if(sex[i].checked==true){sex1 = sex[i].value;}}}function shijizn(){var year = document.getElementById("year").value; //出生年份var month= document.getElementById("month").value; //出生月份var day = document.getElementById("day").value; //出生的日期}//身份证的验证function sfz(){var sfz = document.getElementById("sfz").value;//身份证号码var shenfenz=/\d{15}|\d{18}/;if(sfz==""){document.getElementById("shen").innerHTML = "<font color='red'>身份证不能为空</font>";return false;}if(sfz !=""){if(!(shenfenz.test(sfz))){document.getElementById("shen").innerHTML = "<font color='red'>身份证格式不正确</font>";return false;}else{document.getElementById("shen").innerHTML = "<font color='green'>身份证正确</font>";return true;}}}function phone(){var phone = document.getElementById("phone").value; //联系电话//正则表达式使用方法var reg= /^\d{11}$/; //if(phone==""){document.getElementById("phones").innerHTML = "<font color='red'>联系电话格不能为空</font>";return false;}if(phone !=""){if(!(reg.test(phone))){document.getElementById("phones").innerHTML = "<font color='red'>联系电话格式不正确</font>";return false;}else {document.getElementById("phones").innerHTML = "<font color='green'>联系电话输入正确</font>";return true;}}}function email(){var email = document.getElementById("email").value; //email邮箱//alert(email);//邮箱验证var e=/^\w+([-+.]\w+)*@\w+([-.]\\w+)*\.\w+([-.]\w+)*$/;if(email==""){document.getElementById("emails").innerHTML = "<font color='red'>邮箱不能为空</font>";return false;}if(email !=""){if(!(e.test(email))){document.getElementById("emails").innerHTML = "<font color='red'>邮箱格式不正确</font>";return false;}else{document.getElementById("emails").innerHTML = "<font color='green'>邮箱正确</font>";return true;}}}function check(){if (username()&&password()&&sfz()&&phone()&&email()) {return true;}else {return false;}}</script></body></html>。

(完整版)JSP登陆页面代码

response.sendRedirect("login.htm");
}
%>
如果输入信息有误，则回到登录页面，重新输入登录信息。
注册页面：reg.jsp
请输入您的注册信息：
<table>
<form action="/user/Reg" method="post" name="regform" onsubmit="return regconfirm();">
session.setAttribute("login","ok");
session.setMaxInactiveInterval(-1);
%>
<jsp:forward page="main.jsp"/>
<%
}else{
out.println("用户名或密码输入错误！");
}
%>
如果登录成功，则设定login的值为ok，提交到下一步验证页面，则进入main.jsp页面，否则，如果输入的用户名和密码不合法就打印错误信息，main.jsp页面代码如下：
<tr><td>密码：</td><td><input type="password" name="user_pwd" id="user_pwd" size="20" maxlength=10 onBlur="checkPWD();">*可以包含字母数字(区分大小写)，6-10位</td>

使用JSP实现简单的用户登录注册页面示例代码解析

使⽤JSP实现简单的⽤户登录注册页⾯⽰例代码解析实验要求：将实验2中的系统⽤户登录和注册页⾯改为JSP页⾯，并部署⾃⼰的Web应⽤于Tomcat服务器中具体要求：完成登录JSP页⾯设计和注册页⾯设计在登录页⾯表单中使⽤request对象获取⽤户信息，建⽴新的JSP页⾯完成登录验证（⽤户名和密码⾃⼰指定即可）。

验证结果显⽰（如登录成功/⽤户名密码错误，可以使⽤JavaScript，也可以使⽤新的JSP页⾯）。

在注册页⾯表单中使⽤request对象获取⽤户注册信息（注册项⽬由⾃⼰指定），在新的JSP页⾯显⽰⽤户注册信息，并提⽰注册成功。

代码登录页⾯index.html<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>jsp作业</title><link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li></ul></div></div></nav><div class="container"><div class="jumbotron"><h1>Hello, world!</h1><p>这是⼀个jsp作业</p></div></div></body></html>登录页⾯login.jsp<%@ page contentType="text/html; charset=utf-8" language="java"%><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>登录</title><link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li></ul></div></div></nav><div class="container"><div class="row"><div class="col-md-4"></div><div class="col-md-4"><form class="form-signin" method="post" action="login-check.jsp"><h2 class="form-signin-heading">登录到jsp作业</h2><label for="">⽤户名</label><input type="text" name="username" id="username" class="form-control" placeholder="请输⼊⽤户名" required autofocus><br><label for="">密码</label><input type="password" name="password" id="password" class="form-control" placeholder="请输⼊密码" required><div class="checkbox"><label><input type="checkbox" value="remember-me" checked="checked"> 记住密码</label></div><button type="submit" class="btn btn-primary" id="btn-login">登录</button><a href="reg.jsp" rel="external nofollow" rel="external nofollow" class="btn btn-default">注册</a></form></div><div class="col-md-4"></div></div></body></html>登录结果页⾯login-check.jsp<%@ page contentType="text/html; charset=utf-8" language="java"%><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>登录</title><link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li></ul></div></div></nav><div class="container"><div class="row"><div class="col-md-4"></div><div class="col-md-4"><form class="form-signin" method="post" action="login-check.jsp"><h2 class="form-signin-heading">登录到jsp作业</h2><label for="">⽤户名</label><input type="text" name="username" id="username" class="form-control" placeholder="请输⼊⽤户名" required autofocus><br><label for="">密码</label><input type="password" name="password" id="password" class="form-control" placeholder="请输⼊密码" required><div class="checkbox"><label><input type="checkbox" value="remember-me" checked="checked"> 记住密码</label></div><button type="submit" class="btn btn-primary" id="btn-login">登录</button><a href="reg.jsp" rel="external nofollow" rel="external nofollow" class="btn btn-default">注册</a></form></div><div class="col-md-4"></div></div></body></html>注册页⾯reg.jsp<%@ page contentType="text/html; charset=utf-8" language="java"%><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>注册</title><link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li></ul></div></div></nav><div class="container"><div class="row"><div class="col-md-4"></div><div class="col-md-4"><form class="form-signin" action="reg-submit.jsp" method="post"><h2 class="form-signin-heading">注册到jsp作业</h2><div id="info"></div><label for="">⽤户名</label><input type="text" name="username" id="username" class="form-control" placeholder="请输⼊⽤户名" required autofocus><br><label for="">密码</label><input type="password" name="password" id="password" class="form-control" placeholder="请输⼊密码" required><br><label for="">重复密码</label><input type="password" name="password2" id="password2" class="form-control" placeholder="请再次输⼊密码" required maxLength="16"><br><button type="submit" class="btn btn-primary" id="btn-reg">注册</button><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="btn btn-default" id="btn-reg">返回登录</a> </form></div><div class="col-md-4"></div></div></body></html>注册结果页⾯reg-submit.jsp<%@ page contentType="text/html; charset=utf-8" language="java"%><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>结果</title><link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li></ul></div></div></nav><div class="container"><% String username = request.getParameter("username");String password = request.getParameter("password");String password2 = request.getParameter("password2");%><%if(password.equals(password2)){out.println("<div class='alert alert-success' role='alert'>注册成功</div>");out.println("<ul class='list-group'>");out.println("<li class='list-group-item'>⽤户名：" + username + "</li>");out.println("<li class='list-group-item'>密码：" + password + "</li>");out.println("</ul>");else{out.println("<div class='alert alert-danger' role='alert'>两次密码输⼊不⼀致，请重新输⼊</div>"); }%></div>效果到此这篇关于使⽤JSP实现简单的⽤户登录注册页⾯⽰例代码解析的⽂章就介绍到这了,更多相关JSP实现简单的⽤户登录注册页⾯内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！。

简单的JSP登陆注册代码

con = DriverManager.getConnection("jdbc:odbc:deng","","");
sql = con.createStatement();
rs = sql.executeQuery("SELECT * FROM users where id='"+username+"' and password='"+pw+"'");//执行SQL语句并返回结果
<%@ page import="Db.DataBase" %>
<%!
public String codeToString(String str)
{//处理中文字符串的函数
String s=str;
try
{
byte tempB[]=s.getBytes("ISO-8859-1");
ResultSet rs;
try{
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); //建立JDBC-ODBC桥
}
catch(ClassNotFoundException e){ out.print("类找不到！");}
try{
%>
</body>
</html>
</div></td>
</tr>
<tr>
<td borderColor=#d3add1 width="100%" bgColor=#fffde8 height=25><p align=center>

jsp登陆源代码

denglu.jsp<%@ page contentType="text/html; charset=GB2312" language="java" import="java.util.*,java.text.*"%><html><head><title>登陆界面</title></head><body bgcolor="#7e98f6"><center><%@include file="util/main.jsp"%>(页面头部)<form action="dlxx.jsp" method=post name=form><img src="image/3.jpg">（图片自己放一张并改名字和地址（image））<table bgcolor="#7e98f6" height="150"><tr><td>用户名:<input type="text" name="yonghu" value=""/><tr><td>密码：<input type="text" name="pass" value=""/><tr><td><input type="submit" name="submit" value="提交"/>       <input type="reset" name="submit" value="重置"/></table></form><jsp:include page="util/foot.jsp" flush="true"/>（页面尾部）</body></html>dlxx.jsp<%@ page contentType="text/html; charset=GB2312" language="java" import="java.util.*,java.text.*"%><%@page import="java.sql.*"%><html><body><%@include file="util/main.jsp"%><body bgcolor="#7e98f6"><br/><br/><br/><br/><br/><br/><br/><font size="华文楷体"><center><%String yonghu1=request.getParameter("yonghu");String pass1=request.getParameter("pass");String dpass="";try{Class.forName ("com.microsoft.sqlserver.jdbc.SQLServerDriver");String url="jdbc:sqlserver://localhost:1433;DataBaseName=liu";(数据库名)String dlname="sa";String dlpass="123";Connection conn=DriverManager.getConnection(url,dlname,dlpass);Statement ss=conn.createStatement();String cx="select yh_pass from yh where yh_name='"+yonghu1+"'";（yh_pass/yh_name数据库列表名,yh表名）ResultSet rs=ss.executeQuery(cx);if(rs.next()){dpass=rs.getString("yh_pass");}rs.close();ss.close();conn.close();}catch(Exception e){out.println(e.toString());}if(dpass.equals(pass1)){response.sendRedirect("weclome.jsp");（欢迎页面）}else{out.print(yonghu1+"不是数据库中用户，登录失败！！");out.print("<br><br>用户名="+yonghu1);out.print("<br><br>密码="+dpass);out.print("<br><br>密码="+pass1);}%><br/><br/><br/><br/><br/><jsp:include page="util/foot.jsp" flush="true"/></body></html>。

jsp+java查询登录源代码

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServ erPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"></head><body bgcolor = "pink"><center>用户登录<br><%String flag = request.getParameter("errNo");try{if(flag.equals("1")){out.println("密码错误");}if(flag.equals("2")){out.println("用户名不存在");}}catch(Exception e){e.printStackTrace();}%><form action = "loginCl.jsp" method="post">用户名：<input type="text" name="username"><br>密码：<input type="password" name ="passwd"><br> <input type="submit" value="提交"><input type="reset" value="重置"></form></center></body></html><%@ page language="java" import="java.util.*" pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServ erPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"></head><body bgcolor = "pink"><center>用户登录<br><hr><%String flag = request.getParameter("errNo"); try{if(flag.equals("1")){out.println("密码错误");}if(flag.equals("2")){out.println("用户名不存在");}}catch(Exception e){e.printStackTrace();}%><form action = "loginCl.jsp" method="post">用户名：<input type="text" name="username"><br>密码：<input type="password" name ="passwd"><br> <input type="submit" value="提交"><input type="reset" value="重置"></form></center></body></html>loginCl.jsp[html] view plaincopyprint?<%@ page language="java" import="java.util.*,java.sql.* , com.yyy.model.*" pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServ erPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'loginCl.jsp' starting page</title></head><body><%//接收用户名和密码String u = request.getParameter("username");String p = request.getParameter("passwd");//调用userbean处理的方法UserBeanCl ubc = new UserBeanCl();if(ubc.checkUser(u, p)){response.sendRedirect("wel.jsp?user="+u);}else{response.sendRedirect("login.jsp");}%></body></html><%@ page language="java" import="java.util.*,java.sql.* , com.yyy.model.*" pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServ erPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'loginCl.jsp' starting page</title></head><body><%//接收用户名和密码String u = request.getParameter("username");String p = request.getParameter("passwd");//调用userbean处理的方法UserBeanCl ubc = new UserBeanCl();if(ubc.checkUser(u, p)){response.sendRedirect("wel.jsp?user="+u);}else{response.sendRedirect("login.jsp");}%></body></html>wel.jsp[html] view plaincopyprint?<%@ page language="java" import="java.util.*, java.sql.*, com.yyy.model.*"pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServ erPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'wel.jsp' starting page</title></head><body>登陆成功!<%= request.getParameter("user") %><br><a href="login.jsp">重新登陆</a><h1>用户列表</h1><%//定义分页用到的4个变量int pageNow = 1; //默认第一页int pageCount = new UserBeanCl().getPageCount();//获取页面传来的pageNow信息String pp = request.getParameter("pageTo");if(pp != null){try{pageNow = Integer.parseInt(pp);}catch(Exception e){out.println("pagenow=" + pageNow);e.printStackTrace();}}//查询所有的记录数%><table border = "1"><tr><td>用户ID</td><td>名字</td><td>密码</td><td>Email</td><td>级别</td></tr><%UserBeanCl ubc = new UserBeanCl();UserBean ub = new UserBean();ArrayList al = new ArrayList();al = ubc.getUsersByPage(pageNow);for(int i=0; i<al.size(); i++){ub =(UserBean) al.get(i);%><tr><td><%=ub.getUserId()%></td><td><%=ub.getUsername() %></td ><td><%=ub.getPasswd() %></td><td><%=ub.getEmail() %></td><td> <%=ub.getGrade() %></td></tr><%}%></table><%//显示超链接//首页out.println("<a href=wel.jsp?pageTo="+1+">首页</a>");//上一页if(pageNow != 1){out.println("<a href=wel.jsp?pageTo="+(pageNow - 1)+">上一页</a>");}// 判断页数的if(pageNow == 1){for(int i = pageNow; i <= pageNow + 5; i++){out.println("<a href= wel.jsp?pageTo="+i+"> ["+i+"] </a>");}}else if(pageNow == 2){for(int i = pageNow-1; i < pageNow + 5; i++){out.println("<a href= wel.jsp?pageTo="+i+"> ["+i+"] </a>");}}else if(pageNow == pageCount){for(int i = pageCount-4; i <= pageCount; i++){out.println("<a href= wel.jsp?pageTo="+i+"> ["+i+"] </a>");}}else if(pageNow == pageCount-1){for(int i = pageCount-3; i <= pageCount+1; i++){out.println("<a href= wel.jsp?pageTo="+i+"> ["+i+"] </a>");}}else{for(int i=pageNow - 2; i <= pageNow + 2; i++){out.println("<a href= wel.jsp?pageTo="+i+"> ["+i+"] </a>");}}//显示写一页if(pageNow != pageCount){out.println("<a href=wel.jsp?pageTo="+(pageNow + 1)+">下一页</a>");}//末页out.println("<a href=wel.jsp?pageTo="+pageCount+">末页</a>");%></body></html><%@ page language="java" import="java.util.*, java.sql.*, com.yyy.model.*" pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServ erPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'wel.jsp' starting page</title></head><body>登陆成功!<%= request.getParameter("user") %><br><a href="login.jsp">重新登陆</a><h1>用户列表</h1><%//定义分页用到的4个变量int pageNow = 1; //默认第一页int pageCount = new UserBeanCl().getPageCount();//获取页面传来的pageNow信息String pp = request.getParameter("pageTo");if(pp != null){try{pageNow = Integer.parseInt(pp);}catch(Exception e){out.println("pagenow=" + pageNow);e.printStackTrace();}}//查询所有的记录数%><table border = "1"><tr><td>用户ID</td><td>名字</td><td>密码</td><td>Email</td><td>级别</td></tr><%UserBeanCl ubc = new UserBeanCl();UserBean ub = new UserBean();ArrayList al = new ArrayList();al = ubc.getUsersByPage(pageNow);for(int i=0; i<al.size(); i++){ub =(UserBean) al.get(i);%><tr><td><%=ub.getUserId()%></td><td><%=ub.getUsername() %> </td><td><%=ub.getPasswd() %></td><td><%=ub.getEmail() %></td> <td><%=ub.getGrade() %></td></tr><%}%></table><%//显示超链接//首页out.println("<a href=wel.jsp?pageTo="+1+">首页</a>");//上一页if(pageNow != 1){out.println("<a href=wel.jsp?pageTo="+(pageNow - 1)+">上一页</a>");}// 判断页数的if(pageNow == 1){for(int i = pageNow; i <= pageNow + 5; i++){out.println("<a href= wel.jsp?pageTo="+i+"> ["+i+"] </a>");}}else if(pageNow == 2){for(int i = pageNow-1; i < pageNow + 5; i++){out.println("<a href= wel.jsp?pageTo="+i+"> ["+i+"] </a>");}}else if(pageNow == pageCount){for(int i = pageCount-4; i <= pageCount; i++){out.println("<a href= wel.jsp?pageTo="+i+"> ["+i+"] </a>");}}else if(pageNow == pageCount-1){for(int i = pageCount-3; i <= pageCount+1; i++){out.println("<a href= wel.jsp?pageTo="+i+"> ["+i+"] </a>");}}else{for(int i=pageNow - 2; i <= pageNow + 2; i++){out.println("<a href= wel.jsp?pageTo="+i+"> ["+i+"] </a>");}}//显示写一页if(pageNow != pageCount){out.println("<a href=wel.jsp?pageTo="+(pageNow + 1)+">下一页</a>");}//末页out.println("<a href=wel.jsp?pageTo="+pageCount+">末页</a>");%></body></html>下面是java片段UserBean.java[java] view plaincopyprint?package com.yyy.model;//userbeanpublic class UserBean {private int userId;private String username;private String passwd;private String email;private int grade;public int getUserId() {return userId;}public void setUserId(int userId) {erId = userId;}public String getUsername() {return username;}public void setUsername(String username) { ername = username;}public String getPasswd() {return passwd;}public void setPasswd(String passwd) {this.passwd = passwd;}public String getEmail() {return email;}public void setEmail(String email) { this.email = email;}public int getGrade() {return grade;}public void setGrade(int grade) {this.grade = grade;}}package com.yyy.model;//userbeanpublic class UserBean {private int userId;private String username;private String passwd;private String email;private int grade;public int getUserId() {return userId;}public void setUserId(int userId) {erId = userId;}public String getUsername() {return username;}public void setUsername(String username) { ername = username;}public String getPasswd() {return passwd;}public void setPasswd(String passwd) {this.passwd = passwd;}public String getEmail() {return email;}public void setEmail(String email) {this.email = email;}public int getGrade() {return grade;}public void setGrade(int grade) {this.grade = grade;}}UserBeanCl.java[java] view plaincopyprint?//也叫做bo 主要是封装对users表的各种操作package com.yyy.model;import java.sql.*;import java.util.ArrayList;public class UserBeanCl {private Statement smt = null;private ResultSet rs = null;private Connection conn = null;private int rowCount = 0;//所有记录数private int pageCount=0;// rowCount/pageSize private int pageSize = 3; //每页显示3个//返回总页数public int getPageCount(){//连接数据库conn = new ConnDB().getConn();smt = conn.createStatement();rs = smt.executeQuery(" select count(*) from yyytestusers");if(rs.next()){// rowCount = Integer.parseInt(rs.getString(1));rowCount = rs.getInt(1);}}catch(Exception e){e.printStackTrace();}finally{this.close();}if(rowCount%pageSize == 0){pageCount = rowCount / pageSize;pageCount = rowCount / pageSize + 1;}return pageCount;}//对用户的信息分页public ArrayList getUsersByPage(int pageNow){ArrayList al = new ArrayList();try{//创建Statementconn = new ConnDB().getConn();smt = conn.createStatement();//查询// StringBuffer sb = "select passwd from yyytestusers where username = ';// rs = smt.executeQuery("select count(*) from yyytestusers ");String select_by_pageNow = "select * from (select rownum rn, a.* from yyytestusers a) where rn < "+ (pageNow*pageSize+1)+"and rn not in (select rn from (select rownum rn, a.* from yyytestusers a) where rn < "+((pageNow-1)*pageSize+1) +") order by userid";rs = smt.executeQuery(select_by_pageNow);//一定要rs.next() rs才指向要取得值的地方while(rs.next()){UserBean ub = new UserBean();ub.setUserId(rs.getInt(2));ub.setUsername(rs.getString(3));ub.setPasswd(rs.getString(4));ub.setEmail(rs.getString(5));ub.setGrade(rs.getInt(6));//这个也是可以的。

js登录界面代码自用

js登录界⾯代码⾃⽤var btn = document.getElementById("a4");var usne = document.getElementById("username");var psw = document.getElementById("password");var usneTips1 = document.getElementById("username-tips1");var usneTips2 = document.getElementById("username-tips2");var pswTips = document.getElementById("password-tips");var secTips = document.getElementById("success-tips");btn.onclick = function () {var usneValue = usne.value;var pasValue = psw.value;if(usneValue == ""&& pasValue==""){noneAll();pswTips.style.display="inline";usneTips2.style.display="inline";}else if(usneValue != ""&& pasValue==""){noneAll();pswTips.style.display="inline";}else if(usneValue == ""&& pasValue!=""){noneAll();usneTips2.style.display="inline";}else if(usneValue != ""&& pasValue!=""){noneAll();if(usneValue.length==11||checkEmil(usneValue)==true){noneAll();secTips.style.display="block";window.setTimeout("https:///dashboard",2000);}else{usneTips1.style.display="inline";usneTips1.style.color="red";}}};function noneAll() {pswTips.style.display="none";usneTips2.style.display="none";usneTips1.style.display="none";}function checkEmil(emil) {var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式var obj = emil;if(!reg.test(obj)){ //正则验证不通过，格式不对console.log("fff");return false;}else{console.log("ttt");return true;}}。

JSP完整的注册页面代码

<td>
<html:text property="item.verifyCode" styleClass="verifyCode"/>
<img alt="验证码" id="safecode" src="servlet/ImageServlet" class="img" />
registSubmit();
}
}
//刷新注册码
function reloadVerifyCode(){
var timenow = new Date().getTime();
document.getElementById("safecode").src="servlet/ImageServlet?d="+timenow;
var upass = document.getElementById("item.upass").value;
var upass2 = document.getElementById("item.upass2").value;
var uemail = document.getElementById("item.uemail").value;
<meta http-equiv="description" content="This is my regist page">
<link rel="stylesheet" type="text/css" href="css/styles.css">

使用jsp做一个联接数据库的用户登录界面

</label> <label>    <input name="reset" type="reset" id="reset" value="取消" /> </label></td> </tr> </table> </form> </tr> </table> </body> </html> 验证用户输入信息是否合法（数据库中有无此用户的信息），代码文件如下所示（login.jsp）： <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <%@ include file="conn.jsp"%> <html> <body> <% ResultSet rs1; String sqlstr; String name=tc(request.getParameter("name")); String pw=tc(request.getParameter("pw")); if((name!=null&&name.length()!=0)&& (pw!=null&&pw.length()!=0)){ sqlstr="select* from info where(name='"+name+"'and password='"+pw+"')"; rs1=stmt.executeQuery(sqlstr); if(rs1.next()) { response.sendRedirect("index1.jsp"); } else{ out.println("<SCRIPT language=javascript>alert('用户名或密码不正确，请重新输入！'); window.location='index.jsp'; </script>"); } else

Jsp学生信息管理系统登录验证全代码

1.jsp登录界面Login.jsp<％@page language="java”contentType="text/html；charset=UTF—8”pageEncoding=”UTF-8”%〉<html〉<head><meta http-equiv=”Content-Type" content="text/html；charset=UTF-8”>〈title〉用户登录界面〈/title>〈/head><form action="LoginServlet”method="post"〉〈body bgcolor=”blue”〉〈marquee direction=”right”onmouseover=”stop（)" onmouseout="start(）”style=”font—family：楷体_GB2312”>〈p><font size=”10px”color=”red">学生信息信息管理系统〈/font>〈/p〉</marquee><table align=center width="237”〉〈tr〉<td〉<table width=100％〉〈tr〉〈td colspan=6>〈font size=2〉<div id="b2bContent”style="FILTER: revealTrans(Duration = 1，Transition = 23）；WIDTH: 100%; HEIGHT: 162px”〉〈/div〉〈/font〉〈/td〉〈/tr〉<tr>〈td align=center STYLE=’cursor：hand’〉〈font size=2>〈div class=”b2bbutton"id="bt0”onclick="javascript：showPage(0)；clearTimeout（theTimer);theTimer=setTimeout （'turnPage（）’,speed）；checkBt(）;"〉1〈/div>〈/font〉〈/td>〈td align=center STYLE=’cursor：hand'〉<font size=2〉〈div class="b2bbutton"id=”bt1"onclick=”javascript：showPage（1)；clearTimeout(theTimer)；theTimer=setTimeout(’turnPage（)',speed);checkBt(）；”>2</div〉〈/font>〈/td〉<td align=center STYLE=’cursor: hand’〉〈font size=2><div class=”b2bbutton"id="bt2"onclick="javascript：showPage （2);clearTimeout（theTimer)；theTimer=setTimeout('turnPage（）’，speed)；checkBt();”>3〈/div〉〈/font〉</td>〈td align=center STYLE='cursor: hand’>〈font size=2〉〈div class=”b2bbutton”id="bt3"onclick="javascript：showPage(3）;clearTimeout （theTimer);theTimer=setTimeout（'turnPage（)’，speed）;checkBt();">4〈/div>〈/font〉〈/td><td align=center STYLE=’cursor: hand’>〈font size=2〉<div class=”b2bbutton”id=”bt4"onclick=”javascript：showPage(4);clearTimeout(theTimer)；theTimer=setTimeout（'turnPage()'，speed）;checkBt()；"〉5</div〉〈/font〉</td〉<td align=center STYLE=’cursor: hand'><font size=2>〈div class=”b2bbutton"id=”bt5"onclick=”javascript：showPage(5);clearTimeout（theTimer)；theTimer=setTimeout（’turnPage（)',speed）;checkBt(）；">6</div>〈/font>〈/td></tr〉</table〉〈script language=”javascript"〉b2bStr = new Array（)；b2bStr[0]= "〈div style='float：left；width:100%；overflow:hidden;’〉〈a href=1。

登录的JSP源代码

Login.jsp<%@ page language="java" pageEncoding="UTF-8"%><html><head><title>读书会</title></head><body bgcolor="#E3E3E3"><form action="MainServlet" method="post"><table><caption>用户登录</caption><tr><td>登录名：</td><td><input ty pe="text" name="username" size=”20”/></td></tr><tr><td>密码:</td><td><input type="password" name="pwd" size=”21”/></td></tr> </table><input type="submit" value="登录"/><input type="reset" value="重置"/></form>如果没注册单击<a href="register.jsp">这里</a>注册！</body></html>DB.javapublic class DB {Connection ct;PreparedStatement pstmt,p1;static int id;static int i,n;//为插入用户和留言统计记录// 在构造函数中建立与数据库的连接，这样在建立DB对象时就连接了数据库//数据库操作失败,会导致服务器弹出下载servlet的提示框// 注意sql语句错误引起的数据不一致.public DB(){try {Class.forName("com.mysql.jdbc.Driver");ct=DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","1234");pstmt=ct.prepareStatement("select count(*) from lyTable ");ResultSet rs=pstmt.executeQuery();rs.next();i=rs.getInt(1);pstmt=ct.prepareStatement("select count(*) from userTable ");rs=pstmt.executeQuery();rs.next();n=rs.getInt(1);} catch (Exception e) {e.printStackTrace();}}// 根据username和password查询用户，查到就返回该对象，没有就返回nullpublic User checkUser(String username,String password){try{pstmt=ct.prepareStatement("select * from userTable where username=? and password=?");pstmt.setString(1, username);pstmt.setString(2, password);ResultSet rs=pstmt.executeQuery();User user=new User();while(rs.next()){user.setId(rs.getInt(1));user.setUsername(rs.getString(2));user.setPassword(rs.getString(3));return user;}return null;}catch(Exception e){e.printStackTrace();return null;}}MainServlet.javaimport db.DB;public class MainServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {// 设置请求编码request.setCharacterEncoding("Utf-8");// 设置响应编码response.setContentType("Utf-8");// 获得JSP页面输入的用户名的值String username=request.getParameter("username");// 获得JSP页面输入的密码的值String pwd=request.getParameter("pwd");// 建立DB类对象，使用其中的方法来完成判断DB db=new DB();// 获得session对象，用来保存信息HttpSession session=request.getSession();// 先获得user对象，如果是第一次访问该Servlet，用户对象肯定为空，但如果是第// 二次甚至是第三次，就不应该再判断该用户的信息User user=(User) session.getAttribute("user");// 这里就是判断，如果用户是第一次进入，调用DB类中的方法判断if(user==null){user=db.checkUser(username, pwd);}// 把user对象存在session中session.setAttribute("user", user);if(user!=null){// 如果根据查询，用户不为空，表示用户名和密码正确，应该去下一界面// 这里是去主界面，主界面中包含了所有留言信息，所以要从留言表中查出来ArrayList al=db.findLyInfo();// 把查询的信息保存在session中session.setAttribute("al", al);// 然后跳转到我们要去的主界面response.sendRedirect("main.jsp");}else{// 如果用户名和密码错误，回到登录界面response.sendRedirect("login.jsp");}。

jsp注册登录页面代码

jsp注册页面代码用户信息的bean：package chen;public class UserBean{private String userid;private String password;public void setUserId(String userid){erid=userid;}public void setPassword(String password){this.password=password;}public String getUserId(){return erid;}public String getPassword(){return this.password;}}提交数据库的bean：package chen;import com.mysql.jdbc.Driver;import java.sql.*;public class UserRegister{private UserBean userBean;private Connection con;//获得数据库连接。

public UserRegister(){String url="jdbc:mysql://localhost/"+"chao"+"?user="+"root"+"&password="+"850629"; try{Class.forName("com.mysql.jdbc.Driver").newInstance();con = DriverManager.getConnection(url);}catch(Exception e){e.printStackTrace();}}//设置待注册的用户信息。

public void setUserBean(UserBean userBean){erBean=userBean;}//进行注册public void regist() throws Exception{String reg="insert into userinfo(userid,password) values(?,?)";try{PreparedStatement pstmt=con.prepareStatement(reg);pstmt.setString(1,userBean.getUserId());pstmt.setString(2,userBean.getPassword());pstmt.executeUpdate();}catch(Exception e){e.printStackTrace();throw e;}}}提交注册数据进入数据库：<%@ page contentType="text/html;charset=gb2312" pageEncoding="gb2312" import="chen.*" %><jsp:useBean id="userBean" class="erBean" scope="request"><jsp:setProperty name="userBean" property="*"/></jsp:useBean><jsp:useBean id="regist" class="erRegister" scope="request"/><html><head><title> 用户信息注册页面</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body>String userid =request.getParameter("userid");String password = request.getParameter("password");userBean.setUserId(userid);userBean.setPassword(password);System.out.println(userid+password);%><% try{regist.setUserBean(userBean);out.println(userid);regist.regist();out.println("注册成功");}catch(Exception e){out.println(e.getMessage());}%><br><a href="login.jsp">返回</a></body></html>登陆验证页面：<%@page import="java.sql.*" contentType="text/html;charset=GB2312" %><%@page import="java.util.*"%><%String userid1=new String(request.getParameter("userid"));String password1=new String(request.getParameter("password"));Class.forName("com.mysql.jdbc.Driver");Connectioncon=DriverManager.getConnection("jdbc:mysql://localhost:3306/chao","root","850629"); Statement stmt=con.createStatement();String sql="select * from userinfo where userid='"+userid1+"';";ResultSet rs=stmt.executeQuery(sql);if(rs.next()){String password=new String(rs.getString("password"));if(password.equals(password1)){session.setAttribute("userid1",userid1);response.sendRedirect("sucess.jsp");}else{response.sendRedirect("login.jsp");}}else{response.sendRedirect("login.jsp");%>登陆页面：<%@ page contentType="text/html; charset=gb2312" %><html><body><form method="get" action="checklogin.jsp"><table><tr><td> 输入用户名：</td><td><input type=text name=userid ></td></tr><tr><td>输入密码：</td><td><input type=password name=password></td></tr><tr><td><input type=submit value=确认></td></tr></table></form><form action="register.jsp"><input type=submit value=注册></form></body></html>注册页面：<%@page contentType="text/html; charset=gb2312" language="java" import="java.util.*,java.io.*"%><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><center><h1>注册新用户</h1><form action="adduser.jsp" method=post><table border="1" bgcolor="#0099CC"><tr><td> 用户名:<input type="text" name="userid"></td></tr><tr valign="middle"><td> 密码：<input type="password" name="password" readonly></td></tr><tr><td><input type=submit value=提交></td></tr></table></form></center></body></html>登陆成功页面：<%@page import="java.util.*" contentType="text/html; charset=gb2312" %> <%@include file="trans.jsp"%><html><head><title>sucess</title></head><body bgcolor="#ffffff"><h1>登录成功，欢迎您！</h1><%=trans(session.getAttribute("userid1"))%></body></html>登录前台界面设计代码如下：<%@ page contentType="text/html; charset=gb2312"language="java" import="java.sql.*" errorPage="" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"><html><head><title>Register Test!</title></head><body>         登录界面!! <br><form method="post" action="cheklogin.jsp" name="form"> <table width="183" height="85" border="1"><tr><td>User:</td><td><input type="text" name="user" size="13"> </td></tr><tr><td>Password:</td><td><input type="Password" name="password" size="13" > </td></tr><tr><td><input type="Submit" name="bt1" text="OK" value="登录"></td><td><a href="do_register.jsp" target="_parent">新用户注册<br></a></td></tr></table></form></body></html>后台处理程序添加一个Jsp 右键webRoot : New—>JSP 名称cheklogin .jsp代码如下：<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+req uest.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'cheklogin.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"><meta http-equiv="keywords"content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"> </head><body><%String usr = request.getParameter("user");String pwd = request.getParameter("password");//String usr = "hurui";//String pwd = "free889";Connection con = null;Statement sm = null;ResultSet rs = null;try{Class.forName("rmix.jdbc.IfxDriver").newInstan ce(); //装载jdbc 驱动String url ="jdbc:informix-sqli://192.168.5.249:9003/testuser:informi xserver=iservice_online_net"; // 定义数据库连接ＵＲＬcon =DriverManager.getConnection(url,"informix","informix"); //获取数据连接实例sm = con.createStatement(); //获取Statement 的实例rs = sm.executeQuery("select * from new_test_user where login='"+usr+"' and password='"+pwd+"'"); //执行查询语句，并返回给结果集}catch(Exception e){e.printStackTrace( );}//添加表格%><table border="1" width="80%"><tr><td>你的用户名是:</td><td>你的密码是:</td></tr><%while (rs.next()) { //循环输出产品信息String var_name=rs.getString(1);String var_val=rs.getString(2);%><tr><%if(usr == var_name || pwd ==var_val){System.out.println("success!");}%><td><%= var_name %></td><td><%= var_val %></td></tr><%}rs.close();sm.close();con.close();%></body></html>验证试验是否成功：输入：用户名：admin密码：11111。

jsp+mysql数据库登陆功能实现代码

登陆界面代码：adminlogin.html<html><head><title>用户登录</title></head><body><form method="POST" action="adminlogin.jsp" name="form1" onsubmit="return check()"><table width=30% align="center" border=0 bgcolor="#0099FF"><tr><th colspan=2 scope="col"> 用户登录</th></tr><tr bgcolor="#FFFFFF"><td>用户名：</td><td><input type="text" name="Username" size="18"></td></tr><tr bgcolor="#FFFFFF"><td>密码：</td><td><input type="password" name="Password" size="20"></td></tr><tr bgcolor="#FFFFFF"><td></td><td><input type="submit" value="提交" name="ok"><input type="reset" value="重置" name="cancel"></td></tr></table></form></body></html><script type="text/javascript">function check(){if (ername.value==""){alert("请输入用户名!");ername.focus;return false;}if (form1.Password.value==""){alert("请输入密码!");form1.Password.focus;return false;}}</script>连接数据的jsp页面代码：adminlogin.jsp<%@ page contentType="text/html;charset=GB2312"language="java" import="java.sql.*"%><html><head><title>数据库用户登录验证</title></head><%if (request.getParameter("Username")!=null && request.getParameter("Password")!=null){String strName=request.getParameter("Username");String strPass=request.getParameter("Password");Class.forName("com.mysql.jdbc.Driver");String strConn="jdbc:mysql://localhost:3306/ent_information";String strUser="root";String strPassword="root";Connectionconn=DriverManager.getConnection(strConn,strUser,strPassword);Statement stat=conn.createStatement();String strSql="SELECT COUNT(*) FROM admin WHERE Admin_name='"+strName+"' and Admin_pass='"+strPass+"'";ResultSet result=stat.executeQuery(strSql);result.next();if (result.getInt(1)==1){session.setAttribute("login","OK");response.sendRedirect("manager_function.jsp");}else{out.println("<h2>登录错误,请输入正确的用户名和密码</h2>");}}%></html>。

web JSP 简单的登录+注册页面代码

简单做了界面，代码功能应该没有问题，简单做个文档分享一下。

登录界面denglu.jsp:<%@page contentType="text/html;charset=gb2312" %><html><head><title>登录界面</title><script>function check(){if(erN.value==""){alert("用户名不能为空");erN.focus();return false;}if(erP.value==""){alert("密码不能为空");erP.focus();return false;}document.dlForm.submit();return true;}</script></head><body><center><font size="6"> 欢迎进入登录界面</font><form action="dlhou.jsp" onsubmit="return check()" method="post" name="dlForm"><p>用户名：<input type="text" name="UserN" style="width: 148px; "/></p><p>密  码：<input type="password" name="UserP" style="width: 146px; "/></p><p><input type="submit" value=" 登  录 " style="height: 43px; "/>    <input type="button" value="忘记密码" onclick="parent.location.href('wangji.jsp')" style="height: 43px; "/>    <input type="button" value="返回主页" onclick="parent.location.href('welcome.jsp')" style="height: 43px; "/></p></FORM> </center></body></html>dlhou.jsp<%@page contentType="text/html;charset=gb2312" %><%@page language="java" import="java.sql.*" %><jsp:useBean id="SQLbean" scope="session" class="lian.Lian"/><html><head><title>登录状态</title></head><body><div align="center"><span class="style1">登录状态</span><br><hr><br></div><%String userN=request.getParameter("UserN");String userP=request.getParameter("UserP");// out.print(userN);String sql="select * from yxx where yname='"+userN+"'";SQLbean.OpenConn();ResultSet rs=SQLbean.executeQuery(sql);if(!rs.next()){%><script>alert("用户名不存在！");window.location.href="denglu.jsp";</script><%}// while(rs.next()){String p=rs.getString("ypassword").trim();if(p.equals(userP.trim()))// response.sendRedirect("zhu.jsp?param="+userN);{session.setAttribute("yhm",userN);// response.sendRedirect("zhu.jsp");%><script>alert("恭喜您，登录成功！");window.location.href="zhu.jsp";</script><%}else{%><script>alert("密码错误！");window.location.href="denglu.jsp";</script><%}}rs.close();SQLbean.closeSt();SQLbean.closeConn();%></body></html><%@page contentType="text/html;charset=gb2312" %><html><head><title>注册界面</title><script>function zcheck(){if(erN.value==""){alert("用户名不能为空");erN.focus();return false;}if(erP.value==""){alert("密码不能为空");erP.focus();return false;}if(document.zcForm.reUserP.value==""){alert("确认密码不能为空");document.zcForm.reUserP.focus();return false;}if(document.zcForm.reUserP.value!=erP.value){alert("确认密码和密码不符");document.zcForm.reUserP.focus();return false;}return true;}</script></head><body><center><font size="6"> 欢迎进入注册界面</font><br><br><font size="4"> 基本信息注册</font><form action="zchou.jsp" onsubmit="return zcheck()" method="post" name="zcForm"><p>   用户名：  <input type="text" name="UserN" style="width: 155px; "/>  <font color="red">*</font></p><p>   密    码：<input type="password" name="UserP" style="width: 155px; "/>  <font color="red">*</font></p> <p>   确认密码：<input type="password" name="reUserP" style="width: 155px; "/>  <font color="red">*</font></p><p>   性    别：   <input type="radio" name="UserS" value="Mr." checked="checked"/>男    <input type="radio" name="UserS" value="Ms."/>女     <font color="red">*</font></p><p>年    龄：<input type="text" name="UserA" style="width: 155px; "/></p><br><font size="4"> 密码找回问题设置</font><p>问题1：你最尊敬的老师是？答案1：<input type="text" name="Q1" style="width: 155px; "/>  <font color="red">*</font></p><p>问题2：你最喜欢的学科是？答案2：<input type="text" name="Q2" style="width: 155px; "/>  <font color="red">*</font></p><p>问题3：你最喜欢的运动是？答案3：<input type="text" name="Q3" style="width: 155px; "/>  <font color="red">*</font></p><p><input type="submit" name="确定" value=" 确  定 " style="height: 33px; ">         <input type="button" value="返回主页" onclick="parent.location.href('welcome.jsp')" style="height: 33px; "/></p></form></center></body></html><%@page contentType="text/html;charset=gb2312" %><%@page language="java" import="java.sql.*" %><jsp:useBean id="SQLbean" scope="session" class="lian.Lian"/><html><head><title>注册状态</title></head><body><%String userN=request.getParameter("UserN");String userP=request.getParameter("UserP");String userS=request.getParameter("UserS");String userA=request.getParameter("UserA");String q1=request.getParameter("Q1");String q2=request.getParameter("Q2");String q3=request.getParameter("Q3");SQLbean.OpenConn();String sqly="select * from yxx where yname='"+userN+"'";ResultSet rsy=SQLbean.executeQuery(sqly);if(rsy.next()){%><script>alert("用户名已被注册，请更换用户名");window.location.href="zhuce.jsp";</script><%}else{String sql="insert into yxx values('"+userN+"','"+userP+"','"+userS+"','"+userA+"')";String sql2="insert into yyz values('"+userN+"','"+q1+"','"+q2+"','"+q3+"')";SQLbean.executeUpdate(sql);SQLbean.executeUpdate(sql2);SQLbean.closeSt();SQLbean.closeConn();%><script>alert("注册成功，将跳转登录界面");window.location.href="denglu.jsp";//wrq经试验表明sendRedirect()还没显示alert 提示就已经跳转</script><%}%></body></html>。

JSP之登录，注册页面（一）

JSP之登录，注册页⾯（⼀）摘要：本系列会制作⼀个简单的需要JSP，servlet,oracle⼀起完成的登录，注册页⾯1，⾸先需要⼀个登录的界⾯login.jsp代码如下：1 <%@ page language="java" import="java.util.*" pageEncoding="GBK" contentType="text/html; charset=GBK"%>2 <%3 String path = request.getContextPath();4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";5 %>67 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">8 <html>9 <head>10 <base href="<%=basePath%>">1112 <title>My JSP 'login.jsp' starting page</title>1314 <meta http-equiv="pragma" content="no-cache">15 <meta http-equiv="cache-control" content="no-cache">16 <meta http-equiv="expires" content="0">17 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">18 <meta http-equiv="description" content="This is my page">19 2223 </head>24 <script type="text/javascript">25 function func(ac) {26 form=document.getElementById("form1");27 form.action=ac;28 form.submit();29 }30 </script>31 <body>32 <form id="form1">33登录名:<input type="text" name="name"/><br/>34密  码:<input type="password" name="password"/><br/>35 <input type="button" value="登录" onclick="func('lotry')"/>36 <input type="button" value="注册" onclick="func('regist.jsp')">37 </form>3839 </body>40 </html>2，需要⼀个⽤来服务登录的servlet LoginEntry.java1package servlet;23import java.io.IOException;45import javax.servlet.ServletException;6import javax.servlet.ServletRequest;7import javax.servlet.ServletResponse;8import javax.servlet.annotation.WebServlet;9import javax.servlet.http.HttpServlet;10import javax.servlet.http.HttpServletRequest;11import javax.servlet.http.HttpServletResponse;12import javax.servlet.http.HttpSession;1314import erdata;15 @WebServlet(urlPatterns={"/lotry"})16public class LoginEntry extends HttpServlet{17 userdata dao;18 HttpSession hs;19 @Override20protected void service(HttpServletRequest req, HttpServletResponse res)21throws ServletException, IOException {22 req.setCharacterEncoding("GBK");23 String name=req.getParameter("name");24 String pass=req.getParameter("password");25 dao=userdata.getdao();26if(dao.login(name, pass)){2728 req.getRequestDispatcher("success.jsp").forward(req, res);29 }else{30 req.getRequestDispatcher("failed.jsp").forward(req, res);31 }32 }333435 }3，需要⼀个登录成功然后跳转的页⾯1 <%@ page language="java" import="java.util.*" pageEncoding="GBK" contentType="text/html; charset=GBK"%>2 <%3 String path = request.getContextPath();4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";5 %>67 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">8 <html>9 <head>10 <base href="<%=basePath%>">1112 <title>My JSP 'success.jsp' starting page</title>1314 <meta http-equiv="pragma" content="no-cache">15 <meta http-equiv="cache-control" content="no-cache">16 <meta http-equiv="expires" content="0">17 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">18 <meta http-equiv="description" content="This is my page">19 2223 </head>2425 <body>26恭喜你，成功登录27 </body>28 </html>4，需要⼀个登录失败的跳转页⾯1 <%@ page language="java" import="java.util.*" pageEncoding="GBK" contentType="text/html; charset=GBK"%>2 <%3 String path = request.getContextPath();4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";5 %>67 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">8 <html>9 <head>10 <base href="<%=basePath%>">1112 <title>My JSP 'failed.jsp' starting page</title>1314 <meta http-equiv="pragma" content="no-cache">15 <meta http-equiv="cache-control" content="no-cache">16 <meta http-equiv="expires" content="0">17 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">18 <meta http-equiv="description" content="This is my page">19 2223 </head>2425 <body>26登录失败，<a href="login.jsp">请重新登录</a>27 </body>28 </html>。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

静态的登录界面的设计login.htm，代码如下：Html代码1. <html>2. <head>3. <title>系统登录</title>4. <style type="text/css">...5. 13. </style>14. </head>15. <body bgcolor="papayawhip" width="300" height="300">16. <center>17. <table border="2" bordercolor="black" bgcolor="lightgreen">18. <tbody>19. <tr>20. <td><div align="center" class="style1 style2">系统登录21. </div></td>22. </tr>23. <form action="login.jsp" method="post">24. <tr>25. <td height="28"><span class="style5">用户名</span> <input type="text" name="uid" maxlength="20" style="width:150"></td></tr><br>26. <tr>27. <td><span class="style5">密  码</span> <input type="password" name="upwd" maxlength="20" style="width:150"></td></tr><br>28. <center>29. <tr><td><div align="center">30. <input type="submit" value="登录" >  31. <input type="reset" value="取消">32. </div></td></tr>33. </center>34. </form>35.36. </tbody>37. </table>38. </center>39. </body>40. </html><html><head><title>系统登录</title><style type="text/css">...</style></head><body bgcolor="papayawhip" width="300" height="300"><center><table border="2" bordercolor="black" bgcolor="lightgreen"><tbody><tr><td><div align="center" class="style1 style2">系统登录</div></td></tr><form action="login.jsp" method="post"><tr><td height="28"><span class="style5">用户名</span> <input type="text" name="uid" maxlength="20" style="width:150"></td></tr><br><tr><td><span class="style5">密  码</span> <input type="password" name="upwd" maxlength="20" style="width:150"></td></tr><br> <center><tr><td><div align="center"><input type="submit" value="登录" >  <input type="reset" value="取消"></div></td></tr></center></form></tbody></table></center></body></html>将登录用户输入的信息提交到login.jsp页面机型处理，这里为了方便，不执行数据库的访问操作，直接使用sky2098作为登录用户名和密码，但在实际中是要从数据库中读取的，该jsp 页面代码实现如下：Java代码1. <%@ page contentType="text/html;charset=GB2312"%>2. <%3.if(request.getParameter("uid").equals("sky2098")&&request.getParameter("upwd").equals("sky2 098")){4. session.setAttribute("login","ok");5. session.setMaxInactiveInterval(-1);6. %>7. <jsp:forward page="main.jsp"/>8. <%9. }else{10. out.println("用户名或密码输入错误！");11. }12. %><%@ page contentType="text/html;charset=GB2312"%><%if(request.getParameter("uid").equals("sky2098")&&request.getParameter("upwd").equals("sky2 098")){session.setAttribute("login","ok");session.setMaxInactiveInterval(-1);%><jsp:forward page="main.jsp"/><%}else{out.println("用户名或密码输入错误！");}%>如果登录成功，则设定login的值为ok，提交到下一步验证页面，则进入main.jsp页面，否则，如果输入的用户名和密码不合法就打印错误信息，main.jsp页面代码如下：Java代码1. <%@ page contentType="text/html;charset=GB2312"%>2. <%@ include file="checkvalid.jsp" %>3. <html>4. <head>5. <title>~WELCOME TO MY HOMEPAGE~</title>6. </head>7. <body>8. <center>9. ~WELCOME TO MY HOMEPAGE~10. </center>11. </body>12. </html><%@ page contentType="text/html;charset=GB2312"%><%@ include file="checkvalid.jsp" %><html><head><title>~WELCOME TO MY HOMEPAGE~</title></head><body><center>~WELCOME TO MY HOMEPAGE~</center></body></html>这个页面使用<% @ include file="checkvalid.jsp" %>包含了一个jsp页面checkvalid.jsp为了验证输入信息的合法性：Java代码1. <%2. if(session.getAttribute("login")==null||!session.getAttribute("login").equals("ok")){3. response.sendRedirect("login.htm");4. }5. %><%if(session.getAttribute("login")==null||!session.getAttribute("login").equals("ok")){ response.sendRedirect("login.htm");}%>如果输入信息有误，则回到登录页面，重新输入登录信息。

合集下载