一. 注册要求

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

  1. 一个简单的注册页面,基于JS

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. AJAX实现简单的注册页面异步请求

    p { margin: 0px; padding: 0px } AJAX简介 (1)AJAX = 异步 JavaScript 和 XML. (2)AJAX 是一种用于创建快速动态网页的技术. (3)通 ...

  3. Node.js基于Express框架搭建一个简单的注册登录Web功能

    这个小应用使用到了node.js  bootstrap  express  以及数据库的操作 :使用mongoose对象模型来操作 mongodb 如果没了解过的可以先去基本了解一下相关概念~ 首先注 ...

  4. Android笔记-4-实现登陆页面并跳转和简单的注册页面

    实现登陆页面并跳转和简单的注册页面   首先我们来看看布局的xml代码 login.xml <span style="font-family:Arial;font-size:18px; ...

  5. tkinter做一个简单的登陆页面

    做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x3 ...

  6. tkinter做一个简单的登陆页面（十六）

    做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x3 ...

  7. 使用Html和ashx文件实现其简单的注册页面

    记得上一次博客中实现的是其登录页面,其实学会了登录页面,注册页面自然就知道怎么写啦,都是一个意思的,但是今天不知道怎么个情况,写一个注册页面程序 中 一直在出错,大的问题小的问题一直出错,似乎是不在状 ...

  8. vue-cli3和element做一个简单的登陆页面

    1.先用vue-cli3创建一个项目 2.安装element模块 全局安装 npm i element-ui -S 3在main.js引入模块 import ElementUI from 'eleme ...

  9. ASP.NET Aries 入门开发教程2：配置出一个简单的列表页面

    前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给 ...

随机推荐

  1. 理解ASP.NET Core - 日志(Logging)

    注:本文隶属于<理解ASP.NET Core>系列文章,请查看置顶博客或点击此处查看全文目录 快速上手 添加日志提供程序 在文章主机(Host)中,讲到Host.CreateDefault ...

  2. es6使用场景

    es6非空判断 示例1 es5 if(value !== null && value !== undefined && value !== ''){ //... } e ...

  3. js运算符 及 运算符优先级

    「运算符」是用于实现赋值.比较和执行算数运算等功能的符号.常用运算符分类如下符号 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 算数运算符 运算符 描述 案例 + 加 10+20= ...

  4. mybatis之结果集的映射方式

    查询的几种情况 // 1)查询单行数据返回单个对象 public Employee getEmployeeById(Integer id ); // 2) 查询多行数据返回对象的集合 public L ...

  5. Vue 之 Mixins （混入）的使用

    是什么 混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式.混入对象可以包含任意组件选项.当组件使用混入对象时,所有混入对象的选项将被合并到组件本身,也就是说父组件调用混入 ...

  6. win10 vscode安装babel

    第一步:安装 babel-cli cd进入项目根目录,执行命令: npm install --global babel-cli 第二步:检测第一步是否成功,输入命令 babel --version,若 ...

  7. javascript 深拷贝与浅拷贝

    javascript 深拷贝与浅拷贝 深拷贝与浅拷贝 赋值和深/浅拷贝的区别 浅拷贝的实现方式 1.Object.assign() 2.函数库lodash的_.clone方法 3.展开运算符... 4 ...

  8. oracle 使用union提示ORA-00907:缺少右括号

    在使用union的时候提示:ORA-00907:缺少右括号 此原因是因为在union的左边和右边都有order by,因此需要去掉一边的order by,保留一个即可. 例如: select * fr ...

  9. windows 上搭建 sftp 服务器 -freesshd全过程（ 在linux上部署逐浪CMS的必读教程）

    文章标题: windows 上搭建 sftp 服务器 - freesshd全过程 关键字 : freesshd 文章分类: 教程 创建时间: 2020年3月23日 缘由 动手 第一步:添加用户 第二步 ...

  10. 1组-Alpha冲刺-3/6

    一.基本情况 队名:震震带着六菜鸟 组长博客:https://www.cnblogs.com/Klein-Wang/p/15544334.html 小组人数:7人 二.冲刺概况汇报 王业震 过去两天完 ...