本文为大家讲解了商城项目用户注册模块,供大家参考,先看看效果图:
1.前台JS校验:
事件触发: onsubmit=”checkForm()”
2.使用AJAX完成异步用户名是否存在校验
①事件触发:onblur=”checkUserName()”
②AJAX
1
2
3
4
|
function checkUsername(){
var username = $( "#username" ).val();
$( "#span1" ).load( "${pageContext.request.contextPath}/user_checkUsername.action" ,{ 'username' :username});
}
|
3.后台Struts2的数据校验
①.编写表单中的<form action=”${ pageContext.request.contextPath }/user_regist.action”/>
②.在Action中编写方法
③.完成数据校验:
在Action所在包下创建一个类名-方法对应访问路径-validation.xml
UserAction-user_regist-validation.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<? xml version = "1.0" encoding = "UTF-8" ?>
<!DOCTYPE validators PUBLIC
"-//Apache Struts//XWork Validator 1.0.3//EN"
"http://struts.apache.org/dtds/xwork-validator-1.0.3.dtd">
< validators >
<!-- name:要校验的字段名 -->
< field name = "username" >
< field-validator type = "requiredstring" >
< message >用户名不能为空!</ message >
</ field-validator >
</ field >
<!-- name:要校验的字段名 -->
< field name = "password" >
< field-validator type = "requiredstring" >
< message >密码不能为空!</ message >
</ field-validator >
</ field >
<!-- 校验邮箱 -->
< field name = "email" >
< field-validator type = "email" >
< message >邮箱格式不正确!</ message >
</ field-validator >
</ field >
<!-- 校验电话 -->
< field name = "phone" >
< field-validator type = "regex" >
< param name = "regex" > <![CDATA[^15\d{9}$]]> </ param >
< message >电话不合法</ message >
</ field-validator >
</ field >
</ validators >
|
4.发送激活邮件
① 引入两个包: activation.jarmail.jar
②UserService.java
1
2
3
4
5
6
7
8
9
10
11
12
13
|
/**
* 注册用户的方法
* @param user
*/
public void save(User user) {
// 保存到数据库:
user.setState( 0 ); // 0:未激活 1:已经激活
String code = UUIDUtils.getUUID()+UUIDUtils.getUUID();
user.setCode(code);
userDao.save(user);
// 发送一封激活邮件:
MailUtils.sendMail(user.getEmail(), code);
}
|
③MailUtils
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
/**
* 发送邮件方法:
*/
public static void sendMail(String to,String code){
Properties props = new Properties();
props.setProperty( "mail.smtp" , "localhost" );
// 1.获得连接:
Session session = Session.getInstance(props, new Authenticator() {
@Override
protected PasswordAuthentication getPasswordAuthentication() {
return new PasswordAuthentication( "service@shop.com" , "111" );
}
});
// 2.创建一个邮件的对象
Message message = new MimeMessage(session);
// 设置发件人:
try {
message.setFrom( new InternetAddress( "service@shop.com" ));
// 设置收件人:
message.setRecipient(RecipientType.TO, new InternetAddress(to));
// 设置主题:
message.setSubject( "来自ITCASTSHOP商城激活邮件" );
// 设置邮件正文:
message.setContent( "<h1>来自ITCASTSHOP购物天堂的激活邮件</h1><h3><a href='http://192.168.30.123:8080/itcastshop/user_active.action?code=" +code+ "'>http://192.168.30.123:8080/itcastshop/user_active.action?code=" +code+ "</a></h3>" , "text/html;charset=UTF-8" );
// 发送邮件:
Transport.send(message);
} catch (AddressException e) {
e.printStackTrace();
} catch (MessagingException e) {
e.printStackTrace();
}
}
|
5.用户激活
在邮箱中点击连接提交到Action.
Action中接收激活码:
按照激活码查询这个用户:
* 如果查询到了:
* 修改用户状态
* 如果没有用户:
* 激活失败:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
/**
* 用户激活的方法:
*/
public String active() {
// 模型驱动会接收激活码:
// 按照激活码查询用户 :
User existUser = userService.findByCode(user.getCode());
if (existUser == null ) {
// 激活码篡改
this .addActionMessage( "激活失败:激活码被篡改了!" );
} else {
// 激活:修改用户状态
existUser.setState( 1 );
userService.update(existUser);
// 激活成功:
this .addActionMessage( "激活成功:请去登录!" );
}
return "msg" ;
}
|
github完整代码:https://github.com/ganchuanpu/itcastshop
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。