java网上商城项目第1篇之用户注册模块

Z时代
2024-01-10
分类：IT

本文为大家讲解了商城项目用户注册模块，供大家参考，先看看效果图：

1.前台JS校验:

事件触发: onsubmit=”checkForm()”

2.使用AJAX完成异步用户名是否存在校验

①事件触发:onblur=”checkUserName()”

②AJAX


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


<?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


/**
 * 注册用户的方法
 * @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


/**
 * 发送邮件方法:
 */
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中接收激活码:

按照激活码查询这个用户:

* 如果查询到了:

* 修改用户状态

* 如果没有用户:

* 激活失败:


/**
 * 用户激活的方法:
 */
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";
}