Servlet(4)：一个简单的注册页面

一. 注册要求

1. 一个注册页面

username （文本框）
password：密码（密码框）
passwordYes ：再次输入密码（密码框）
hobby （多选框）
sex （单选框）
info （文本域）

2. servlet处理注册信息，判断两次密码是否相同

相同则跳到成功页面
不同则注册失败，重定向到注册页面

3. 成功页面

显示登陆成功的用户名，密码，爱好，性别和信息；
显示一个注销按钮

4. 如果注销后，或者没登录，不能直接进入成功页面，跳转到失败界面

二. 具体操作步骤

1：在index.jsp（首页）写一个超链接，让跳转到注册界面

2：写好注册界面后，提交给ServeltRegister处理

3：跳转到ServletRegister注册界面，把用户消息放进session中，并判断输入的密码是否正确

4：如果密码成功，跳转到成功界面，并在成功界面显示用户填写的信息

5：在成功页面设置注销按钮，按下注销按钮后，跳转到ServletOut注销界面

6：当用户消息注销后，让其回到成功页面，然后提示用户未注册或者已注销，请先注册

7：在提示页面设置注册按钮，让其重新注册，回到注册页面

8：如果密码输出错误，让其回到注册页面，并用弹框提醒

三. 代码

1：首页 index.jsp

<html>

  <head>

    <title>首页</title>

    <style>

      body{

        margin: 0 auto;

        text-align: center;

      }

    </style>



</head>


<body>


<h1>首页</h1>


<hr>


<a href="${pageContext.request.contextPath}/register.jsp">注册</a>


</body>


</html>

2：注册页 register.jsp

<html>

<head>

    <title>注册</title>

    <script>

        var status = '${sessionScope.pwdFail}';

        if (status=='yes'){

            alert("两次密码输入不一样，请重新输入")

        }

    </script>

</head>

<body>

<h1>注册</h1>

<form action="${pageContext.request.contextPath}/Register" method="post">

    <p>用户名： <input type="text" name="username" required ></p>

    <p>密码：<input type="password" name="password1" required></p>

    <p>确认密码：<input type="password" name="password2" required></p>

    <p>爱好：

        <input type="checkbox" name="hobby" value="movie">电影

        <input type="checkbox" name="hobby" value="TV">电视

        <input type="checkbox" name="hobby" value="music">音乐

    </p>

    <p>性别：

        <input type="radio" name="sex" value="boy">男

        <input type="radio" name="sex" value="girl">女

    </p>

    <p>个人简介：

        <textarea name="info"></textarea>

    </p>

    <p>

        <input type="submit">

        <input type="reset">

    </p>

</form>

</body>

</html>

3：成功页 success.jsp

<html>

<head>

    <title>注册成功</title>

    <%

        HttpSession session1 = request.getSession();

        if(session1.getAttribute("username")==null){

            request.getRequestDispatcher("loss.jsp").forward(request,response);

        }

    %>

</head>

<body>

<h1>注册成功！</h1>

<%--通过sessionScope得到信息--%>

<p> 用户名：${sessionScope.username}</p>

<p> 密码：${sessionScope.password1}</p>

<p> 性别：${sessionScope.sex}</p>

<p> 爱好：${sessionScope.hobbies}</p>

<p> 简介：${sessionScope.info}</p>

<a href="${pageContext.request.contextPath}/Out">注销</a>

</body>

</html>

4：提示页 loss.jsp

<html>

<head>

    <title>失败</title>

</head>

<body>

<h1>

    没有session信息，未注册或者已注销,请先注册

</h1>

<a href="${pageContext.request.contextPath}/register.jsp">注册</a>

</body>

</html>

5：web.xml

    <servlet>

        <servlet-name>ServletRegister</servlet-name>

        <servlet-class>com.sunzhen.ServletRegister</servlet-class>

    </servlet>

    <servlet>

        <servlet-name>ServletOut</servlet-name>

        <servlet-class>com.sunzhen.ServletOut</servlet-class>

    </servlet>
<span class="hljs-tag">&lt;<span class="hljs-name">servlet-mapping</span>&gt;</span>

    <span class="hljs-tag">&lt;<span class="hljs-name">servlet-name</span>&gt;</span>ServletOut<span class="hljs-tag">&lt;/<span class="hljs-name">servlet-name</span>&gt;</span>

    <span class="hljs-tag">&lt;<span class="hljs-name">url-pattern</span>&gt;</span>/Out<span class="hljs-tag">&lt;/<span class="hljs-name">url-pattern</span>&gt;</span>

<span class="hljs-tag">&lt;/<span class="hljs-name">servlet-mapping</span>&gt;</span>

<span class="hljs-tag">&lt;<span class="hljs-name">servlet-mapping</span>&gt;</span>

    <span class="hljs-tag">&lt;<span class="hljs-name">servlet-name</span>&gt;</span>ServletRegister<span class="hljs-tag">&lt;/<span class="hljs-name">servlet-name</span>&gt;</span>

    <span class="hljs-tag">&lt;<span class="hljs-name">url-pattern</span>&gt;</span>/Register<span class="hljs-tag">&lt;/<span class="hljs-name">url-pattern</span>&gt;</span>

<span class="hljs-tag">&lt;/<span class="hljs-name">servlet-mapping</span>&gt;</span>

6：注册 ServletRegister

        request.setCharacterEncoding("utf-8");

        response.setCharacterEncoding("utf-8");
    <span class="hljs-comment">//获得用户提交的数据</span>

    <span class="hljs-built_in">String</span> username = request.getParameter(<span class="hljs-string">"username"</span>);

    <span class="hljs-built_in">String</span> password1 = request.getParameter(<span class="hljs-string">"password1"</span>);

    <span class="hljs-built_in">String</span> password2 = request.getParameter(<span class="hljs-string">"password2"</span>);

    <span class="hljs-built_in">String</span> sex = request.getParameter(<span class="hljs-string">"sex"</span>);

    <span class="hljs-built_in">String</span> info = request.getParameter(<span class="hljs-string">"info"</span>);

    <span class="hljs-built_in">String</span>[] hobbies = request.getParameterValues(<span class="hljs-string">"hobby"</span>);

    <span class="hljs-keyword">if</span>(password1.equals(password2)){

        <span class="hljs-comment">//把用户消息放进session中</span>

        HttpSession session = request.getSession();

        session.setAttribute(<span class="hljs-string">"username"</span>,username);

        session.setAttribute(<span class="hljs-string">"password1"</span>,password1);

        session.setAttribute(<span class="hljs-string">"sex"</span>,sex);

        session.setAttribute(<span class="hljs-string">"info"</span>,info);

        session.setAttribute(<span class="hljs-string">" hobbies"</span>, Arrays.toString(hobbies));

        response.sendRedirect(<span class="hljs-string">"success.jsp"</span>);

        <span class="hljs-comment">//request.getRequestDispatcher("success.jsp").forward(request,response);</span>

    }<span class="hljs-keyword">else</span> {

        request.getSession().setAttribute(<span class="hljs-string">"pwdFail"</span>,<span class="hljs-string">"yes"</span>);

        response.sendRedirect(<span class="hljs-string">"register.jsp"</span>);

    }

7：注销 ServletOut

       HttpSession session = request.getSession();

        //注销session或者移除session中的数据

        session.removeAttribute("username");

        session.removeAttribute("password1");

        session.removeAttribute("sex");

        session.removeAttribute("hobbies");

        session.removeAttribute("info");
    response.sendRedirect(<span class="hljs-string">"success.jsp"</span>);

Servlet(4)：一个简单的注册页面的更多相关文章

一个简单的注册页面,基于JS
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
AJAX实现简单的注册页面异步请求
p { margin: 0px; padding: 0px } AJAX简介 (1)AJAX = 异步 JavaScript 和 XML. (2)AJAX 是一种用于创建快速动态网页的技术. (3)通 ...
Node.js基于Express框架搭建一个简单的注册登录Web功能
这个小应用使用到了node.js bootstrap express 以及数据库的操作 :使用mongoose对象模型来操作 mongodb 如果没了解过的可以先去基本了解一下相关概念~ 首先注 ...
Android笔记-4-实现登陆页面并跳转和简单的注册页面
实现登陆页面并跳转和简单的注册页面首先我们来看看布局的xml代码 login.xml <span style="font-family:Arial;font-size:18px; ...
tkinter做一个简单的登陆页面
做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x3 ...
tkinter做一个简单的登陆页面（十六）
做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x3 ...
使用Html和ashx文件实现其简单的注册页面
记得上一次博客中实现的是其登录页面,其实学会了登录页面,注册页面自然就知道怎么写啦,都是一个意思的,但是今天不知道怎么个情况,写一个注册页面程序中一直在出错,大的问题小的问题一直出错,似乎是不在状 ...
vue-cli3和element做一个简单的登陆页面
1.先用vue-cli3创建一个项目 2.安装element模块全局安装 npm i element-ui -S 3在main.js引入模块 import ElementUI from 'eleme ...
ASP.NET Aries 入门开发教程2：配置出一个简单的列表页面
前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给 ...

随机推荐

【死磕 NIO】— Proactor模式是什么？很牛逼吗？
大家好,我是大明哥. 上篇文章我们分析了高性能 IO模型Reactor模式,了解了什么是Reactor 模式以及它的三种常见的模式,这篇文章,大明再介绍另外一种高性能IO模型: Proactor. 为 ...
【JAVA】笔记（1）---JVM内存图；方法重载条件；输入方法；转义字符；强制类型转换；变量分类及区别；Java命名规范；
Java命名规范: 1.包:全部字母小写: 2.类+接口:所有单词的首字母大写: 3.变量+方法:第一个单词的首字母小写,其余单词首字母大写: 3.常量名:所有字母均大写,且用下划线" _ ...
[atAGC043B]123 Triangle
不妨先操作一轮,使得$0\le a_{i}\le 2$ 结论:若序列中存在1,则答案为0或1 考虑归纳,注意到若序列中存在1,除非所有元素均为1,否则操作一轮后必然仍存在1,那么根据归纳假设即成立,而 ...
[hdu6581]Vacation
首先发现,最终第0辆车一定被堵在某一辆车前,那么等价于它的初始位置就在(那辆车的位置+中间车的车长)/那辆车的速度,其中最大的那个就是答案因此得出结论:$ans=max((\sum_{j=1}^{i} ...
[hdu5379]Mahjong tree
一棵子树的每一个儿子相当于划分一个区间,同时这些区间一定要存在一个点连续(直接的儿子),因此每一棵树最多只有两个儿子存在子树,并且这两个儿子所分到的区间一定是该区间最左和最右两段,所以ans*=(so ...
2、使用HashOperations操作redis（Hash哈希表）
文章来源:https://www.cnblogs.com/shiguotao-com/p/10560458.html 方法 c参数 s说明 Long delete(H key, Object... h ...
多线程06.thread守护线程
package chapter2; public class Demo02 { public static void main(String[] args) { Thread th1=new Thre ...
多线程02.继承Thread类
package chapter2; /** * 1.使用static虽然完成了当前的功能. * 但是static的生命周期比较长,需要在所有线程执行完成后才会结束. * 还有号没有按照顺序进行打印 * ...
【Mysql】深入理解 MVCC 多版本并发控制
MVCC MVCC(Multi-Version Concurrency Control),即多版本并发控制.是 innodb 实现事务并发与回滚的重要功能.锁机制可以控制并发操作,但是其系统开销较大, ...
SpringCloud微服务实战——搭建企业级开发框架（二十四）：集成行为验证码和图片验证码实现登录功能
随着近几年技术的发展,人们对于系统安全性和用户体验的要求越来越高,大多数网站系统都逐渐采用行为验证码来代替图片验证码.GitEgg-Cloud集成了开源行为验证码组件和图片验证码,并在系统中添加可配置 ...

Servlet(4)：一个简单的注册页面

一. 注册要求

二. 具体操作步骤

1：在index.jsp（首页）写一个超链接，让跳转到注册界面

2：写好注册界面后，提交给ServeltRegister处理

3：跳转到ServletRegister注册界面，把用户消息放进session中，并判断输入的密码是否正确

4：如果密码成功，跳转到成功界面，并在成功界面显示用户填写的信息

5：在成功页面设置注销按钮，按下注销按钮后，跳转到ServletOut注销界面

6：当用户消息注销后，让其回到成功页面，然后提示用户未注册或者已注销，请先注册

7：在提示页面设置注册按钮，让其重新注册，回到注册页面

8：如果密码输出错误，让其回到注册页面，并用弹框提醒

三. 代码

1：首页 index.jsp

2：注册页 register.jsp

3：成功页 success.jsp

4：提示页 loss.jsp

5：web.xml

6：注册 ServletRegister

7：注销 ServletOut

Servlet(4)：一个简单的注册页面的更多相关文章

随机推荐

热门专题