我们来分析下这个页面的代码如何实现: 我们来分下下层次结构: 1.首先最外层是一个大的div,然后又包括两个小的div,第一个div中包括一个span,第二个div是一个table表 我们来看程序的代码: jsps文件夹对应的是前端的页面,user对应的是用户的jsp页面,在该页面中个新建立一个regist.jsp文件 我们在这里里面编写html代码 input type="submit"是提交表格按钮,使用系统默认的风格,input type="image"也能提…

现在框架已经做好了,即下来我们要对页面进行装饰了,第一步给每一个元素添加id 1.最外面的div添加id为divMain 2.第二个div添加id为divTitle,里面的span对应的id为spanTitle 3.第三个div添加id为divBody,里面的table对应的id为tableForm 4.table里面对应的input 对应的id的名称就是其那么对应的名称 添加的id如下: <%@ page language="java" contentType="te…

我们要实现立即注册这个按钮,光标获得焦点是一张图片,光标失去焦点的时候是另外一张图片 我们需要在文档加载完成之后,设置该事件hover事件 hover(over,out)这是jQuery的一个模仿悬停事件,即当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数.当鼠标移出这个元素时,会触发指定的第二个函数.而且,会伴随着对鼠标是否仍然处在特定元素中的检测,如果是,则会继续保持“悬停”状态,而不触发移出事件. 我们来看regist.js的代码: //该函数在html文档加载完成之后会调用 $(…

我们现在要实现点击换一张的时候实现验证码的修改 我们首先在html添加函数点击事件: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>…

在上一章中我们显示的效果如下所示: 上面后面都有错误的红色×的显示,这样是不对的,我们要解决该问题 我们要循环遍历每一个错误的信息,看它的内容有没有,如果有内容我们就显示错误的×,如果没有就不显示× 我们新建一个js文件来完成上面的操作: 然后在html中加载该regist.js文件 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8&…

1.现在我们要将table表中的输入的参数全部提交到后台进行校验,我们提交我们是按照表单的形式提交,所以我们首先需要在table表外面添加一个表单 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core&…

1.当从服务器返回的注册错误信息的时候,我们在注册界面需要将错误信息显示出来 我们需要修改regist.jsp页面的代码:其中error是一个haspmap,c标签对map的属性可以直接使用 ${errors.loginname}这种形式 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ tagli…

1.当用户在界面提交注册提交的时候,我们在UerServlet来实现具体的业务方法 标准demo: 1CommonUtils CommonUtils类就两个方法: lString uuid():生成长度32的随机字符,通常用来做实体类的ID.底层使用了UUID类完成: toBean(Map, Class<T>):把Map转换成指定类型的Bean对象.通常用来获取表单数据(request.getParameterMap())封装到JavaBean中,底层使用了common-beanutils.注…

1.发送邮件 发送邮件的时候的参数我们都写在了配置文件中,配置文件放在src目录下,可以使用类加载器进行加载该数据 //向注册的用户发送邮件 //1读取配置文件 Properties properties = new Properties(); try { properties.load(this.getClass().getClassLoader().getResourceAsStream("email_template.properties")); } catch (IOExcep…

1.点击注册之后将提交的信息传递到UserServlet的public String regist方法进行处理,然后将东西通过service进行处理 业务流程:…