javaweb 用户注册和登录页面

  • Post author:
  • Post category:java


在此之前,我们需要先了解基础知识.


一、我们先了解一下JSP隐含对象?


JSP隐含对象是Web容器创建的一组对象

JSP隐含对象的名称是JSP的保留字

JSP隐含对象是可以直接在JSP页面使用的对象,无需使用”new”获取实例


二、JSP隐含对象


在这里插入图片描述

在这里插入图片描述


三、request对象


request对象主要用于处理客户端请求,当浏览器请求一个网页,会发送大量信息到web服务器,这些信息不能直接读取,因为信息是作为HTTP请求头的一部分传输到服务器,但是可以通过request对象提供的方法来获取客户端提交个服务器的信息.


request对象常用方法


在这里插入图片描述

1.接下来我们来实现注册功能.

<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2020/3/28
  Time: 16:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>
</head>
<body>
<h3 style="text-align: center">用户注册</h3>
<form name="frmRegister" action="do_register.jsp" method="post">
    <table border="1" cellpadding="10" style="margin: 0px auto">
        <tr>
            <td align="center">用户名</td>
            <td><input type="text" name="username"></td>
        </tr>

        <tr>
            <td align="center">密码</td>
            <td><input type="text" name="password"></td>
        </tr>
        <tr>
            <td align="center">从哪里知道本网站</td>
            <td>
                <input type="checkbox" name="channel" value="报刊">报刊
                <input type="checkbox" name="channel" value="网络">网络
                <input type="checkbox" name="channel" value="朋友推荐">朋友推荐
                <input type="checkbox" name="channel" value="电视">电视
            </td>
        </tr>
        <tr>
            <td align="center"></td>
            <td colspan="2">
                <input type="submit" value="提交">
                <input type="reset"  value="重置">
            </td>
        </tr>
    </table>

</form>
</body>
</html>

(2)处理注册页面

<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2020/3/28
  Time: 16:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>
</head>
<body>
<h3 style="text-align: center">用户注册</h3>
<form name="frmRegister" action="do_register.jsp" method="post">
    <table border="1" cellpadding="10" style="margin: 0px auto">
        <tr>
            <td align="center">用户名</td>
            <td><input type="text" name="username"></td>
        </tr>

        <tr>
            <td align="center">密码</td>
            <td><input type="text" name="password"></td>
        </tr>
        <tr>
            <td align="center">从哪里知道本网站</td>
            <td>
                <input type="checkbox" name="channel" value="报刊">报刊
                <input type="checkbox" name="channel" value="网络">网络
                <input type="checkbox" name="channel" value="朋友推荐">朋友推荐
                <input type="checkbox" name="channel" value="电视">电视
            </td>
        </tr>
        <tr>
            <td align="center"></td>
            <td colspan="2">
                <input type="submit" value="提交">
                <input type="reset"  value="重置">
            </td>
        </tr>
    </table>

</form>
</body>
</html>

启动服务器查看

在这里插入图片描述

在这里插入图片描述


给表单注册页面添加表单效验,要求用户名与密码非空.


设置表单元素id属性为了给页面javaScript代码能访问该元素,设置表单元素name属性是为了表单处理页面能够通过request.getParameter()方法获取到表单元素的值.