javaweb 用户注册和登录页面

在此之前,我们需要先了解基础知识.
一、我们先了解一下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()方法获取到表单元素的值.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值