本文为大家讲解了商城项目用户注册模块,供大家参考,先看看效果图:
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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。