《黑马旅游网》综合案例1

1. 前言

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

1. 项目导入

点击绿色＋按钮

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

1. 启动项目
   1.   方式一：

1. 1. 方式二：配置maven快捷启动

1. 技术选型
   1. Web层

1. 1. Servlet：前端控制器
   2. html：视图
   3. Filter：过滤器
   4. BeanUtils：数据封装
   5. Jackson：json序列化工具

1. 1. Service层

1. 1. Javamail：java发送邮件工具
   2. Redis：nosql内存数据库
   3. Jedis：java的redis客户端

1. 1. Dao层

1. 1. Mysql：数据库
   2. Druid：数据库连接池
   3. JdbcTemplate：jdbc的工具

1. 创建数据库

-- 创建数据库

CREATE DATABASE travel;

-- 使用数据库

USE travel;

--创建表

      复制提供好的sql

1. 注册功能
   1. 页面效果

1. 1. 功能分析

1. 1. 代码实现
      1. 前台代码实现
      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","1px solid 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"