[Java] 【Java】【成都校区】敲个旅游网站耍

《黑马旅游网》综合案例

1 前言

为了巩固web基础知识，提升综合运用能力，故而讲解此案例。要求，每位同学能够独立完成此案例。

2 项目导入

点击绿色＋按钮

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image002.jpg

选择travel项目的pom.xml文件，点击ok，完成项目导入。需要等待一小会，项目初始化完成。

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image004.jpg

3 启动项目3.1 方式一：

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image006.jpg

3.2 方式二：配置maven快捷启动

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image008.jpg

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image010.jpg

4 技术选型4.1 Web层

a) Servlet：前端控制器

b) html：视图

c) Filter：过滤器

d) BeanUtils：数据封装

e) Jackson：json序列化工具

4.2 Service层

f) Javamail：java发送邮件工具

g) Redis：nosql内存数据库

h) Jedis：java的redis客户端

4.3 Dao层

i) Mysql：数据库

j) Druid：数据库连接池

k) JdbcTemplate：jdbc的工具

5 创建数据库

-- 创建数据库

CREATE DATABASEtravel;

-- 使用数据库

USE travel;

--创建表

复制提供好的sql

6 注册功能6.1 页面效果

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image012.jpg

6.2 功能分析

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image014.jpg

6.3 代码实现6.3.1 前台代码实现6.3.2 表单校验

提升用户体验，并减轻服务器压力。

//校验用户名
//单词字符，长度8到20位
function checkUsername() {
         //1.获取用户名值
var username = $("#username").val();
//2.定义正则
var reg_username= /^\w{8,20}$/;

//3.判断，给出提示信息
var flag = reg_username.test(username);
if(flag){
      //用户名合法
               $("#username").css("border","");
}else{
      //用户名非法,加一个红色边框
   $("#username").css("border","1pxsolid red");
}

         return flag;
      }

      //校验密码
      function checkPassword() {
         //1.获取密码值
         var password = $("#password").val();
         //2.定义正则
         var reg_password= /^\w{8,20}$/;

         //3.判断，给出提示信息
         var flag = reg_password.test(password);
         if(flag){
               //密码合法
               $("#password").css("border","");
         }else{
               //密码非法,加一个红色边框
               $("#password").css("border","1pxsolid red");
         }

         return flag;
      }

      //校验邮箱
function checkEmail(){
//1.获取邮箱
var email = $("#email").val();
//2.定义正则    itcast@163.com
var reg_email = /^\w+@\w+\.\w+$/;

//3.判断
var flag = reg_email.test(email);
if(flag){
               $("#email").css("border","");
}else{
               $("#email").css("border","1pxsolid red");
}

return flag;
}

$(function () {
         //当表单提交时，调用所有的校验方法
$("#registerForm").submit(function(){

               return checkUsername()&& checkPassword() && checkEmail();
               //如果这个方法没有返回值，或者返回为true，则表单提交，如果返回为false，则表单不提交
});

         //当某一个组件失去焦点是，调用对应的校验方法
         $("#username").blur(checkUsername);
         $("#password").blur(checkPassword);
         $("#email").blur(checkEmail);

      });

6.3.3 异步(ajax)提交表单

在此使用异步提交表单是为了获取服务器响应的数据。因为我们前台使用的是html作为视图层，不能够直接从servlet相关的域对象获取值，只能通过ajax获取响应数据

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image016.jpg

6.3.4  后台代码实现6.3.5  编写RegistUserServlet@WebServlet("/registUserServlet")
public class RegistUserServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

      //验证校验
      String check = request.getParameter("check");
      //从sesion中获取验证码
      HttpSession session = request.getSession();
      String checkcode_server = (String) session.getAttribute("CHECKCODE_SERVER");
      session.removeAttribute("CHECKCODE_SERVER");//为了保证验证码只能使用一次
      //比较
      if(checkcode_server == null || !checkcode_server.equalsIgnoreCase(check)){
         //验证码错误
         ResultInfo info = new ResultInfo();
         //注册失败
         info.setFlag(false);
         info.setErrorMsg("验证码错误");
         //将info对象序列化为json
         ObjectMapper mapper = new ObjectMapper();
         String json = mapper.writeValueAsString(info);
         response.setContentType("application/json;charset=utf-8");
         response.getWriter().write(json);
         return;
      }

      //1.获取数据
      Map<String, String[]> map = request.getParameterMap();

      //2.封装对象
      User user = new User();
      try {
         BeanUtils.populate(user,map);
      } catch (IllegalAccessException e) {
         e.printStackTrace();
      } catch (InvocationTargetException e) {
         e.printStackTrace();
      }

      //3.调用service完成注册
      UserService service = new UserServiceImpl();
      boolean flag = service.regist(user);
      ResultInfo info = new ResultInfo();
      //4.响应结果
      if(flag){
         //注册成功
         info.setFlag(true);
      }else{
         //注册失败
         info.setFlag(false);
         info.setErrorMsg("注册失败!");
      }

      //将info对象序列化为json
      ObjectMapper mapper = new ObjectMapper();
      String json = mapper.writeValueAsString(info);

      //将json数据写回客户端
      //设置content-type
      response.setContentType("application/json;charset=utf-8");
      response.getWriter().write(json);

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      this.doPost(request, response);
}
}

6.3.6  编写UserService以及UserServiceImplpublic class UserServiceImpl implements UserService {

private UserDao userDao = new UserDaoImpl();
/**
   * 注册用户
   * @param user
   * @return
   */
@Override
public boolean regist(User user) {
      //1.根据用户名查询用户对象
      User u = userDao.findByUsername(user.getUsername());
      //判断u是否为null
      if(u != null){
         //用户名存在，注册失败
         return false;
      }
      //2.保存用户信息
      userDao.save(user);
      return true;
}
}

6.3.7  编写UserDao以及UserDaoImplpublic class UserDaoImpl implements UserDao {

private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());

@Override
public User findByUsername(String username) {
      User user = null;
      try {
         //1.定义sql
         String sql = "select * from tab_user where username = ?";
         //2.执行sql
         user = template.queryForObject(sql, new BeanPropertyRowMapper<User>(User.class), username);
      } catch (Exception e) {

      }

      return user;
}

@Override
public void save(User user) {
      //1.定义sql
      String sql = "insert into tab_user(username,password,name,birthday,sex,telephone,email) values(?,?,?,?,?,?,?)";
      //2.执行sql

      template.update(sql,user.getUsername(),
                  user.getPassword(),
            user.getName(),
            user.getBirthday(),
            user.getSex(),
            user.getTelephone(),
            user.getEmail());
}
}

6.3.8 邮件激活

为什么要进行邮件激活？为了保证用户填写的邮箱是正确的。将来可以推广一些宣传信息，到用户邮箱中。

6.3.9 发送邮件

1. 申请邮箱

2. 开启授权码

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

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image018.jpg

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

6.3.10 用户点击邮件激活

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

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image020.jpg

分析：

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image022.jpg

发送邮件代码：

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image024.jpg

修改保存Dao代码，加上存储status和code 的代码逻辑

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image026.jpg

激活代码实现：

ActiveUserServlet

//1.获取激活码
String code = request.getParameter("code");
if(code != null){
//2.调用service完成激活
UserService service = new UserServiceImpl();
boolean flag = service.active(code);

//3.判断标记
String msg = null;
if(flag){
      //激活成功
      msg = "激活成功，请<a href='login.html'>登录</a>";
}else{
      //激活失败
      msg = "激活失败，请联系管理员!";
}
response.setContentType("text/html;charset=utf-8");
response.getWriter().write(msg);

UserService：active

@Override
public boolean active(String code) {
//1.根据激活码查询用户对象
User user = userDao.findByCode(code);
if(user != null){
      //2.调用dao的修改激活状态的方法
      userDao.updateStatus(user);
      return true;
}else{
      return false;
}

}

UserDao：findByCode updateStatus

/**
* 根据激活码查询用户对象
* @param code
* @return
*/
@Override
public User findByCode(String code) {
User user = null;
try {
      String sql = "select * from tab_user where code = ?";

      user = template.queryForObject(sql,new BeanPropertyRowMapper<User>(User.class),code);
} catch (DataAccessException e) {
      e.printStackTrace();
}

return user;
}

/**
* 修改指定用户激活状态
* @param user
*/
@Override
public void updateStatus(User user) {
String sql = " update tab_user set status = 'Y' where uid=?";
template.update(sql,user.getUid());
}

7 登录7.1 分析

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image028.jpg

7.2 代码实现7.2.1 前台代码

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image030.jpg

7.2.2 后台代码

LoginServlet

//1.获取用户名和密码数据
Map<String, String[]> map = request.getParameterMap();
//2.封装User对象
User user = new User();
try {
BeanUtils.populate(user,map);
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (InvocationTargetException e) {
e.printStackTrace();
}

//3.调用Service查询
UserService service = new UserServiceImpl();
User u = service.login(user);

ResultInfo info = new ResultInfo();

//4.判断用户对象是否为null
if(u == null){
//用户名密码或错误
info.setFlag(false);
info.setErrorMsg("用户名密码或错误");
}
//5.判断用户是否激活
if(u != null && !"Y".equals(u.getStatus())){
//用户尚未激活
info.setFlag(false);
info.setErrorMsg("您尚未激活，请激活");
}
//6.判断登录成功
if(u != null && "Y".equals(u.getStatus())){
//登录成功
info.setFlag(true);
}

//响应数据
ObjectMapper mapper = new ObjectMapper();

response.setContentType("application/json;charset=utf-8");
mapper.writeValue(response.getOutputStream(),info);

UserService

public User login(User user) {
return userDao.findByUsernameAndPassword(user.getUsername(),user.getPassword());
}

UserDao

public User findByUsernameAndPassword(String username, String password) {
User user = null;
try {
      //1.定义sql
      String sql = "select * from tab_user where username = ? and password = ?";
      //2.执行sql
      user = template.queryForObject(sql, new BeanPropertyRowMapper<User>(User.class), username,password);
} catch (Exception e) {

}

return user;
}
7.2.3  index页面中用户姓名的提示信息功能

效果：

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image032.jpg

header.html代码

file:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image034.jpg

Servlet代码

//从session中获取登录用户
Object user = request.getSession().getAttribute("user");
//将user写回客户端

ObjectMapper mapper = new ObjectMapper();
response.setContentType("application/json;charset=utf-8");
mapper.writeValue(response.getOutputStream(),user);

8 退出

什么叫做登录了？session中有user对象。

实现步骤：

1. 访问servlet，将session销毁

2. 跳转到登录页面

代码实现：

Header.htmlfile:///C:/Users/Hongyan/AppData/Local/Temp/msohtmlclip1/01/clip_image036.jpg

Servlet:

//1.销毁session
request.getSession().invalidate();

//2.跳转登录页面
response.sendRedirect(request.getContextPath()+"/login.html");

帐号		自动登录	找回密码
密码			加入黑马

[Java] 【Java】【成都校区】敲个旅游网站耍

0 个回复