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：配置出一个简单的列表页面
前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给 ...

随机推荐

dotnet 6 使用 CreateSymbolicLink 创建文件夹符号链接
本文告诉大家如何使用 dotnet 6 提供的 Directory.CreateSymbolicLink 和 File.CreateSymbolicLink 方法创建文件夹和文件的符号链接 Direc ...
redis sentinel搭建
/usr/local/bin /usr/local/etc https://www.centos.bz/2017/08/redis-3-x-sentinel-ha-service/ https://w ...
解读Java8的Thread源码
1.创建的一个无参的Thread对象,默认会有一个线程名,以Thread-开头,从0开始计数,采用了一个static修饰的int变量,当对象初始化一次时一直存放在jvm方法区中 2.构造Thread的 ...
jenkins安装与配置---window，mis包直接安装
https://my.oschina.net/aibinxiao/blog/1457218 Jenkins在Windows下的安装与配置已经在https://jenkins.io/下载好了Win ...
Sentry 官方 JavaScript SDK 简介与调试指南
系列 1 分钟快速使用 Docker 上手最新版 Sentry-CLI - 创建版本快速使用 Docker 上手 Sentry-CLI - 30 秒上手 Source Maps Sentry For ...
[gym102832J]Abstract Painting
考虑每一个圆即对应于区间$[x_{i}-r_{i},x_{i}+r_{i}]$,可以看作对于每一个区间,要求所有右端点严格比其小的区间不严格包含左端点用$f_{i}$表示仅考虑右端点不超过$i$的区 ...
[atARC110F]Esoswap
先构造使得$p_{i}$降序(即$p_{i}=n-1-i$),只需要从后往前,不断执行$i$操作直至合法即可正确性的证明:首先保证了$[0,n-i)$这些数字都已经出现,因此操作不会破坏已确定的数字 ...
[noi239]count
将每一个ai表示为$ai=ki\cdot m+ri$,即满足$m\sum ki+\sum ri=n$且$0<ri<m$枚举$S=\sum ri$(S范围是$k\le S\le k(m-1) ...
maven项目打包不带版本号的操作
【状压dp】Hamiton路径
描述给定一张 n(n≤20) 个点的带权无向图,点从 0~n-1 标号,求起点 0 到终点 n-1 的最短Hamilton路径. Hamilton路径的定义是从 0 到 n-1 不重不漏地经过每个点 ...

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)：一个简单的注册页面的更多相关文章

随机推荐

热门专题