简单javaweb有关登录界面的代码实现

登录界面代码实现要求一个注册页面(form表单,servlet)username(文本框)password:密码(密码框)passwordYes :再次输入密码(密码框)hobby(多选框)sex(单选框)info(文本域)servlet处理注册信息判断两次密码是否相同相同则跳到成功页面,并且在成功页面显示SeesionID;不同则注册失败,重定向到注册页面成功页面显...
摘要由CSDN通过智能技术生成

登录界面代码实现

要求

  1. 一个注册页面(form表单,servlet)
    username(文本框)
    password:密码(密码框)
    passwordYes :再次输入密码(密码框)
    hobby(多选框)
    sex(单选框)
    info(文本域)
  2. servlet处理注册信息
    判断两次密码是否相同
    相同则跳到成功页面,并且在成功页面显示SeesionID;
    不同则注册失败,重定向到注册页面
  3. 成功页面
    显示登陆成功的用户名,密码,爱好,性别和信息;
    显示一个注销按钮
  4. 如果注销后,或者没登录,不能直接进入成功页面,跳转到错误界面

详细步骤

  1. 首先建立web项目,建包,导相关的jar包,并关联Tomcat。

  2. 建立:登录成功的success.jsp文件,登录界面的jsp文件register.jsp,错误界面的jsp文件nologin.jsp,登录错误的Servlet文件loginOutServlet.java,登录Servlet文件RegisterServlet.java,并打开web.xml和index.jsp。

  3. 编辑index.jsp文件

    <%--
      Created by IntelliJ IDEA.
      User: Administrator
      Date: 2019/7/16
      Time: 8:54
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>主界面</title>
        <style>
          div{
            margin: 0 auto;
            text-align: center;
          }
        </style>
      </head>
      <body>
      <div>
      <h1>HomeWork</h1>
      <hr>
      <a href="${pageContext.request.contextPath}/register.jsp">点击注册</a>
      </div>
      </body>
    </html>
    
  4. 编写register登录网页

    <%--
      Created by IntelliJ IDEA.
      User: Administrator
      Date: 2019/7/16
      Time: 10:15
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>register</title>
        <%--如果两次密码不相同,关联RegisterServlet中if判断密码是否正确中的else--%>
        <script>
            var status = '${sessionScope.passwordError}';
            if (status == "yes") {
                alert("输入信息有误,请重新输入")
            }
        </script>
    </head>
    <body>
    <h1>欢迎来到注册界面</h1>
    <hr>  <%--分割线--%>
    <div>
        <%--form表单--%>
        <form action="${pageContext.request.contextPath}/register.do" method="post">
            <p>用户名:<input type="text" name="username" required></p>
            <p>密码:<input type="password" name="password" required></p>
            <p>密码确认:<input type="password" name="confirmPassword" required></p>
            <p>性别:
                <input type="radio" name="gender" value="male">男
                <input type="radio" name="gender" value="female">女
            </p>
            <p>爱好:
                <input type="checkbox" name="hobby" value="oppositeSex">异性
                <input type="checkbox" name="hobby" value="dance">舞蹈
                <input type="checkbox" name="hobby" value="music">音乐
                <input type="checkbox" name="hobby" value="movies">电影
            </p>
            <p>个人简介:
                <textarea name="info"></textarea>
            </p>
            <p>
                <input type="submit" value="提交">
                <input type="reset" value="重置">
            </p>
        </form>
    </div>
    </body>
    </html>
    
  5. 编辑登录Servlet(RegisterServlet.java)

    package com.li.work;
    
    import javax.servlet.http.HttpSession;
    import java.io.IOException;
    import java.util.Arrays;
    
    public class RegisterServlet extends javax.servlet.http.HttpServlet {
         
        protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throw
  • 5
    点赞
  • 65
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值