精华内容
下载资源
问答
  • 实验要求: ...在注册页面表单中使用request对象获取用户注册信息(注册项目由自己指定),在新的JSP页面显示用户注册信息,并提示注册成功。 代码 登录页面index.html <!DOCTYPE html> <html lang
  • JSP用户注册页面

    2015-11-04 11:55:59
    SP(JavaServer Pages)是一种动态页面技术。主要构成元素:Java+HTML,我们使用JSP来连接数据验证帐号密码,以下是实例代码:
  • JSP编写注册页面

    2012-10-21 16:21:41
    带有全国三级省市三级联动的JSP注册页面
  • JavaEE学习之jsp编写登陆注册页面

    千次阅读 2019-11-13 20:52:47
    JavaEE学习之jsp编写登陆注册页面 刚开始学习javaee,好多东西需要一点点积累。最近用jsp和简单的JavaScript写的登录注册界面,简单做一下记录。 准备–页面布局 登录和注册界面的HTML全都是用Dreamweaver画的,具体...

    JavaEE学习之jsp编写登陆注册页面

    刚开始学习javaee,好多东西需要一点点积累。最近用jsp和简单的JavaScript写的登录注册界面,简单做一下记录。

    准备–页面布局

    登录和注册界面的HTML全都是用Dreamweaver画的,具体步骤不再赘述,有需要的请自行查找资料。

    1. 页面布局基本是用的AP div,注册界面用到了表格;
    2. 在Dreamweaver中大概是如下效果登陆界面注册界面

    HTML–>jsp

    1. 首先我们在eclipse中建立一个Dynamic web project;
    2. 在WebContent文件夹下建立两个主要的jsp文件,login.jsp和register.jsp;
    3. 我们将Dreamweaver自动生成的HTML代码粘贴到jsp文件中;
    4. 另外再建四个测试用的jsp页面,ask_for_help.jsp, contact_us.jsp, homepage.jsp, successfully_register.jsp.
      如图所示
      tomcat环境的配置本文不做赘述。

    改写login.js

    1. 首先我们给 页面右上角的“首页 | 帮助中心 | 联系我们”添加链接,分别链接到homepage.jsp, ask_for_help.jsp, contact_us.jsp(可以简单实现三个jsp页面进行测试)
      添加标签来建立链接
    2. 目前没有实现登录功能……
    3. login.jsp全部代码如下
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    #apDiv1 {
    	position: absolute;
    	width: 572px;
    	height: 115px;
    	z-index: 1;
    	left: 249px;
    	top: 21px;
    }
    titleForm {
    	font-size: 18px;
    	font-weight: 300;
    	color: #000;
    }
    .titleForm {
    	font-size: 24px;
    	font-weight: 600;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    }
    .middleForm {
    	background-image: url(image/back.png);
    	background-position: center center;
    }
    .loginForm {
    	background-color: #FFF;
    }
    #apDiv2 {
    	position: absolute;
    	width: 200px;
    	height: 35px;
    	z-index: 2;
    	left: 1121px;
    	top: 3px;
    }
    #apDiv3 {
    	position: absolute;
    	width: 1485px;
    	height: 711px;
    	z-index: 3;
    	left: 6px;
    	top: 105px;
    }
    .textForm {
    	height: 40px;
    	width: 300px;
    	background-color: #FFF;
    }
    .buttonForm {
    	background-color: #39F;
    	height: 40px;
    	width: 300px;
    	color: #FFF;
    	font-size: 16px;
    }
    #apDiv4 {
    	position: absolute;
    	width: 349px;
    	height: 430px;
    	z-index: 4;
    	left: 831px;
    	top: 66px;
    }
    #apDiv5 {
    	position: absolute;
    	width: 328px;
    	height: 490px;
    	z-index: 1;
    	left: 109px;
    	top: 73px;
    }
    #apDiv6 {
    	position: absolute;
    	width: 328px;
    	height: 87px;
    	z-index: 1;
    }
    #apDiv7 {
    	position: absolute;
    	width: 326px;
    	height: 377px;
    	z-index: 2;
    	left: 1px;
    	top: 97px;
    }
    #apDiv8 {
    	position: absolute;
    	width: 200px;
    	height: 27px;
    	z-index: 4;
    	left: 113px;
    	top: 198px;
    }
    .linkForm {
    	text-decoration: underline;
    }
    
    a:link{
    	color:black;
     	text-decoration:none;  /*超链接无下划线*/
    }
    a:hover{
     	text-decoration:underline;  /*鼠标放上去有下划线*/
    }
    
    
    </style>
    <script type="text/javascript">
    function MM_openBrWindow(theURL,winName,features) { //v2.0
      window.open(theURL,winName,features);
    }
    </script>
    </head>
    
    <body>
    <div id="apDiv1">
      <p class="titleForm">DYF最新 测试系统</p>
    </div>
    <div id="apDiv2">
      <p>&nbsp;</p>
      <p>
      	<a href="homepage.jsp" value="首页">首页</a>
        |
      	<a href="ask_for_help.jsp" value="帮助中心">帮助中心</a>
        |
        <a href="contact_us.jsp" value="联系我们">联系我们</a> </p>
    </div>
    <div class="middleForm" id="apDiv3">
      <div class="loginForm" id="apDiv5">
        <div id="apDiv6">
          <div align="center">
            <p>&nbsp;</p>
            <p class="titleForm">登录</p>
          </div>
        </div>
        <div id="apDiv7">
          <p align="center">
            <label for="username"></label>
            <input name="username" type="text" class="textForm" id="username" placeholder="用户名"/>
          </p>
          <p align="center">
            <label for="password"></label>
            <input name="password" type="text" class="textForm" id="password" placeholder="密码" />
          </p>
          <p align="center">
            <input name="login" type="submit" class="buttonForm" id="login" value="登录" />
          </p>
          <p align="right">&nbsp;</p>
          <div id="apDiv8">
            <div align="right"><a href="register.jsp" value="注册">注册</a></div>
            <!-- <a href="#"  style="color:black;text-decoration:none;" >测试超链接</a> -->
          </div>
          <p align="right">&nbsp; </p>
        </div>
      </div>
    </div>
    </body>
    </html>
    

    改写register.jsp

    1. 首先我们讲到两个函数οnblur=" “和οnfοcus=” ";
      onblur,当用户离开input输入框时执行一段Javascript代码;
      onfocus,当 input 输入框获取焦点时执行一段 Javascript代码;
    2. 改写input标签
      以手机号为例
      input标签是输入手机号的文本框;
      当文本框被点击(获取焦点)时执行phoneNumberTip()函数;
      当文本框被点击并且取消焦点(即鼠标离开后)执行checkPhoneNumber()函数;
     <tr>
              <td width="153"><div align="right">手机号 </div></td>
              <td width="312"><div align="center">
                <input name="phoneNumber" type="text" class="textForm" id="phoneNumber" onblur="checkPhoneNumber()" onfocus="phoneNumberTip()"/>
              </div></td>
              <td width="449"> <span  style="font-size:13px;color:red" id="phoneNumberSpan"></span> </td>
            </tr>
    
    1. phoneNumberTip()函数实现
      该函数实现了当文本框被点击时,span标签赋值并显示 ”请输入11位手机号码,仅支持大陆地区手机号。“
      颜色为黑色。
    function phoneNumberTip(){
    	var spanNode = document.getElementById("phoneNumberSpan");
    	spanNode.innerHTML = "请输入11位手机号码,仅支持大陆地区手机号。".fontcolor("black");//.fontcolor("red");
    }
    
    1. checkPhoneNumber()函数
      该函数实现了当鼠标从文本框移开时,通过正则表达式检验手机号码输入是否符合标准;
      若文本框为空,则span标签提示”请输入手机号!“;
      若文本框不为空但手机号码格式不正确,span标签提示”手机号码格式不正确,请重新填写!“;
      若文本框内手机号码符合正则表达式格式,则span标签提示”手机号码格式正确“。
    function checkPhoneNumber(){
    	var x=document.getElementById("phoneNumber").value;
        var spanNode = document.getElementById("phoneNumberSpan");
        if(x==""|x==null){
    		spanNode.innerHTML = "请输入手机号码!";//.fontcolor("red"); 
    		return false;
        }
        else if(!/^(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/.test(x)){
    		spanNode.innerHTML = "手机号码格式不正确,请重新填写!";//.fontcolor("red"); 
    		return false;
    	}else{
    		spanNode.innerHTML = "手机号码格式正确".fontcolor("black"); 
    		return true;
    	}
    }
    
    1. 其他标签及函数思想大同小异,不再赘述
    2. 提交表单函数判断
      这里用form action来提交表单,提交过程中执行checkAll()函数
    <form action="successfully_registered.jsp" method="post" onSubmit="return checkAll()">
            <tr>
              <td height="66">&nbsp;</td>
              <td><div align="center">
                <input name="login" type="submit" class="buttonForm" id="login" value="注册" />
              </div></td>
              <td>&nbsp;</td>
            </tr>
           </form>
    
    1. checkAll()函数
      checkAll()函数判断之前的验证是否都通过;
      若都通过则注册成功;
      若有验证未通过,则提示ERROR!
    function checkAll(){  
        var email = checkEmail();  
        var name = checkName();  
        var phoneNumber = checkPhoneNumber();  
        var password = checkPassword();  
        var confirm = confirmPassword();  
        if(email&&name&&phoneNumber&&password&&confirm){  
            return true;  
        }else{  
    		alert("ERROR!")
            return false;  
        }  
    } 
    
    1. register.jsp 全部代码如下
    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script type="text/javascript">
    function checkPhoneNumber(){
    	var x=document.getElementById("phoneNumber").value;
        var spanNode = document.getElementById("phoneNumberSpan");
        if(x==""|x==null){
    		spanNode.innerHTML = "请输入手机号码!";//.fontcolor("red"); 
    		return false;
        }
        else if(!/^(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/.test(x)){
    		spanNode.innerHTML = "手机号码格式不正确,请重新填写!";//.fontcolor("red"); 
    		return false;
    	}else{
    		spanNode.innerHTML = "手机号码格式正确".fontcolor("black"); 
    		return true;
    	}
    }
    function checkPassword(){
    	var x=document.getElementById("password").value;
        var spanNode = document.getElementById("passwordSpan");
        var regex = new RegExp('(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,16}');
        if(x==""|x==null){
    		spanNode.innerHTML = "请输入密码!";//.fontcolor("red"); 
    		return false;
        }
        else if (!regex.test(x)) {
        	spanNode.innerHTML = "密码中必须包含大小写字母、数字、特殊字符!8-16位";//.fontcolor("red"); 
        	return false;
        }
        else{
        	spanNode.innerHTML = "密码格式正确!".fontcolor("black");
        	return true;
        }
    }
    function confirmPassword(){
    	var x=document.getElementById("confirmPassword").value;
    	var y=document.getElementById("password").value;
        var spanNode = document.getElementById("confirmPasswordSpan");
        var regex = new RegExp('(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,16}');
        if(x==""|x==null){
    		spanNode.innerHTML = "请再次输入密码";//.fontcolor("red"); 
    		return false;
        }
        else if (!regex.test(x)) {
        	spanNode.innerHTML = "密码格式不正确!";//.fontcolor("red"); 
        	return false;
        }
        else if(x!=y){
        	spanNode.innerHTML = "密码不一致!";//.fontcolor("red"); 
        	return false;
        }
        else{
        	spanNode.innerHTML = "密码输入正确!".fontcolor("black");//.fontcolor("red");
        	return true;
        }    
    }
    function checkName(){
    	var x=document.getElementById("name").value;
        var spanNode = document.getElementById("nameSpan");
        if(x==""|x==null){
    		spanNode.innerHTML = "个人姓名不能为空!";//.fontcolor("red"); 
    		return false;
        }
        return true;
    }
    function checkEmail(){
    	var x=document.getElementById("mail").value;
        var spanNode = document.getElementById("mailSpan");
    	var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
    	if(re.test(x)){
    		spanNode.innerHTML = "邮箱正确。".fontcolor("black");
    		return true;
    	}else{
    		spanNode.innerHTML = "请输入正确的邮箱!";
    		return false;
    	}
    }
    function checkAll(){  
        var email = checkEmail();  
        var name = checkName();  
        var phoneNumber = checkPhoneNumber();  
        var password = checkPassword();  
        var confirm = confirmPassword();  
        if(email&&name&&phoneNumber&&password&&confirm){  
            return true;  
        }else{  
    		alert("ERROR!")
            return false;  
        }  
    } 
    
    function phoneNumberTip(){
    	var spanNode = document.getElementById("phoneNumberSpan");
    	spanNode.innerHTML = "请输入11位手机号码,仅支持大陆地区手机号。".fontcolor("black");//.fontcolor("red");
    }
    function passwordTip(){
    	var spanNode = document.getElementById("passwordSpan");
    	spanNode.innerHTML = "请输入8-16位密码,需包含大小写字母、数字、特殊字符。".fontcolor("black");
    }
    function confirmPasswordTip(){
    	var spanNode = document.getElementById("confirmPasswordSpan");
    	spanNode.innerHTML = "请再次填写一遍密码,以辅助监测密码是否输入正确。".fontcolor("black");
    }
    function nameTip(){
    	var spanNode = document.getElementById("nameSpan");
    	spanNode.innerHTML = "请输入个人姓名。".fontcolor("black");
    }
    function checkEmailTip(){
    	var spanNode = document.getElementById("mailSpan");
    	spanNode.innerHTML = "请设定一个安全邮箱,忘记密码时可通过此邮箱找回密码。".fontcolor("black");
    }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    #apDiv1 {
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	z-index: 1;
    	left: 9px;
    }
    .titleForm {	font-size: 24px;
    	font-weight: 600;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    }
    #apDiv2 {
    	position: absolute;
    	width: 364px;
    	height: 48px;
    	z-index: 2;
    	left: 56px;
    	top: 33px;
    }
    #apDiv3 {
    	position: absolute;
    	width: 200px;
    	height: 61px;
    	z-index: 2;
    	left: 440px;
    	top: 17px;
    }
    .title2Form {
    	font-size: 30px;
    	font-weight: 700;
    }
    .backForm {
    	background-image: none;
    	background-attachment: scroll;
    	background-position: center top;
    	background-color: #EFEFEF;
    }
    .back2Form {
    	background-color: #FFF;
    }
    #apDiv4 {
    	position: absolute;
    	width: 132px;
    	height: 73px;
    	z-index: 2;
    	left: 1328px;
    	top: 23px;
    }
    #apDiv5 {
    	position: absolute;
    	width: 1499px;
    	height: 788px;
    	z-index: 2;
    	top: 130px;
    	left: 7px;
    }
    #apDiv6 {
    	position: absolute;
    	width: 1368px;
    	height: 639px;
    	z-index: 1;
    	left: 58px;
    	top: 39px;
    }
    #apDiv7 {
    	position: absolute;
    	width: 1004px;
    	height: 589px;
    	z-index: 1;
    	left: 277px;
    	top: 17px;
    }
    .textForm {
    	height: 30px;
    	width: 300px;
    	background-color: #FFF;
    }
    .codeFomr {
    	height: 30px;
    	width: 150px;
    }
    .getCodeButtonForm {
    	height: 30px;
    	width: 140px;
    	z-index: auto;
    	left: auto;
    	top: auto;
    	right: auto;
    	bottom: auto;
    	position: fixed;
    }
    .buttonForm {
    	background-color: #3CF;
    	height: 40px;
    	width: 300px;
    	color: #FFF;
    	font-size: 16px;
    }
    #apDiv8 {
    	position: absolute;
    	width: 200px;
    	height: 115px;
    	z-index: 2;
    	left: 664px;
    	top: 634px;
    }
    #apDiv9 {	position: absolute;
    	width: 200px;
    	height: 35px;
    	z-index: 2;
    	left: 1121px;
    	top: 3px;
    }
    </style>
    </head>
    
    <body>
    <div id="apDiv1">
      <div id="apDiv3">
        <p class="title2Form">|用户注册</p>
      </div>
      <div id="apDiv4">
        <p><a href = "homepage.jsp" value="首页">首页</a> 
            <a href = "login.jsp" value="登录">登录</a>    </p>
      </div>
      <p class="titleForm">&nbsp;</p>
      <div id="apDiv2">
        <p class="titleForm">DYF最新 测试系统</p>
      </div>
      <p class="titleForm">&nbsp;</p>
    </div>
    
    <div class="backForm" id="apDiv5">
      <div class="back2Form" id="apDiv6">
        <div id="apDiv7">
          <p align="center">
            <label for="code"></label>
          </p>
          <table width="930" height="462">
            <tr>
              <td width="153"><div align="right">手机号 </div></td>
              <td width="312"><div align="center">
                <input name="phoneNumber" type="text" class="textForm" id="phoneNumber" onblur="checkPhoneNumber()" onfocus="phoneNumberTip()"/>
              </div></td>
              <td width="449"> <span  style="font-size:13px;color:red" id="phoneNumberSpan"></span> </td>
            </tr>
            <tr>
              <td><div align="right">短信验证码</div></td>
              <td><div align="center">
                <input name="code" type="text" class="codeFomr" id="code" />
                <input name="getCode" type="submit" class="codeFomr" id="getCode" value="提交" />
              </div></td>
              <td>提示内容</td>
            </tr>
            <tr>
              <td><div align="right">密码</div></td>
              <td><label for="password"></label>
                <div align="center">
                  <input name="password" type="text" class="textForm" id="password" onblur="checkPassword()" onfocus="passwordTip()"/>
              </div></td>
              <td width="449"> <span  style="font-size:13px;color:red" id="passwordSpan"></span> </td>
            </tr>
            <tr>
              <td><div align="right">密码确认</div></td>
              <td><label for="confirmPassword"></label>
                <div align="center">
                  <input name="confirmPassword" type="text" class="textForm" id="confirmPassword" onblur="confirmPassword()" onfocus="confirmPasswordTip()"/>
              </div></td>
              <td width="449"> <span  style="font-size:13px;color:red" id="confirmPasswordSpan"></span> </td>
            </tr>
            <tr>
              <td height="48"><div align="right">姓名</div></td>
              <td class="textForm"><div align="center">
                <input name="name" type="text" class="textForm" id="name" onblur="checkName()" onfocus="nameTip()" />
              </div></td>
              <td width="449"> <span  style="font-size:13px;color:red" id="nameSpan"></span> </td>
            </tr>
            <tr>
              <td><div align="right">安全邮箱</div></td>
              <td><label for="mail"></label>
                <div align="center">
                  <input name="mail" type="text" class="textForm" id="mail" onblur="checkEmail()" onfocus="checkEmailTip()" />
              </div></td>
              <td width="449"> <span  style="font-size:13px;color:red" id="mailSpan"></span> </td>
            </tr>
            <tr>
              <td height="53">&nbsp;</td>
              <td><label for="item"></label>
                <label for="iterm"></label>            <div align="center">
                  <input type="checkbox" name="item" id="item" />
                  我已阅读并同意服务条款 
                </div>          </td>
              <td>&nbsp;</td>
            </tr>
            
    	  <form action="successfully_registered.jsp" method="post" onSubmit="return checkAll()">
            <tr>
              <td height="66">&nbsp;</td>
              <td><div align="center">
                <input name="login" type="submit" class="buttonForm" id="login" value="注册" />
              </div></td>
              <td>&nbsp;</td>
            </tr>
           </form>
          </table>
          <p align="center">&nbsp;</p>
        </div>
      </div>
      
      <div id="apDiv8">
        <p>&nbsp;</p>
        <p> <a href="homepage.jsp" value="首页">首页</a> | <a href="ask_for_help.jsp" value="帮助中心">帮助中心</a> | <a href="contact_us.jsp" value="联系我们">联系我们</a></p>
      </div>
    </div>
    </body>
    </html>
    

    小结

    1. 这只是实现注册表单实时验证的一种方法;

    2. 本文所示可能存在很多不合理的地方没有考虑到;
      比如:
      在用Dreamweaver给页面布局时,布局大小用相对大小(百分比)而不是绝对大小(xxx px)更合适
      而且例子中的正则表达式也不是很规范
      密码没有用到隐藏显示。
      (有关上述细节问题大家可以从其他地方找到更好的详细的吗解答方案,本例的重点还是侧重于表单实时验证的问题)

    3. 但我只是想从这个例子中帮助自己记录学习的过程,同时希望能给Java EE初学者一些帮助。

    展开全文
  • 编写一个用户注册页面,使用jquery校验信息。
  • 信息注册页面 学号: <input name="usernum"type="text"id="usernum"/><br> 姓名: <input name="username"type="text"id="username"/><br> 密  码: <input name="mima"type="text...
  • jsp 用户信息注册页面

    2020-12-17 12:21:40
    jsp用户注册页面 1、注册页面 <h1>请输入用户注册信息:</h1> <form method="post" action="chack.jsp"> 用户名:<input type="text" name="username" value=""/>*<br/> 真实姓名...

    jsp用户注册页面

    1、注册页面

    <h1>请输入用户注册信息:</h1>
        <form method="post" action="chack.jsp">
            用户名:<input type="text" name="username" value=""/>*<br/>
            真实姓名:<input type="text" name="truename" value=""/>*<br/>
            密码:<input type="password" name="password" value=""/>*<br/>
            确认密码:<input type="password" name="password2" value=""/>*<br/>
            电子邮箱:<input type="text" name="email" value=""/><br/>
       	<input type="submit" value="提交" />
       	<input type="reset" value="重置"/>                
        </form>
    

    效果

    在这里插入图片描述

    2、判断是否正确及错误返回

     <jsp:useBean id="pbean" class="bean.userbean" scope="session">
      </jsp:useBean>
      <% userbean ub=new userbean();
      	ub.setUsername(request.getParameter("username"));
      	 	ub.setTruename(request.getParameter("truename"));
      	ub.setPassword(request.getParameter("password"));
      	ub.setPassword2(request.getParameter("password2"));
      	if(ub.check()!=("")){
      	out.println("清重新输入信息 5秒钟后返回注册页面"+ub.check());
      	response.setHeader("refresh","5;url=exercise1.jsp");
      	}
      	else{request.setAttribute("uesrname",ub.getUsername());
      	response.sendRedirect("sub.jsp");
      	}
      	
       %>
    

    效果

    在这里插入图片描述

    3、成功界面

      恭喜你, 注册成功! <br>
    

    效果

    在这里插入图片描述

    展开全文
  • 主要为大家详细介绍了JSP实现用户登录、注册和退出功能,具有实用性和参考价值,感兴趣的小伙伴们可以参考一下
  • jsp登录注册页面

    2015-10-27 16:27:00
    jsp登录注册页面
  • jsp页面用户注册实现

    2011-12-23 15:55:54
    一个用于用户注册jsp页面,能够进行验证从数据库里
  • eclipse编写简单注册页面JSP+MySQL) 数据库页面 项目构成 register.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html>...

    eclipse编写简单注册页面(JSP+MySQL)

    数据库页面
    数据库页面
    项目构成
    项目构成

    register.jsp

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>注册</title>
    </head>
    <body>
    <center>
    <h1>注册操作</h1>
    <hr>
    <form action="register_check.jsp" method="post">
    <table border="1">
    <tr>
    <br>
    <td colspan="2" align="center"><font size="4"><b>用户注册</b></font></td>
    </tr>
    <tr>
    <td align="right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:</td>
    <td><input type="text" name="name1" size="20"></td>
    </tr>
    <tr>
    <td align="right">&nbsp;&nbsp;&nbsp;&nbsp;名:</td>
    <td><input type="text" name="username1" size="20" maxlength="11"></td>
    </tr>
    <tr>
    <td align="right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:</td>
    <td><input type="password" name="passwd1" size="21"></td>
    </tr>
    <tr>
    <td align="right">确认密码:</td>
    <td><input type="password" name="passwd2" size="21"></td>
    </tr>
    <tr>
    <td colspan="2" align="center">
    <input type="reset" value="重置">
    <input type="submit" value="注册">
    </table>
    </form>
    </center>
    </body>
    </html>
    

    注册页面
    注册页面

    register_check.jsp

    <%@page import="java.sql.DriverManager"%>
    <%@page import="java.sql.ResultSet"%>
    <%@page import="java.sql.PreparedStatement"%>
    <%@page import="java.sql.Connection"%>
    <%@page import="java.sql.*" %>
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ page import="javax.sql.*" %>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>注册验证</title>
    </head>
    <body>
    <%
    request.setCharacterEncoding("utf-8");
    %>
    <%!
    public static final String DBDRIVER="com.mysql.jdbc.Driver";
    public static final String DBURL="jdbc:mysql://localhost:3306/mldn";
    public static final String DBUSER="root";
    public static final String DBPASS="123456";
    %>
    <%
    Connection conn=null;
    PreparedStatement pstmt=null;
    ResultSet rs=null;
    boolean flag=false;
    %>
    <%
    try{
    	
    	Class.forName(DBDRIVER);
    	String username=request.getParameter("username1");
    	String passwd=request.getParameter("passwd1");
    	String passwd1=request.getParameter("passwd2");
    	String name=request.getParameter("name1");
    	if(username==null || username=="" || passwd==null || passwd=="" || name==null || name==""){
    		flag=false;
    	}
    	else if(passwd.equals(passwd1)){
    		conn=DriverManager.getConnection(DBURL,DBUSER,DBPASS);
    		String sql="insert into user01(userid,password,name) values (?,?,?)";
    		pstmt=conn.prepareStatement(sql);
    		pstmt.setString(1,username);
    		pstmt.setString(2,passwd);
    		pstmt.setString(3, name);
    		int rtn=pstmt.executeUpdate();
    		flag=true;
    	}
    	else{
    		flag=false;
    	}
    }catch(Exception e){
    	System.out.println(e);
    }
    finally{
    	try{
    		rs.close();
    		pstmt.close();
    		conn.close();
    	}catch(Exception e){}
    }
    %>
    <%
    if(flag){
    %>
    <jsp:forward page="register_success.jsp"/>
    <%
    }else{
    %>
    <jsp:forward page="register_failure.jsp"/>
    <%
    }
    %>
    </body>
    </html>
    

    register_success.jsp

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>注册成功</title>
    </head>
    <body>
    <center>
    <h1>注册成功</h1>
    <h2>3秒后将返回登录页面,你也可以点击<a href="register.jsp">这里</a>跳转</h2>
    <%
    response.setHeader("refresh", "3;URL=login.jsp");
    %>
    </center>
    </body>
    </html>
    

    注册失败页面
    注册失败页面

    register_failure.jsp

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>注册失败</title>
    </head>
    <body>
    <center>
    <h1>注册失败</h1>
    <h2>3秒后将返回注册页面,你也可以点击<a href="register.jsp">这里</a>跳转</h2>
    <%
    response.setHeader("refresh", "3;URL=register.jsp");
    %>
    </center>
    </body>
    </html>
    

    注册成功页面
    注册成功页面

    展开全文
  • 简单的一个jsp用户注册界面,并在另一页面显示用户的注册信息。
  • 简单的用户注册功能,有两个jsp页面,在第一个页面点提交可以在另一个jsp页面显示用户注册信息。供初学者使用
  • jsp设计注册页面

    千次阅读 2019-06-18 09:59:37
    这是页面访问图: 源代码 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <html> <head> <style > <!-- 元素的设计: --> td....

    页面访问图:
    在这里插入图片描述
    源代码

    <%@ page language="java" contentType="text/html; charset=utf-8"  pageEncoding="utf-8"%>
    
    <html>
    <head>
    <style >	<!-- 元素的设计: -->
    td.right{			<!-- 名字 -->
    	text-align: right;height: 25px;						<!-- 文本-对齐属性:右对齐;表格高度:25px -->
    }														<!-- align: left(靠左),center(居中),right(靠右) -->
    
    </style>
    </head>
    <body>
    	<h3>用户注册</h3>
    	<form action="" method="post"><table>				<!-- form创建表单,method:提交方式 -->
    														<!-- class="right" (选择表格的元素)-->	
    	<tr> <td class="right">用户名:</td> <td><input type="text" name="uName"/></td></tr>	
    	<tr> <td class="right">密码:</td><td><input type="password" name="uPwd"/></td></tr>
    	<tr><td class="right">确认密码:</td><td> <input type="password" name="uRepwd"/></td> </tr>
    	<tr>
    	<td class="right">性别:</td>
    	<td> 
    	<input type="radio" name="uSex" value="男" checked="checked"/>男 		<!-- checked="checked"默认选择项 --> 
    	<input type="radio" name="uSex" value="女" /> 女
    	</td>
    	</tr>
    	<tr><td class="right">手机号码:</td><td><input type="text" name="uPhone"/></td></tr>
    	<tr><td class="right">电子邮箱:</td><td><input type="text" name="uEmail"/></td></tr>
    	<tr><td></td><td><input type="submit" value="注册"/><input type="reset" value="重置"></td>  </tr>
    	
    	</table></form>
    </body>
    </html>
    

    代码意思查找:
    ①<h1.>创建最大号的标题,<h6.>创建最小号的标题。
    ②form创建表单,method:提交方式 get(传送只能1kb) post(允许传送大量数据)。
    ③<tr.></tr.> 行标签,代表一行 , <td.></td.> 列标签,代表一列。
    ④class 指定元素类型,上文代码中元素类型名为right,<head.>中定义有。
    ⑤input 可输入数据的输入字段,根据不同的type属性,可以是text(文本字段),password(密码字段),submit(按钮),checkbox(复选框),radio(单选框),reset(重置按钮)。
    checked=“checked”,(默认选择项)

    展开全文
  • 使用jsp编写登录页面

    千次阅读 2020-09-27 13:28:26
    注册"> </a> </td> </tr> </table> </form> </body> </html> 然后再创建一个userList.jsp文件用来书写页面布局和java代码 *" pageEncoding="UTF-8"%> <%@page import="java.sql.Connection"%> ...
  • JSP作业3 - 使用JSP实现简单的用户登录注册页面

    万次阅读 多人点赞 2017-06-10 10:27:44
    实验要求:将实验2中的系统用户登录和注册页面改为JSP页面,并部署自己的Web应用于Tomcat服务器中具体要求: 完成登录JSP页面设计和注册页面设计 在登录页面表单中使用request对象获取用户信息,建立新的JSP页面完成...
  • jsp实现简单的注册页面

    千次阅读 2020-05-10 10:16:53
    注册页面.jsp <body> <form action="dologin.jsp" method="post"> 用户名:<input type="text" name="username"><br> 密码:<input type="password" name="password"><br>...
  • 使用JSP处理用户注册和登陆,简单的JSP登陆注册实例,JSP,access数据库
  • jsp编写的 一个登陆界面 相信对你有用
  • JSP用户提交页面编码

    2011-06-30 08:54:45
    JSP用户提交页面编码,JSP用户提交页面编码
  • JSP 用户注册页面

    2010-09-13 14:14:39
    在Eclipse中,用户注册页面以及跳转页面
  • Servlet+JSP+JavaBean(MVC)模式适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据。 Servlet+JSP、JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此...
  • 关于jspde登录注册页面 没有和数据库连接的 用aplication和session实现的
  • JSP之使用jsp:forward实现用户信息验证的页面跳转 参考博客地址:https://blog.csdn.net/qq_36631076/article/details/79709868
  • 用myeclipse实现一个注册界面,并连接数据库将注册的信息显示出来
  • JSP做个简单的登录注册页面

    万次阅读 多人点赞 2020-10-21 23:49:32
    JSP做个简单的登录注册页面 第一步先分析整个过程,然后得出大概思路。 首先,进入登录页面(login.jsp),如下: 我们是没有账号的所以需要注册账号,所以这时候必须有一个注册页面(register.jsp),如下 紧...
  • 利用jsp+Javabean写一个用户注册程序

    千次阅读 2019-12-02 22:03:00
    设计一个注册页面 register.jsp用户填写的信息包括:姓名、性别、 出生年月、 民族、个人介绍等,用户点击注册后将注册信息通过 output.jsp 显示出来。要求编写一个 JavaBean,封装用户填写的注册信息。 所以首先...
  • 代码使用请有基础jsp基础,知道将代码添加到哪里,文章中已做详细阐述
  • 基于JSP用户注册和登录界面

    热门讨论 2008-12-25 15:07:26
    基于JSP用户登录与注册设计,在成功的界面通过SESSION判断是否是授权进入的
  • 主要基于Servlet+JSP+JavaBean开发模式实现JavaWeb用户登录注册功能实例代码,非常实用,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 32,129
精华内容 12,851
关键字:

jsp编写用户注册页面