JavaWeb网上图书商城完整项目--day02-10.提交注册表单功能之页面实现

1、当从服务器返回的注册错误信息的时候，我们在注册界面需要将错误信息显示出来

我们需要修改regist.jsp页面的代码：其中error是一个haspmap，c标签对map的属性可以直接使用

${errors.loginname}这种形式

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>注册</title>

<link  rel="stylesheet" type="text/css" href="<c:url value='/jsps/css/user/regist.css'/>">

<script type="text/javascript" src="<c:url value='/jquery/jquery-1.5.1.js'/>"></script>

<script type="text/javascript" src="<c:url value='/jsps/js/user/regist.js'/>"></script>

</head>

<body>

<div id="divMain">

<div id="divTitle"><span id="spanTitle">新用户注册</span></div>

<div id="divBoby">

<form action="/goods/UserServlet" method="post" id="registForm">

<input  type="hidden" name="method" value="regist"/>

<table id="tableForm">

<tr>

<td class="tdText">用户名：</td>

<td class="tdInput"><input class="inputClass" type="text" name ="loginname" id="loginname"/></td>

<td class="tdError"><label class="errorClass" id="loginnameError">${errors.loginname}</label></td>

</tr>

<tr>

<td class="tdText">登陆密码：</td>

<td class="tdInput"><input class="inputClass" type="password" name ="loginpass" id="loginpass"/></td>

<td class="tdError"><label class="errorClass" id="loginpassError">${errors.loginpass }</label></td>

</tr>

<tr>

<td class="tdText">确认密码：</td>

<td class="tdInput"><input class="inputClass" type="password" name ="reloginrepass" id="reloginrepass"/></td>

<td class="tdError"><label class="errorClass" id="reloginrepassError">${errors.reloginpass }</label></td>

</tr>

<tr>

<td class="tdText">Email：</td>

<td class="tdInput"><input class="inputClass" type="text" name ="email" id="email"/></td>

<td class="tdError"><label class="errorClass" id="emailError">${errors.email }</label></td>

</tr>

<tr>

<td class="tdText">图形验证码：</td>

<td class="tdInput"><input class="inputClass" type="text" name ="verifyCode" id="verifyCode"/></td>

<td class="tdError"><label class="errorClass" id="verifyCodeError">${errors.verifyCode }</label></td>

</tr>

<tr>

<td class="tdText"></td>

<td class="tdInput"><div id="divVerifyCode"><img id="imgVerifyCode" src="<c:url value='/VerifyCodeServlet'/>"></div></td>

<td class="tdError"><label ><a href="javascript:changeVerifyCode()">换一张</a></label></td>

</tr>

<tr>

<td class="tdText"></td>

<td class="tdInput"><input  type="image"  src="<c:url value='/images/regist1.jpg'/>" id="submitBtn"/></td>

<td class="tdError"><label></label></td>

</tr>

</table>

</form>

</div>

</div>

</body>

</html>

我们应该实现下面的功能：

当用户输错信息之后，在regist.jsp现在错误信息的同时，已经显示用户以前填写的信息，如何实现了，用户提交了参数，我们已经将参数保存到servlet中，当servlet检测用户参数失败的时候，servlet除了保存错误信息之外，还应该保存用户的信息，然后跳转到regsit.jsp界面，除了显示错误信息之外，还显示用户以前填写的信息，

所以servlet应该增加保存用户信息的功能。

package com.weiyuan.goods.user.web.servlet;

import java.io.IOException;

import java.util.Map;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.apache.commons.collections.map.HashedMap;

import com.weiyuan.goods.user.domian.User;

import com.weiyuan.goods.user.service.UserService;

import cn.itcast.commons.CommonUtils;

import cn.itcast.servlet.BaseServlet;

/**

 * Servlet implementation class UserServlet

 */

@WebServlet("/UserServlet")

public class UserServlet extends BaseServlet{

    private static final long serialVersionUID = 1L;

    private UserService service = new UserService();

    /*

     * 用户注册页面使用ajax校验/*

     * 用户注册页面使用ajax校验用户名会调用该方法

     * *会调用该方法

     * */

    public String validateLoginname(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        //首先获得用户上传的用户名

        String loginName = request.getParameter("loginname");

        boolean  flag = service.ajaxValidateLoginName(loginName);

        response.getWriter().print(flag);

        return null;

    }

    /*

     * 用户注册页面使用ajax校验邮箱会调用该方法

     * */

    public String validateEmail(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

       //获得用户上传的emai

        String email = request.getParameter("email");

        System.out.println("validateEmail is called"+email);

        boolean  flag = service.ajaxValidateEmail(email);

        response.getWriter().print(flag);

        return null;

    }

    /*

     * 用户注册页面使用ajax校验验证码会调用该方法

     * */

    public String validateVerifyCode(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

         //获得用户上传的verfycode

        String verifyCode  = request.getParameter("verifyCode");

        //获得session中保存的验证码

        String sessionCode = (String) request.getSession().getAttribute("vCode");

        //二者进行比较看是否相等

        System.out.println("validateVerifyCode is called"+verifyCode+":"+sessionCode);

        boolean  flag = sessionCode.equalsIgnoreCase(verifyCode);

        response.getWriter().print(flag);

        return null;

    }

    /*

     * 当用户从邮箱点击的激活的时候会调用该方法，并且把激活码传递过来

     *

     * */

    public String activation(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        System.out.println("activation is called");

        return null;

    }

    /*

     * 当用户注册的时候会调用该方法

     *

     * */

    public String regist(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        System.out.println("activation is called");

        //1、将请求的参数封装成User对象

                User user = CommonUtils.toBean(request.getParameterMap(), User.class);

                //2 、对传递过来的参数进行校验，把错误的信息封装到一个hashMap中

                  Map errors = validateParams(user, request);

                  if(errors.size() > 0){//说明参数错误，跳转到注册界面提示用户输入的参数有误

                      request.setAttribute("errors", errors);

                      request.setAttribute("user", user);

                      return "f:/jsps/user/regist.jsp";

                  }

                 service.addUser(user);

                 request.setAttribute("code", "success");

                 request.setAttribute("msg", "用户注册成功，请马上到邮箱进行激活");

                  return "f:/jsps/msg.jsp";

    }

    public Map validateParams(User user,HttpServletRequest request){

        Map<String, String> map  = new HashedMap();

        //校验用户名

        String loginName = user.getLoginname();

        if(loginName == null || loginName.isEmpty()){

            map.put("loginname", "用户名不能为空");

        }

        if(loginName.length() < 3 || loginName.length() > 20){

            map.put("loginname", "用户名长度应该在3到20之间");

        }

        //校验用户名是否注册

        if(service.ajaxValidateLoginName(loginName)){

            map.put("loginname", "用户名已经被注册");

        }

        //检查登陆密码

        String loginpass = user.getLoginpass();

        if(loginpass == null || loginpass.isEmpty()){

            map.put("loginpass", "登陆密码不能为空");

        }

        if(loginpass.length() < 3 || loginpass.length() > 20){

            map.put("loginname", "登陆密码的长度应该在3到20之间");

        }

        //检查确认密码的信息

        //检查登陆密码

        String reloginpass = user.getReloginpass();

        if(reloginpass == null || reloginpass.isEmpty()){

            map.put("reloginpass", "登陆密码不能为空");

        }

        if(reloginpass.length() < 3 || reloginpass.length() > 20){

            map.put("reloginpass", "登陆密码的长度应该在3到20之间");

        }

        if(!reloginpass.equalsIgnoreCase(loginpass)){

            map.put("reloginpass", "两次输入的密码不一样");

        }

        //检查邮箱

        String email = user.getEmail();

        if(email == null || email.isEmpty()){

            map.put("email", "登陆邮箱不能为空");

        }

        //检查邮箱的格式是否正确

        if(!email.matches("^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\\.[a-zA-Z0-9_-]{2,3}){1,2})$")){

            map.put("email", "邮箱格式不正确");

        }

        //检查验证码是否相等

        String verifyCode = user.getVerifyCode();

        //获得session中保存的验证码

        String sessionCode =(String) request.getSession().getAttribute("vCode");

        if(!verifyCode.equalsIgnoreCase(sessionCode)){

            map.put("verifyCode", "验证码不正确");

        }

        return map;

    }

}

在jsp增加用户显示以前记录的信息

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>注册</title>

<link  rel="stylesheet" type="text/css" href="<c:url value='/jsps/css/user/regist.css'/>">

<script type="text/javascript" src="<c:url value='/jquery/jquery-1.5.1.js'/>"></script>

<script type="text/javascript" src="<c:url value='/jsps/js/user/regist.js'/>"></script>

</head>

<body>

<div id="divMain">

<div id="divTitle"><span id="spanTitle">新用户注册</span></div>

<div id="divBoby">

<form action="/goods/UserServlet" method="post" id="registForm">

<input  type="hidden" name="method" value="regist"/>

<table id="tableForm">

<tr>

<td class="tdText">用户名：</td>

<td class="tdInput"><input class="inputClass" type="text" name ="loginname" id="loginname" value="${user.loginname}"/></td>

<td class="tdError"><label class="errorClass" id="loginnameError">${errors.loginname}</label></td>

</tr>

<tr>

<td class="tdText">登陆密码：</td>

<td class="tdInput"><input class="inputClass" type="password" name ="loginpass" id="loginpass" value="${user.loginpass}"/></td>

<td class="tdError"><label class="errorClass" id="loginpassError">${errors.loginpass }</label></td>

</tr>

<tr>

<td class="tdText">确认密码：</td>

<td class="tdInput"><input class="inputClass" type="password" name ="reloginpass" id="reloginrepass" value="${user.reloginpass}"/></td>

<td class="tdError"><label class="errorClass" id="reloginrepassError">${errors.reloginpass }</label></td>

</tr>

<tr>

<td class="tdText">Email：</td>

<td class="tdInput"><input class="inputClass" type="text" name ="email" id="email" value="${user.email}" /></td>

<td class="tdError"><label class="errorClass" id="emailError">${errors.email }</label></td>

</tr>

<tr>

<td class="tdText">图形验证码：</td>

<td class="tdInput"><input class="inputClass" type="text" name ="verifyCode" id="verifyCode"/></td>

<td class="tdError"><label class="errorClass" id="verifyCodeError">${errors.verifyCode }</label></td>

</tr>

<tr>

<td class="tdText"></td>

<td class="tdInput"><div id="divVerifyCode"><img id="imgVerifyCode" src="<c:url value='/VerifyCodeServlet'/>"></div></td>

<td class="tdError"><label ><a href="javascript:changeVerifyCode()">换一张</a></label></td>

</tr>

<tr>

<td class="tdText"></td>

<td class="tdInput"><input  type="image"  src="<c:url value='/images/regist1.jpg'/>" id="submitBtn"/></td>

<td class="tdError"><label></label></td>

</tr>

</table>

</form>

</div>

</div>

</body>

</html>

我们来看程序运行的效果：

JavaWeb网上图书商城完整项目--day02-10.提交注册表单功能之页面实现的更多相关文章

JavaWeb网上图书商城完整项目--day02-28.查询所有分类功能之left页面使用Q6MenuBar组件显示手风琴式下拉菜单
首先页面去加载的时候,会去加载main.js文件,我们在加载left.jsp.top.jsp body.jsp,现在我们修改main.jsp的代码,让它去请求的时候去访问的是不在直接去访问left.j ...
JavaWeb网上图书商城完整项目--day02-4.regist页面提交表单时对所有输入框进行校验
1.现在我们要将table表中的输入的参数全部提交到后台进行校验,我们提交我们是按照表单的形式提交,所以我们首先需要在table表外面添加一个表单 <%@ page language=" ...
JavaWeb网上图书商城完整项目--24.注册页面的css样式实现
现在框架已经做好了,即下来我们要对页面进行装饰了,第一步给每一个元素添加id 1.最外面的div添加id为divMain 2.第二个div添加id为divTitle,里面的span对应的id为span ...
JavaWeb网上图书商城完整项目--过滤器解决中文乱码
我们知道,如果是POST请求,我们需要调用request.setCharacterEncoding(“utf-8”)方法来设计编码:如果是GET请求,我们需要自己手动来处理编码问题.如果我们使用了En ...
JavaWeb网上图书商城完整项目--day03-1.图书模块功能介绍及相关类创建
1 前两天我们学习了user用户模块和图书的分类模块,接下来我们学习图书模块图书模块的功能主要是下面的功能: 2 接下来我们创建对应的包我们来看看对应的数据库表t_book CREATE TABL ...
JavaWeb网上图书商城完整项目--day02-3.regist页面输入框失去焦点进行校验
当输入框输入数据之后,当输入框失去焦点的时候,我们需要对输入的数据进行校验 l 用户名校验: 用户名不能为空: 用户名长度必须在3 ~ 20之间: 用户名已被注册(需要异步访问服务器). l 登录 ...
JavaWeb网上图书商城完整项目--13.项目所需环境的搭建
1.首先安装mysql 创建项目所需的数据库,直接运行项目提供的goods.sql文库 2.myeclipse创建一个web project ,项目的名称是goods 把视频中提供的项目原型下的提供的 ...
JavaWeb网上图书商城完整项目--12.项目所需jquery函数介绍之ajax
jquery中使用ajax发送异步请求下面的一个案例在input输入框失去焦点的时候发送一个异步的请求: 我们来看程序的案例: 这里要强调的是返回值最好选择是json,json对应的就是对象,Jav ...
JavaWeb网上图书商城完整项目--11.项目所需jquery函数介绍
1.下载jquery的函数包 2.强函数包添加到工程的web-root目录下 3.在jsp文件中加载js文件 <script type="text/javascript" s ...
JavaWeb网上图书商城完整项目--BaseServlet
1.以前进行操作的时候,例如我们进行登陆操作我们使用LoginServlet进行处理,进行注册操作我们使用RegisterServlet,很多业务的操作的时候我们就要定义很多个Servlet 有了Ba ...

随机推荐

[FlashDevelop] 001.FlashDevelop + LayaFlash环境搭建
产品简介: 唯一使用Flash直接开发或转换大型HTML5游戏的全套解决方案. 开发工具 FlashDevelop + JDK + flashplayer_18_sa_debug + LayaFlas ...
JAVA WEB EL表达式注入
看猪猪侠以前的洞,顺便总结下: 一.EL表达式简介 EL 全名为Expression Language.EL主要作用: 1.获取数据 EL表达式主要用于替换JSP页面中的脚本表达式,以从各种类型的we ...
Java实现蓝桥杯VIP 算法训练连通分块（并查集）
试题算法训练连通分块资源限制时间限制:200ms 内存限制:8.0MB 问题描述连通分块输入格式输入的第一行包含两个整数n, m n代表图中的点的个数,m代表边的个数接下来m行,每行2 ...
Java实现 LeetCode 712 两个字符串的最小ASCII删除和（最长公共子串&&ASCII值最小）
712. 两个字符串的最小ASCII删除和给定两个字符串s1, s2,找到使两个字符串相等所需删除字符的ASCII值的最小和. 示例 1: 输入: s1 = "sea", s2 ...
Java实现 LeetCode 706 设计哈希映射（数组+链表）
706. 设计哈希映射不使用任何内建的哈希表库设计一个哈希映射具体地说,你的设计应该包含以下的功能 put(key, value):向哈希映射中插入(键,值)的数值对.如果键对应的值已经存在,更新 ...
Java实现 LeetCode 1两数之和
1. 两数之和给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那两个整数,并返回他们的数组下标. 你可以假设每种输入只会对应一个答案.但是,你不能重复利用这 ...
第四届蓝桥杯JavaB组国(决)赛真题
解题代码部分来自网友,如果有不对的地方,欢迎各位大佬评论题目1.猜灯谜题目描述 A 村的元宵节灯会上有一迷题: 请猜谜 * 请猜谜 = 请边赏灯边猜小明想,一定是每个汉字代表一个数字,不同的汉字 ...
java算法集训结果填空题练习2
1 欧拉与鸡蛋大数学家欧拉在集市上遇到了本村的两个农妇,每人跨着个空篮子.她们和欧拉打招呼说两人刚刚卖完了所有的鸡蛋. 欧拉随便问:"卖了多少鸡蛋呢?" 不料一个说:" ...
Linux ACL权限查看与设定
getfacl 文件名,可以查看文件的acl权限 setfacl [选项] 文件名,可以设定文件的acl权限,例如:setfacl -m u:boduo:rx /project/ 这时候,创建了bod ...
Mysql的默认最大连接数及如何修改
一.Mysql默认最大连接数通过查看mysql安装目录的my.ini文件,发现mysql的默认最大的连接数为100,实际场景中,以及进行压测时,100时远远不够的,一般都会设置最大的连接数. 二.如 ...

JavaWeb网上图书商城完整项目--day02-10.提交注册表单功能之页面实现

JavaWeb网上图书商城完整项目--day02-10.提交注册表单功能之页面实现的更多相关文章

随机推荐

热门专题