Web项目旅游网 day01 登录注册功能实现

一、旅游网综合案例——项目导入

1.1 项目导入：打开Maven Projects，点击绿色+按钮，如下图：

 

选择travel项目的pom.xml文件，点击ok，完成项目导入。

需要等待一小会，项目初始化完成。

 

1.2 启动项目：配置maven快捷启动

 

1.3 项目技术选型：

1.3.1 Web层

    Servlet：前端控制器

    html：视图

    Filter：过滤器

    BeanUtils：数据封装

    Jackson：json序列化工具

1.3.2 Service层

    Javamail：java发送邮件工具

    Redis：nosql内存数据库

    Jedis：java的redis客户端

1.3.3 Dao层

    Mysql：数据库

    Druid：数据库连接池

    JdbcTemplate：jdbc的工具

1.4 1 创建数据库

-- 创建数据库

CREATE DATABASE travel;

-- 使用数据库

USE travel;

--创建表

         复制提供好的sql

二、旅游网综合案例——注册功能

2.1 注册功能分析：

 

2.2 代码实现：

2.2.1 前端代码实现——表单校验功能：

 

 

 

2.2.2 前端代码实现——使用ajax异步提交表单

 

2.2.3 后端代码实现——编写RegistUserServlet：

验证码校验，只有验证码输入正确才会进行下一步操作：

 

验证码校验通过以后，获取前端发送的数据并进行封装，操作数据库：

 

2.2.4 编写后端代码——编写UserService以及UserServiceImpl

 

2.2.5 编写后端代码——编写UserDao以及UserDaoImpl

 

2.2.6 邮件激活功能

发送邮件步骤：

        1. 申请邮箱

        2. 开启授权码

        3. 在MailUtils中设置自己的邮箱账号和密码(授权码)

发送邮件代码实现：邮件工具类MailUtils，调用其中sendMail方法可以完成邮件发送

用户点击邮件激活：

经过分析，发现，用户激活其实就是修改用户表中的status为‘Y’

 

邮件激活代码实现：

第一步：在注册完成后给用户发送邮件

 

第二步：用户点击链接后跳转到激活页面，编写后端代码ActiveUserServlet：

 

第三步：编写后端代码UserService：active

 

第四步：编写后端代码UserDao：findByCode和updateStatus

 

三、旅游网综合案例——登录功能

3.1 登录功能分析：

 

3.2 登录功能代码实现：

3.2.1 前端代码实现：

 

3.2.2 后端代码实现——LoginServlet：

 

3.2.3 后端代码实现——UserService

 

3.2.4 后端代码实现——UserDao

 

3.2.5 登录完成后跳转到首页显示用户姓名功能：

header.html代码：

 

Servlet代码：

 

3.2.6 退出功能实现：

实现步骤：

        1. 访问servlet，将session销毁

        2. 跳转到登录页面

代码实现：

Header.html

 

Servlet：