基于JSP实现注册页面(Web 应用开发课程设计)【100012297】

# Web 应用开发课程设计——注册页面 ## 1 需求分析 设计一个注册页面，手机验证码发送，将注册的用户信息放入数据库中。 ### 1.1 用户注册 当程序运行时，显示注册所需要填写的个人信息。 个人信息有用户名、密码、Email、姓名、手机号、性别、出生日期。 ### 1.2 邮箱激活 注册成功后，跳转邮箱激活页面。 ### 1.3 主菜单 运行 Tomcat，进入系统主界面，如下：  ### 1.3 各项功能 #### 1 表单校验 1）.用户名：单词字符，长度 8 到 20 位 2）.密码：单词字符，长度 8 到 20 位 3）.email：邮件格式 4）.姓名：非空 5）.手机号：手机号格式 6）.出生日期：非空 7）.验证码：非空 #### 2. 注册成功 ##### 2.1 输入信息注册：  ##### 2.2 注册成功跳转页面  ## 2 系统设计 ### 2.1 数据库表  图 2.1.1 数据库表  图 2.1.2 数据库表 ### 2.2 ER 图  图 3-1 数据库 ER 图 ### 2.3 UML 类图（Class Diagram） 对于用户功能模块，共设计如下 5 个类。 VO 实体类 User：与数据库结构进行映射的类。主要由属性，setter, getter 方法组成，VO 类中的属性与表中的字段相对应，每一个 VO 类的对象都表示表中的每一条记录 DAO 接口 IUserDAO：主要定义操作的接口，定义一系列数据库的原子性操作，例如增删改查（通常称为 CRUD）等。 DAO 实现类 UserDAOImpl：DAO 接口的真实实现类，主要完成具体数据库操作，但不负责数据库的打开和关闭。 DAO 工厂类 DAOFactory：通过工厂类取得一个 DAO 的实例化对象 业务逻辑实现类 UserService：对于数据层的原子操作进行整合。还要负责数据库的打开与关闭（不管是否出异常，数据库都要关闭） 各类的结构及类之间的关系如图 2-5 所示：  图 2-3 用户功能类图 ### 2.4 UML 时序图（Sequence Diagram） #### 2.4.1 系统注册  图 2.4.1 ## 3 系统实现 ### 3.1 项目结构  图 3.1 项目结构 ### 3.2 配置文件 在项目下新建 Source Folder，名为 resources #### 3.2.1 druid.properties 文件 该配置文件主要是以文件形式保存数据库的驱动类名称，连接数据库的 URL 地址，访问数据库的用户名及对应的密码，程序运行时会读取该文件相关信息，避免硬编码，当相关信息发生变化时，只需修改配置文件而不用修改源代码，增加程序的可扩展型。 ``` driverClassName=com.mysql.jdbc.Driver url=jdbc:mysql:///web_kechengsheji username=root password=root initialSize=5 maxActive=10 maxWait=3000 ``` #### 3.2.2 web.xml 文件 web.xml 文件是用来初始化配置信息 ``` <!DOCTYPE web-app PUBLIC  "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"  "http://java.sun.com/dtd/web-app_2_3.dtd" > <web-app>   <display-name>Archetype Created Web Application</display-name> </web-app> ``` ### 3.3 VO 类 User.java #### 3.3.1User 的实体类 ``` package vo; import java.io.Serializable; /**  * 用户实体类  */ public class User implements Serializable {     private int uid;//用户id     private String username;//用户名，账号     private String password;//密码     private String name;//真实姓名     private String birthday;//出生日期     private String sex;//男或女     private String telephone;//手机号     private String email;//邮箱     private String status;//激活状态，Y代表激活，N代表未激活     private String code;//激活码（要求唯一）     /**      * 无参构造方法      */     public User() {     }     /**      * 有参构方法      * @param uid      * @param username      * @param password      * @param name      * @param birthday      * @param sex      * @param telephone      * @param email      * @param status      * @param code      */     public User(int uid, String username, String password, String name, String birthday, String sex, String telephone, String email, String status, String code) {         this.uid = uid;         this.username = username;         this.password = password;         this.name = name;         this.birthday = birthday;         this.sex = sex;         this.telephone = telephone;         this.email = email;         this.status = status;         this.code = code;     }     public int getUid() {         return uid;     }     public void setUid(int uid) {         this.uid = uid;     }     public String getUsername() {         return username;     }     public void setUsername(String username) {         this.username = username;     }     public String getPassword() {         return password;     }     public void setPassword(String password) {         this.password = password;     }     public String getName() {         return name;     }     public void setName(String name) {         this.name = name;     }     public String getBirthday() {         return birthday;     }     public void setBirthday(String birthday) {         this.birthday = birthday;     }     public String getSex() {         return sex;     }     public void setSex(String sex) {         this.sex = sex;     }     public String getTelephone() {         return telephone;     }     public void setTelephone(String telephone) {         this.telephone = telephone;     }     public String getEmail() {         return email;     }     public void setEmail(String email) {         this.email = email;     }     public String getStatus() {         return status;     }     public void setStatus(String status) {         this.status = status;     }     public String getCode() {         return code;     }     public void setCode(String code) {         this.code = code;     } } ``` #### 3.3.2ResultInfo 的实体类 用于封装后端返回前端数据对象 ``` package vo; import java.io.Serializable; import java.util.Objects; /**  * 用于封装后端返回前端数据对象  */ public class ResultInfo implements Serializable {     private boolean flag;//后端返回结果正常为true，发生异常返回false     private Object data;//后端返回结果数据对象     private String errorMsg;//发生异常的错误消息     //无参构造方法     public ResultInfo() {     }     publ