项目_旅游网_hehe.employment.over.25_28

文章目录

25.1 旅游网

25.1.1 项目导入

  • 点击绿色按钮
    在这里插入图片描述

  • 选择travel项目的pom.xml文件,点击ok,完成项目导入。需要等待一小会,项目初始化完成。
    在这里插入图片描述

25.1.1 项目启动

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

25.1.3 技术选型

  • Web层
    • a) Servlet:前端控制器
    • b) html:视图(页面展示)
    • c) Filter:过滤器
    • d) BeanUtils:数据封装成对象
    • e) Jackson:json序列化工具(异步提交数据,返回服务器响应数据)
  • Service层
    • f) Javamail:java发送邮件工具
    • g) Redis:nosql内存数据库(提升查询性能)
    • h) Jedis:java的redis客户端
  • Dao层
    • i) Mysql:数据库
    • j) Druid:数据库连接池
    • k) JdbcTemplate:jdbc的工具

25.1.4 创建数据库

25.2 注册功能

25.2.1 注册功能_功能分析

  • 图示:
    在这里插入图片描述

25.2.3 注册功能_前台_表单校验

  • regist.html
		<script>
            /*
                表单校验:
                    1.用户名:单词字符,长度8到20位
                    2.密码:单词字符,长度8到20位
                    3.email:邮件格式
                    4.姓名:非空
                    5.手机号:手机号格式
                    6.出生日期:非空
                    7.验证码:非空
             */
            //校验用户名
            //单词字符,长度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").css("border","");
                }else{
     
     
                    //密码非法,加一个红色边框
                    $("#password").css("border","1px solid red");
                }
                return flag;
            }

            //校验邮箱
            function checkEmail(){
     
     
                //1.获取邮箱
                var email = $("#email").val();
                //2.定义正则		[email protected]
                var reg_email = /^\w+@\w+\.\w+$/;
                //3.判断
                var flag = reg_email.test(email);
                if(flag){
     
     
                    $("#email").css("border","");
                }else{
     
     
                    $("#email").css("border","1px solid red");
                }
                return flag;
            }

            $(function () {
     
     
                //当表单提交时,调用所有的校验方法
                $("#registerForm").submit(function(){
     
     
                     return checkUsername() && checkPassword() && checkEmail()
                    //如果这个方法没有返回值,或者返回为true,则表单提交,如果返回为false,则表单不提交
                });

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

25.2.2 注册功能_前台_异步提交表单

  • 在此使用异步提交表单是为了获取服务器响应的数据。因为我们前台使用的是html作为视图层,不能够直接从servlet相关的域对象获取值,只能通过ajax获取响应数据
  • regist.html
<script>
	$(function () {
     
     
                //当表单提交时,调用所有的校验方法
                $("#registerForm").submit(function(){
     
     
                    //1.发送数据到服务器
                    if(checkUsername() && checkPassword() && checkEmail()){
     
     
                        //校验通过,发送ajax请求,提交表单的数据   username=zhangsan&password=123
						//jquery提供的方法serialize(),能够将表单数据序列化,如:username=zhangsan&password=123
                        $.post("registUserServlet",$(this).serialize(),function(data){
     
     
                          
                        });
                    }
                    //2.不让页面跳转
                    return false;
                    //如果这个方法没有返回值,或者返回为true,则表单提交,如果返回为false,则表单不提交
                });

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

25.2.4 注册功能_后台_Servlet代码实现

  • RegistServlet.java
package cn.itcast.travel.web.servlet;

import cn.itcast.travel.domain.ResultInfo;
import cn.itcast.travel.domain.User;
import cn.itcast.travel.service.UserService;
import cn.itcast.travel.service.impl.UserServiceImpl;
import com.fasterxml.jackson.databind.ObjectMapper;
import org.apache.commons.beanutils.BeanUtils;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.util.Map;

@WebServlet("/registUserServlet")
public class RegistUserServlet extends HttpServlet {
    
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    

        //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);
    }
}

25.2.5 注册功能_后台_UserDao代码实现

  • UserDao
package cn.itcast.travel.dao;

import cn.itcast.travel.domain.User;

public interface UserDao {
    
    
    /**
     * 根据用户名查询用户信息
     * @param username
     * @return
     */
    public User findByUsername(String username);

    /**
     * 用户保存
     * @param user
     */
    public void save(User user);
}

  • UserDaoImpl
package cn.itcast.travel.dao.impl;

import cn.itcast.travel.dao.UserDao;
import cn.itcast.travel.domain.User;
import cn.itcast.travel.util.JDBCUtils;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;

public 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,status,code) values(?,?,?,?,?,?,?,?,?)";
        //2.执行sql
        template.update(sql,user.getUsername(),
                user.getPassword(),
                user.getName(),
                user.getBirthday(),
                user.getSex(),
                user.getTelephone(),
                user.getEmail(),
                user.getStatus(),
                user.getCode()
        );
    }
}

25.2.6 注册功能_后台_UserService代码实现

  • UserService
package cn.itcast.travel.service;

import cn.itcast.travel.domain.User;

public interface UserService {
    
    
    /**
     * 注册用户
     * @param user
     * @return
     */
    boolean regist(User user);
}

  • UserServiceImpl
package cn.itcast.travel.service.impl;

import cn.itcast.travel.dao.UserDao;
import cn.itcast.travel.dao.impl.UserDaoImpl;
import cn.itcast.travel.domain.User;
import cn.itcast.travel.service.UserService;


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

25.2.7 注册功能_后台_验证码前台数据处理

  • RegistServlet.java
    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);

    }

Regist.html

<script>
	 $(function () {
     
     
                //当表单提交时,调用所有的校验方法
                $("#registerForm").submit(function(){
     
     
                    //1.发送数据到服务器
                    if(checkUsername() && checkPassword() && checkEmail()){
     
     
                        //校验通过,发送ajax请求,提交表单的数据   username=zhangsan&password=123
                        $.post("registUserServlet",$(this).serialize(),function(data){
     
     
                            //处理服务器响应的数据  data  {flag:true,errorMsg:"注册失败"}
                            if(data.flag){
     
     
                                //注册成功,跳转成功页面
                                location.href="register_ok.html";
                            }else{
     
     
                                //注册失败,给errorMsg添加提示信息
                                $("#errorMsg").html(data.errorMsg);
                            }
                        });
                    }
                    //2.不让页面跳转
                    return false;
                    //如果这个方法没有返回值,或者返回为true,则表单提交,如果返回为false,则表单不提交
                });

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

25.2.8 注册功能_邮件激活分析

  • 为什么要进行邮件激活?
    • 为了保证用户填写的邮箱是正确的。将来可以推广一些宣传信息,到用户邮箱中。
  • 图示:
    在这里插入图片描述

25.2.9 注册功能_邮件激活_发送邮件

  • 1.申请邮箱;
  • 2.开启授权码;
  • 3.在MailUtils中设置自己的邮箱账号和密码(授权码)。
    • 邮件工具类:MailUtils,调用其中sendMail方法可以完成邮件发送。
  • 例如:163邮箱开启授权码
    在这里插入图片描述

25.2.10 注册功能_邮件激活_点击激活分析

  • 用户激活其实就是修改用户表中的status为‘Y’
  • ***图示:***在这里插入图片描述
  • UserServiceImpl.java
 @Override
    public boolean regist(User user) {
    
    
        //1.根据用户名查询用户对象
        User u = userDao.findByUsername(user.getUsername());
        //判断u是否为null
        if(u != null){
    
    
            //用户名存在,注册失败
            return false;
        }
        
        //2.保存用户信息
        //2.1设置激活码,唯一字符串
        user.setCode(UuidUtil.getUuid());
        //2.2设置激活状态
        user.setStatus("N");
        userDao.save(user);

        //3.激活邮件发送,邮件正文?
        String content="<a href='http://localhost/travel/activeUserServlet?code="+user.getCode()+"'>点击激活旅游网</a>";
        MailUtils.sendMail(user.getEmail(),content,"激活邮件");
        
        return true;
    }

25.2.11 注册功能_邮件激活_Servlet代码实现

  • ActiveUserServlet .java
package cn.itcast.travel.web.servlet;

import cn.itcast.travel.service.UserService;
import cn.itcast.travel.service.impl.UserServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/activeUserServlet")
public class ActiveUserServlet extends HttpServlet {
    
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //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);
        }

    }

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

25.2.12 注册功能_邮件激活_Service与Dao代码实现

  • UserDao.java
    /**
     * 根据激活码查询用户对象
     * @param code
     * @return
     */
    User findByCode(String code);

    /**
     * 修改激活状态
     * @param user
     */
    void updateStatus(User user);
  • UserDaoImpl.java
    /**
     * 根据激活码查询用户对象
     * @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());
    }
  • UserService.java
    /**
     * 激活用户
     * @param code
     * @return
     */
    boolean active(String code);
  • UserServiceImpl.java
    /**
     * 激活用户
     * @param code
     * @return
     */
    @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;
        }
    }

25.3 登录功能

25.3.1 登录功能_功能分析

  • 图示:
    在这里插入图片描述

25.3.2 登录功能_前台_代码实现

  • login.html
	<script>
        $(function () {
     
     
            //1.给登录按钮绑定单击事件
            $("#btn_sub").click(function () {
     
     
                //2.发送ajax请求,提交表单数据
                $.post("loginServlet",$("#loginForm").serialize(),function (data) {
     
     
                    //data : {flag:false,errorMsg:''}
                    if(data.flag){
     
     
                        //登录成功
                        location.href="index.html";
                    }else{
     
     
                        //登录失败
                        $("#errorMsg").html(data.errorMsg);
                    }
                });
            });
        });
        //3.处理响应结果
	</script>

25.3.3 登录功能_后台_Servlet实现

  • LoginServlet
package cn.itcast.travel.web.servlet;

import cn.itcast.travel.domain.ResultInfo;
import cn.itcast.travel.domain.User;
import cn.itcast.travel.service.UserService;
import cn.itcast.travel.service.impl.UserServiceImpl;
import com.fasterxml.jackson.databind.ObjectMapper;
import org.apache.commons.beanutils.BeanUtils;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.util.Map;

@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {
    
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //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())){
    
    
            request.getSession().setAttribute("user",u);//登录成功标记
            //登录成功
            info.setFlag(true);
        }

        //响应数据
        ObjectMapper mapper = new ObjectMapper();
        response.setContentType("application/json;charset=utf-8");
        mapper.writeValue(response.getOutputStream(),info);

    }

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

25.3.4 登录功能_后台_Service实现

  • UserService.java
    /**
     * 登录方法
     * @param user
     * @return
     */
    User login(User user);
  • UserServiceImpl.java
    /**
     * 登录方法
     * @param user
     * @return
     */
    @Override
    public User login(User user) {
    
    
        return userDao.findByUsernameAndPassword(user.getUsername(),user.getPassword());
    }

25.3.5 登录功能_后台_Dao实现

  • UserDao.java
    /**
     * 根据用户名和密码查询的方法
     * @param username
     * @param password
     * @return
     */
    User findByUsernameAndPassword(String username, String password);
  • UserDaoImpl.java
    /**
     * 根据用户名和密码查询的方法
     * @param username
     * @param password
     * @return
     */
    @Override
    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;
    }

25.3.6 登录功能_姓名提示

header.html

<script>
    $(function () {
     
     
        $.get("findUserServlet",{
     
     },function (data) {
     
     
            //{uid:1,name:'李四'}
            var msg = "欢迎回来,"+data.name;
            $("#span_username").html(msg);
        });
    });
</script>
  • FindUserServlet .java
package cn.itcast.travel.web.servlet;

import com.fasterxml.jackson.databind.ObjectMapper;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/findUserServlet")
public class FindUserServlet extends HttpServlet {
    
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //从session中获取登录用户
        Object user = request.getSession().getAttribute("user");
        //将user写回客户端

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

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

25.4 退出功能

  • 实现步骤:
    • 访问servlet,将session销毁
    • 跳转到登录页面
  • header.html
            <!-- 登录状态  -->
            <div class="login">
                <span id="span_username"></span>
                <a href="myfavorite.html" class="collection">我的收藏</a>
                <a href="javascript:location.href='exitServlet';">退出</a>
            </div>
  • ExitServlet .java
package cn.itcast.travel.web.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/exitServlet")
public class ExitServlet extends HttpServlet {
    
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //1.销毁session
        request.getSession().invalidate();

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

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

25.5 优化Servlet

25.5.1 分析

  • 优化 Servlet目的:
    • 减少Servlet的数量,现在是一个功能一个Servlet,将其优化为一个模块一个Servlet,相当于在数据库中一张表对应一个Servlet,在Servlet中提供不同的方法,完成用户的请求。
  • 图示:
    在这里插入图片描述
  • Idea控制台中文乱码解决:
    在这里插入图片描述

25.5.2 BaseServlet 抽取

package cn.itcast.travel.web.servlet;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;


public class BaseServlet extends HttpServlet {
    
    

    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    
    
        //System.out.println("baseServlet的service方法被执行了...");

        //完成方法分发
        //1.获取请求路径
        String uri = req.getRequestURI();
        System.out.println("请求uri:"+uri);//  /travel/user/add
        //2.获取方法名称
        String methodName = uri.substring(uri.lastIndexOf('/') + 1);
        System.out.println("方法名称:"+methodName);
        //3.获取方法对象Method
        //谁调用我?我代表谁
        System.out.println(this);//UserServlet的对象cn.itcast.travel.web.servlet.UserServlet@4903d97e
        try {
    
    
            //获取方法
            Method method = this.getClass().getMethod(methodName, HttpServletRequest.class, HttpServletResponse.class);
            //4.执行方法
            method.invoke(this,req,resp);
        } catch (NoSuchMethodException e) {
    
    
            e.printStackTrace();
        } catch (IllegalAccessException e) {
    
    
            e.printStackTrace();
        } catch (InvocationTargetException e) {
    
    
            e.printStackTrace();
        }
    }
}

25.5.6 UserServlet 优化

  • 将之前的Servlet实现的功能,抽取到UserServlet中的不同方法中实现,并且将UserService创建抽取到成员变量位置
  • UserServlet.java
package cn.itcast.travel.web.servlet;

import cn.itcast.travel.domain.ResultInfo;
import cn.itcast.travel.domain.User;
import cn.itcast.travel.service.UserService;
import cn.itcast.travel.service.impl.UserServiceImpl;
import com.fasterxml.jackson.databind.ObjectMapper;
import org.apache.commons.beanutils.BeanUtils;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.util.Map;

@WebServlet("/user/*") // /user/add /user/find
public class UserServlet extends BaseServlet {
    
    

    //声明UserService业务对象
    private UserService service = new UserServiceImpl();

    /**
     * 注册功能
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void regist(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);

    }

    /**
     * 登录功能
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //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())){
    
    
            request.getSession().setAttribute("user",u);//登录成功标记

            //登录成功
            info.setFlag(true);
        }

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

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

    /**
     * 查询单个对象
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void findOne(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //从session中获取登录用户
        Object user = request.getSession().getAttribute("user");
        //将user写回客户端

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

    /**
     * 退出功能
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void exit(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //1.销毁session
        request.getSession().invalidate();

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

    /**
     * 激活功能
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void active(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //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);
        }
    }
}

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

25.6 分类数据展示功能

25.6.1 分类数据展示功能_功能分析

  • 图示:
    在这里插入图片描述

25.6.2 分类数据展示功能_后台_代码实现

  • CategoryServlet .java
package cn.itcast.travel.web.servlet;

import cn.itcast.travel.domain.Category;
import cn.itcast.travel.service.CategoryService;
import cn.itcast.travel.service.impl.CategoryServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

@WebServlet("/category/*")
public class CategoryServlet extends BaseServlet {
    
    

    private CategoryService service = new CategoryServiceImpl();

    /**
     * 查询所有
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void findAll(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //1.调用service查询所有
        List<Category> cs = service.findAll();
        //2.序列化json返回
       /* ObjectMapper mapper = new ObjectMapper();
        response.setContentType("application/json;charset=utf-8");
        mapper.writeValue(response.getOutputStream(),cs);*/
       writeValue(cs,response);

    }

}

25.6.3 分类数据展示功能_前台_代码实现

  • header.html
<script>
       //查询分类数据
        $.get("category/findAll",{
     
     },function (data) {
     
     
            //[{cid:1,cname:国内游},{},{}]
            var lis = '<li class="nav-active"><a href="index.html">首页</a></li>';
            //遍历数组,拼接字符串(<li>)
            for (var i = 0; i < data.length; i++) {
     
     
                var li = '<li><a href="route_list.html?cid='+data[i].cid+'">'+data[i].cname+'</a></li>';
                lis += li;
            }
            //拼接收藏排行榜的li,<li><a href="favoriterank.html">收藏排行榜</a></li>
            lis+= '<li><a href="favoriterank.html">收藏排行榜</a></li>';
            //将lis字符串,设置到ul的html内容中
            $("#category").html(lis);
        });
</script>
  • header.html
     <!-- 首页导航 -->
    <div class="navitem">
        <ul id="category" class="nav">

        </ul>
    </div>

25.6.4 分类数据展示功能_缓存优化_分析

  • 分析发现,分类的数据在每一次页面加载后都会重新请求数据库来加载,对数据库的压力比较大,而且分类的数据不会经常产生变化,所有可以使用redis来缓存这个数据。
  • 图示:
    在这里插入图片描述

25.6.5 分类数据展示功能_缓存优化_代码实现

  • CategoryServiceImpl.java
    /**
     * 查询所有分类
     * @return
     */
    @Override
    public List<Category> findAll() {
    
    
        //1.从redis中查询
        //1.1获取jedis客户端
        Jedis jedis = JedisUtil.getJedis();
        //1.2可使用sortedset排序查询
        Set<String> categorys = jedis.zrange("category", 0, -1);
        List<Category> cs = null;
        //2.判断查询的集合是否为空
        if (categorys == null || categorys.size() == 0) {
    
    
            System.out.println("从数据库查询....");
            //3.如果为空,需要从数据库查询,在将数据存入redis
            //3.1 从数据库查询
            cs = categoryDao.findAll();
            //3.2 将集合数据存储到redis中的 category的key
            for (int i = 0; i < cs.size(); i++) {
    
    
                jedis.zadd("category", cs.get(i).getCid(), cs.get(i).getCname());
            }
        } else {
    
    
            System.out.println("从redis中查询.....");
            //4.如果不为空,将set的数据存入list
            cs = new ArrayList<Category>();
            for (String name : categorys) {
    
    
               Category category = new Category();
               category.setCname(name);
               cs.add(category);
            }
        }
        return cs;
    }

25.7 旅游线路分页展示功能

25.7.1 旅游线路分页展示_类别id传递

  • CategoryServiceImpl.java
    @Override
    public List<Category> findAll() {
    
    
        //1.从redis中查询
        //1.1获取jedis客户端
        Jedis jedis = JedisUtil.getJedis();
        //1.2可使用sortedset排序查询
        //Set<String> categorys = jedis.zrange("category", 0, -1);
        //1.3查询sortedset中的分数(cid)和值(cname)
        Set<Tuple> categorys = jedis.zrangeWithScores("category", 0, -1);
        List<Category> cs = null;
        //2.判断查询的集合是否为空
        if (categorys == null || categorys.size() == 0) {
    
    
            System.out.println("从数据库查询....");
            //3.如果为空,需要从数据库查询,在将数据存入redis
            //3.1 从数据库查询
            cs = categoryDao.findAll();
            //3.2 将集合数据存储到redis中的 category的key
            for (int i = 0; i < cs.size(); i++) {
    
    
                jedis.zadd("category", cs.get(i).getCid(), cs.get(i).getCname());
            }
        } else {
    
    
            System.out.println("从redis中查询.....");
            //4.如果不为空,将set的数据存入list
            cs = new ArrayList<Category>();
            for (Tuple tuple : categorys) {
    
    
                Category category = new Category();
                category.setCname(tuple.getElement());
                category.setCid((int)tuple.getScore());
                cs.add(category);
            }
        }
        return cs;
    }

25.7.2 旅游线路分页展示_分析

  • 图示:
    在这里插入图片描述

25.7.3 旅游线路分页展示_前台

  • route_list.html
    <script>

        $(function () {
     
     
            var search = location.search;
            //alert(search);//?id=5
            // 切割字符串,拿到第二个值
            var cid = search.split("=")[1];
            //当页码加载完成后,调用load方法,发送ajax请求加载数据
            load(cid);
        });

        function load(cid ,currentPage){
     
     
            //发送ajax请求,请求route/pageQuery,传递cid
            $.get("route/pageQuery",{
     
     cid:cid,currentPage:currentPage},function (pb) {
     
     
                //解析pagebean数据,展示到页面上

                //1.分页工具条数据展示
                //1.1 展示总页码和总记录数
                $("#totalPage").html(pb.totalPage);
                $("#totalCount").html(pb.totalCount);

                var lis = "";

                var fristPage = '<li οnclick="javascipt:load('+cid+')"><a href="javascript:void(0)">首页</a></li>';

                //计算上一页的页码
                var beforeNum =  pb.currentPage - 1;
                if(beforeNum <= 0){
     
     
                    beforeNum = 1;
                }
                var beforePage = '<li  οnclick="javascipt:load('+cid+','+beforeNum+')" class="threeword"><a href="javascript:void(0)">上一页</a></li>';

                lis += fristPage;
                lis += beforePage;
               
                //1.2 展示分页页码
                /*
                    1.一共展示10个页码,能够达到前5后4的效果
                    2.如果前边不够5个,后边补齐10个
                    3.如果后边不足4个,前边补齐10个
                */

                // 定义开始位置begin,结束位置 end
                var begin; // 开始位置
                var end ; //  结束位置
                //1.要显示10个页码
                if(pb.totalPage < 10){
     
     
                    //总页码不够10页
                    begin = 1;
                    end = pb.totalPage;
                }else{
     
     
                    //总页码超过10页
                    begin = pb.currentPage - 5 ;
                    end = pb.currentPage + 4 ;
                    //2.如果前边不够5个,后边补齐10个
                    if(begin < 1){
     
     
                        begin = 1;
                        end = begin + 9;
                    }
                    //3.如果后边不足4个,前边补齐10个
                    if(end > pb.totalPage){
     
     
                        end = pb.totalPage;
                        begin = end - 9 ;
                    }
                }
                
                for (var i = begin; i <= end ; i++) {
     
     
                    var li;
                    //判断当前页码是否等于i
                    if(pb.currentPage == i){
     
     
                        li = '<li class="curPage" οnclick="javascipt:load('+cid+','+i+')"><a href="javascript:void(0)">'+i+'</a></li>';
                    }else{
     
     
                        //创建页码的li
                        li = '<li οnclick="javascipt:load('+cid+','+i+')"><a href="javascript:void(0)">'+i+'</a></li>';
                    }
                    //拼接字符串
                    lis += li;
                }
                
                var lastPage = '<li class="threeword"><a href="javascript:;">末页</a></li>';
                var nextPage = '<li class="threeword"><a href="javascript:;">下一页</a></li>';

                lis += nextPage;
                lis += lastPage;
                
                //将lis内容设置到 ul
                $("#pageNum").html(lis);

                //2.列表数据展示
                var route_lis = "";

                for (var i = 0; i < pb.list.length; i++) {
     
     
                    //获取{rid:1,rname:"xxx"}
                    var route = pb.list[i];

                    var li = '<li>\n' +
                        '                        <div class="img"><img src="'+route.rimage+'" style="width: 299px;"></div>\n' +
                        '                        <div class="text1">\n' +
                        '                            <p>'+route.rname+'</p>\n' +
                        '                            <br/>\n' +
                        '                            <p>'+route.routeIntroduce+'</p>\n' +
                        '                        </div>\n' +
                        '                        <div class="price">\n' +
                        '                            <p class="price_num">\n' +
                        '                                <span>&yen;</span>\n' +
                        '                                <span>'+route.price+'</span>\n' +
                        '                                <span>起</span>\n' +
                        '                            </p>\n' +
                        '                            <p><a href="route_detail.html">查看详情</a></p>\n' +
                        '                        </div>\n' +
                        '                    </li>';
                    route_lis += li;
                }
                $("#route").html(route_lis);
                //定位到页面顶部
                window.scrollTo(0,0);
            });
        }
    </script>

25.7.4 旅游线路分页展示_后台_Servlet

  • RouteServlet.java
package cn.itcast.travel.web.servlet;

import cn.itcast.travel.domain.PageBean;
import cn.itcast.travel.domain.Route;
import cn.itcast.travel.service.RouteService;
import cn.itcast.travel.service.impl.RouteServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/route/*")
public class RouteServlet extends BaseServlet {
    
    

    private RouteService routeService = new RouteServiceImpl();

    /**
     * 分页查询
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void pageQuery(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //1.接受参数
        String currentPageStr = request.getParameter("currentPage");
        String pageSizeStr = request.getParameter("pageSize");
        String cidStr = request.getParameter("cid");

        int cid = 0;//类别id
        //2.处理参数
        if(cidStr != null && cidStr.length() > 0){
    
    
            cid = Integer.parseInt(cidStr);
        }
        int currentPage = 0;//当前页码,如果不传递,则默认为第一页
        if(currentPageStr != null && currentPageStr.length() > 0){
    
    
            currentPage = Integer.parseInt(currentPageStr);
        }else{
    
    
            currentPage = 1;
        }

        int pageSize = 0;//每页显示条数,如果不传递,默认每页显示5条记录
        if(pageSizeStr != null && pageSizeStr.length() > 0){
    
    
            pageSize = Integer.parseInt(pageSizeStr);
        }else{
    
    
            pageSize = 5;
        }

        //3. 调用service查询PageBean对象
        PageBean<Route> pb = routeService.pageQuery(cid, currentPage, pageSize);

        //4. 将pageBean对象序列化为json,返回
        writeValue(pb,response);

    }

}

25.7.5 旅游线路分页展示_后台_Dao

  • RouteDao.java
package cn.itcast.travel.dao;
import cn.itcast.travel.domain.Route;
import java.util.List;
public interface RouteDao {
    
    

    /**
     * 根据cid查询总记录数
     */
    public int findTotalCount(int cid);

    /**
     * 根据cid,start,pageSize查询当前页的数据集合
     */
    public List<Route> findByPage(int cid, int start, int pageSize);
}
  • RouteDaoImpl .java
package cn.itcast.travel.dao.impl;

import cn.itcast.travel.dao.RouteDao;
import cn.itcast.travel.domain.Route;
import cn.itcast.travel.util.JDBCUtils;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;

import java.util.List;

public class RouteDaoImpl implements RouteDao {
    
    
    private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());

    /**
     * 根据cid查询总记录数
     * @param cid
     * @return
     */
    @Override
    public int findTotalCount(int cid) {
    
    
        String sql = "select count(*) from tab_route where cid = ?";
        return template.queryForObject(sql,Integer.class,cid);
    }

    /**
     * 根据cid,start,pageSize查询当前页的数据集合
     * @param cid
     * @param start
     * @param pageSize
     * @return
     */
    @Override
    public List<Route> findByPage(int cid, int start, int pageSize) {
    
    
        String sql = "select * from tab_route where cid = ? limit ? , ?";
        return template.query(sql,new BeanPropertyRowMapper<Route>(Route.class),cid,start,pageSize);
    }
}

25.7.6 旅游线路分页展示_后台_Service

  • RouteService.java
package cn.itcast.travel.service;

import cn.itcast.travel.domain.PageBean;
import cn.itcast.travel.domain.Route;

/**
 * 线路Service
 */
public interface RouteService {
    
    

    /**
     * 根据类别进行分页查询
     * @param cid
     * @param currentPage
     * @param pageSize
     * @return
     */
    public PageBean<Route> pageQuery(int cid, int currentPage, int pageSize);

}

  • RouteServiceImpl .java
package cn.itcast.travel.service.impl;

import cn.itcast.travel.dao.RouteDao;
import cn.itcast.travel.dao.impl.RouteDaoImpl;
import cn.itcast.travel.domain.PageBean;
import cn.itcast.travel.domain.Route;
import cn.itcast.travel.service.RouteService;

import java.util.List;

public class RouteServiceImpl implements RouteService {
    
    
    private RouteDao routeDao = new RouteDaoImpl();

    /**
     * 根据类别进行分页查询
     * @param cid
     * @param currentPage
     * @param pageSize
     * @return
     */
    @Override
    public PageBean<Route> pageQuery(int cid, int currentPage, int pageSize) {
    
    
        //封装PageBean
        PageBean<Route> pb = new PageBean<Route>();
        //设置当前页码
        pb.setCurrentPage(currentPage);
        //设置每页显示条数
        pb.setPageSize(pageSize);
        
        //设置总记录数
        int totalCount = routeDao.findTotalCount(cid);
        pb.setTotalCount(totalCount);
        //设置当前页显示的数据集合
        int start = (currentPage - 1) * pageSize;//开始的记录数
        List<Route> list = routeDao.findByPage(cid,start,pageSize);
        pb.setList(list);

        //设置总页数 = 总记录数/每页显示条数
        int totalPage = totalCount % pageSize == 0 ? totalCount / pageSize :(totalCount / pageSize) + 1 ;
        pb.setTotalPage(totalPage);

        return pb;
    }
}

25.8 旅游线路查询

25.8.1 旅游线路查询_参数传递

  • header.html
<script>
   //给搜索按钮绑定单击事件,获取搜索输入框的内容
        $("#search-button").click(function () {
     
     
            //线路名称
            var rname = $("#search_input").val();

            var cid = getParameter("cid");
            // 跳转路径 http://localhost/travel/route_list.html?cid=5,拼接上rname=xxx
            location.href="http://localhost/travel/route_list.html?cid="+cid+"&rname="+rname;
        });
</script>
  • route_list.html
<script>
	 $(function () {
     
             
            //获取cid的参数值
            var cid = getParameter("cid");
            //获取rname的参数值
            var rname = getParameter("rname");
            //判断rname如果不为null或者""
            if(rname){
     
     
                //url解码
                rname = window.decodeURIComponent(rname);
            }

            //当页码加载完成后,调用load方法,发送ajax请求加载数据
            load(cid,null,rname);
        });
</script>

25.8.2 旅游线路查询_后台_修改分类数据展示代码

  • RouteServlet.java
package cn.itcast.travel.web.servlet;

import cn.itcast.travel.domain.PageBean;
import cn.itcast.travel.domain.Route;
import cn.itcast.travel.service.RouteService;
import cn.itcast.travel.service.impl.RouteServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/route/*")
public class RouteServlet extends BaseServlet {
    
    

    private RouteService routeService = new RouteServiceImpl();

    /**
     * 分页查询
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void pageQuery(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //1.接受参数
        String currentPageStr = request.getParameter("currentPage");
        String pageSizeStr = request.getParameter("pageSize");
        String cidStr = request.getParameter("cid");

        //接受rname 线路名称
        String rname = request.getParameter("rname");
        //解决乱码问题
        rname = new String(rname.getBytes("iso-8859-1"),"utf-8");
        
        int cid = 0;//类别id
        //2.处理参数
        if(cidStr != null && cidStr.length() > 0 && !"null".equals(cidStr)){
    
    
            cid = Integer.parseInt(cidStr);
        }
        int currentPage = 0;//当前页码,如果不传递,则默认为第一页
        if(currentPageStr != null && currentPageStr.length() > 0){
    
    
            currentPage = Integer.parseInt(currentPageStr);
        }else{
    
    
            currentPage = 1;
        }

        int pageSize = 0;//每页显示条数,如果不传递,默认每页显示5条记录
        if(pageSizeStr != null && pageSizeStr.length() > 0){
    
    
            pageSize = Integer.parseInt(pageSizeStr);
        }else{
    
    
            pageSize = 5;
        }

        //3. 调用service查询PageBean对象
        PageBean<Route> pb = routeService.pageQuery(cid, currentPage, pageSize,rname);

        //4. 将pageBean对象序列化为json,返回
        writeValue(pb,response);
    }

}

  • RouteService.java
package cn.itcast.travel.service;

import cn.itcast.travel.domain.PageBean;
import cn.itcast.travel.domain.Route;

/**
 * 线路Service
 */
public interface RouteService {
    
    

    /**
     * 根据类别进行分页查询
     * @param cid
     * @param currentPage
     * @param pageSize
     * @param rname
     * @return
     */
    public PageBean<Route> pageQuery(int cid,int currentPage,int pageSize,String rname);

}

  • RouteServiceImpl.java
package cn.itcast.travel.service.impl;

import cn.itcast.travel.dao.RouteDao;
import cn.itcast.travel.dao.impl.RouteDaoImpl;
import cn.itcast.travel.domain.PageBean;
import cn.itcast.travel.domain.Route;
import cn.itcast.travel.service.RouteService;

import java.util.List;

public class RouteServiceImpl implements RouteService {
    
    
    private RouteDao routeDao = new RouteDaoImpl();

    /**
     * 根据类别进行分页查询
     * @param cid
     * @param currentPage
     * @param pageSize
     * @param rname
     * @return
     */
    @Override
    public PageBean<Route> pageQuery(int cid, int currentPage, int pageSize,String rname) {
    
    
        //封装PageBean
        PageBean<Route> pb = new PageBean<Route>();
        //设置当前页码
        pb.setCurrentPage(currentPage);
        //设置每页显示条数
        pb.setPageSize(pageSize);

        //设置总记录数
        int totalCount = routeDao.findTotalCount(cid,rname);
        pb.setTotalCount(totalCount);
        //设置当前页显示的数据集合
        int start = (currentPage - 1) * pageSize;//开始的记录数
        List<Route> list = routeDao.findByPage(cid,start,pageSize,rname);
        pb.setList(list);

        //设置总页数 = 总记录数/每页显示条数
        int totalPage = totalCount % pageSize == 0 ? totalCount / pageSize :(totalCount / pageSize) + 1 ;
        pb.setTotalPage(totalPage);


        return pb;
    }
}

  • RouteDao.java
package cn.itcast.travel.dao;
import cn.itcast.travel.domain.Route;
import java.util.List;

public interface RouteDao {
    
    

    /**
     * 根据cid查询总记录数
     */
    public int findTotalCount(int cid,String rname);

    /**
     * 根据cid,start,pageSize,搜索框内容查询当前页的数据集合
     */
    public List<Route> findByPage(int cid, int start, int pageSize,String rname);
}

  • RouteDaoImpl.java
package cn.itcast.travel.dao.impl;

import cn.itcast.travel.dao.RouteDao;
import cn.itcast.travel.domain.Route;
import cn.itcast.travel.util.JDBCUtils;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;

import java.util.ArrayList;
import java.util.List;

public class RouteDaoImpl implements RouteDao {
    
    
    private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());
    
    /**
     * 根据cid查询总记录数
     * @param cid
     * @param rname
     * @return
     */
    @Override
    public int findTotalCount(int cid,String rname) {
    
    
        //String sql = "select count(*) from tab_route where cid = ?";
        //1.定义sql模板
        String sql = "select count(*) from tab_route where 1=1 ";
        StringBuilder sb = new StringBuilder(sql);

        List params = new ArrayList();//条件们
        //2.判断参数是否有值
        if(cid != 0){
    
    
            sb.append( " and cid = ? ");
            params.add(cid);//添加?对应的值
        }
        if(rname != null && rname.length() > 0){
    
    
            sb.append(" and rname like ? ");
            params.add("%"+rname+"%");
        }

        sql = sb.toString();
        return template.queryForObject(sql,Integer.class,params.toArray());
    }
    
    /**
     * 根据cid,start,pageSize查询当前页的数据集合
     * @param cid
     * @param start
     * @param pageSize
     * @param rname
     * @return
     */
    @Override
    public List<Route> findByPage(int cid, int start, int pageSize,String rname) {
    
    
        //String sql = "select * from tab_route where cid = ? and rname like ?  limit ? , ?";
        String sql = " select * from tab_route where 1 = 1 ";
        //1.定义sql模板
        StringBuilder sb = new StringBuilder(sql);

        List params = new ArrayList();//条件们
        //2.判断参数是否有值
        if(cid != 0){
    
    
            sb.append( " and cid = ? ");
            params.add(cid);//添加?对应的值
        }

        if(rname != null && rname.length() > 0){
    
    
            sb.append(" and rname like ? ");
            params.add("%"+rname+"%");
        }
        sb.append(" limit ? , ? ");//分页条件

        sql = sb.toString();
        params.add(start);
        params.add(pageSize);
        return template.query(sql,new BeanPropertyRowMapper<Route>(Route.class),params.toArray());
    }
}

25.8.3 旅游线路查询_前台_修改分类数据展示代码

  • route_list.html
    <script>

        $(function () {
     
     
         /*   var search = location.search;
            //alert(search);//?id=5
            // 切割字符串,拿到第二个值
            var cid = search.split("=")[1];
        */

            //获取cid的参数值
            var cid = getParameter("cid");
            //获取rname的参数值
            var rname = getParameter("rname");
            //判断rname如果不为null或者""
            if(rname){
     
     
                //url解码
                rname = window.decodeURIComponent(rname);
            }

            //当页码加载完成后,调用load方法,发送ajax请求加载数据
            load(cid,null,rname);
        });

        function load(cid ,currentPage,rname){
     
     
            //发送ajax请求,请求route/pageQuery,传递cid
            $.get("route/pageQuery",{
     
     cid:cid,currentPage:currentPage,rname:rname},function (pb) {
     
     
                //解析pagebean数据,展示到页面上

                //1.分页工具条数据展示
                //1.1 展示总页码和总记录数
                $("#totalPage").html(pb.totalPage);
                $("#totalCount").html(pb.totalCount);

                var lis = "";

                var fristPage = '<li οnclick="javascipt:load('+cid+',1,\''+rname+'\')"><a href="javascript:void(0)">首页</a></li>';

                //计算上一页的页码
                var beforeNum =  pb.currentPage - 1;
                if(beforeNum <= 0){
     
     
                    beforeNum = 1;
                }
                var beforePage = '<li  οnclick="javascipt:load('+cid+','+beforeNum+',\''+rname+'\')" class="threeword"><a href="javascript:void(0)">上一页</a></li>';

                lis += fristPage;
                lis += beforePage;

                //1.2 展示分页页码
                /*
                    1.一共展示10个页码,能够达到前5后4的效果
                    2.如果前边不够5个,后边补齐10个
                    3.如果后边不足4个,前边补齐10个
                */

                // 定义开始位置begin,结束位置 end
                var begin; // 开始位置
                var end ; //  结束位置
                //1.要显示10个页码
                if(pb.totalPage < 10){
     
     
                    //总页码不够10页
                    begin = 1;
                    end = pb.totalPage;
                }else{
     
     
                    //总页码超过10页
                    begin = pb.currentPage - 5 ;
                    end = pb.currentPage + 4 ;
                    //2.如果前边不够5个,后边补齐10个
                    if(begin < 1){
     
     
                        begin = 1;
                        end = begin + 9;
                    }
                    //3.如果后边不足4个,前边补齐10个
                    if(end > pb.totalPage){
     
     
                        end = pb.totalPage;
                        begin = end - 9 ;
                    }
                }

                for (var i = begin; i <= end ; i++) {
     
     
                    var li;
                    //判断当前页码是否等于i
                    if(pb.currentPage == i){
     
     
                        li = '<li class="curPage" οnclick="javascipt:load('+cid+','+i+',\''+rname+'\')"><a href="javascript:void(0)">'+i+'</a></li>';
                    }else{
     
     
                        //创建页码的li
                        li = '<li οnclick="javascipt:load('+cid+','+i+',\''+rname+'\')"><a href="javascript:void(0)">'+i+'</a></li>';
                    }
                    //拼接字符串
                    lis += li;
                }

                var lastPage = '<li class="threeword"><a href="javascript:;">末页</a></li>';
                var nextPage = '<li class="threeword"><a href="javascript:;">下一页</a></li>';

                lis += nextPage;
                lis += lastPage;

                //将lis内容设置到 ul
                $("#pageNum").html(lis);

                //2.列表数据展示
                var route_lis = "";

                for (var i = 0; i < pb.list.length; i++) {
     
     
                    //获取{rid:1,rname:"xxx"}
                    var route = pb.list[i];

                    var li = '<li>\n' +
                        '                        <div class="img"><img src="'+route.rimage+'" style="width: 299px;"></div>\n' +
                        '                        <div class="text1">\n' +
                        '                            <p>'+route.rname+'</p>\n' +
                        '                            <br/>\n' +
                        '                            <p>'+route.routeIntroduce+'</p>\n' +
                        '                        </div>\n' +
                        '                        <div class="price">\n' +
                        '                            <p class="price_num">\n' +
                        '                                <span>&yen;</span>\n' +
                        '                                <span>'+route.price+'</span>\n' +
                        '                                <span>起</span>\n' +
                        '                            </p>\n' +
                        '                            <p><a href="route_detail.html">查看详情</a></p>\n' +
                        '                        </div>\n' +
                        '                    </li>';
                    route_lis += li;
                }
                $("#route").html(route_lis);
                //定位到页面顶部
                window.scrollTo(0,0);
            });
        }
    </script>

25.9 旅游线路详情

25.9.1 旅游线路详情_分析

在这里插入图片描述
在这里插入图片描述

25.9.2 旅游线路详情_后台_Servlet 代码

    /**
     * 根据id查询一个旅游线路的详细信息
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void findOne(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    

        //1.接收id
        String rid = request.getParameter("rid");
        //2.调用service查询route对象
        Route route = routeService.findOne(rid);
        //3.转为json写回客户端
        writeValue(route,response);
    }

25.9.3 旅游线路详情_后台_Service 代码

  • RouteService.java
    /**
     * 根据id查询线路详情
     * @param rid
     * @return
     */
    public Route findOne(String rid);
  • RouteServiceImpl.java
/**
     * 根据id查询线路详情
     * @param rid
     * @return
     */
    @Override
    public Route findOne(String rid) {
    
    
        //1.根据id去route表中查询route对象
        Route route = routeDao.findOne(Integer.parseInt(rid));

        //2.根据route的id 查询图片集合信息
        List<RouteImg> routeImgList = routeImgDao.findByRid(route.getRid());
        //2.2将集合设置到route对象
        route.setRouteImgList(routeImgList);
        //3.根据route的sid(商家id)查询商家对象
        Seller seller = sellerDao.findById(route.getSid());
        route.setSeller(seller);
        return route;
    }

25.9.4 旅游线路详情_后台_Dao 代码

  • RouteImgDao.java
package cn.itcast.travel.dao;

import cn.itcast.travel.domain.RouteImg;
import java.util.List;

public interface RouteImgDao {
    
    

    /**
     * 根据route的id查询图片
     * @param rid
     * @return
     */
    public List<RouteImg> findByRid(int rid);
}

  • RouteImgDaoImpl.java
package cn.itcast.travel.dao.impl;

import cn.itcast.travel.dao.RouteImgDao;
import cn.itcast.travel.domain.RouteImg;
import cn.itcast.travel.util.JDBCUtils;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;

import java.util.List;

public class RouteImgDaoImpl implements RouteImgDao {
    
    

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


    @Override
    public List<RouteImg> findByRid(int rid) {
    
    
        String sql = "select * from tab_route_img where rid = ? ";
        return template.query(sql,new BeanPropertyRowMapper<RouteImg>(RouteImg.class),rid);
    }
}

  • SellerDao.java
package cn.itcast.travel.dao;

import cn.itcast.travel.domain.Seller;

public interface SellerDao {
    
    
    /**
     * 根据id查询
     * @param id
     * @return
     */
    public Seller findById(int id);
}

  • SellerDaoImpl.java
package cn.itcast.travel.dao.impl;

import cn.itcast.travel.dao.SellerDao;
import cn.itcast.travel.domain.Seller;
import cn.itcast.travel.util.JDBCUtils;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;

public class SellerDaoImpl implements SellerDao {
    
    

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

    @Override
    public Seller findById(int id) {
    
    

        String sql = "select * from tab_seller where sid = ? ";
        return template.queryForObject(sql,new BeanPropertyRowMapper<Seller>(Seller.class),id);
    }
}

  • RouteDao.java
    /**
     * 根据id查询
     * @param rid
     * @return
     */
    public Route findOne(int rid);
  • RouteDaoImpl.java
    /**
     * 根据id查询
     * @param rid
     * @return
     */
    @Override
    public Route findOne(int rid) {
    
    
        String sql = "select * from tab_route where rid = ?";
        return template.queryForObject(sql,new BeanPropertyRowMapper<Route>(Route.class),rid);
    }

25.9.5 旅游线路详情_前台_ 代码

  • Route_detail.html中加载后:

    • 1.获取rid;
    • 2.发送ajax请求,获取route对象;
    • 3.解析对象的数据。
  • route_detail.html

<script>
    $(function () {
     
     
        //1.获取rid
        var rid = getParameter("rid");

        //2.发送请求请求 route/findOne
        $.get("route/findOne",{
     
     rid:rid},function (route) {
     
     
            //3.解析数据填充html
            $("#rname").html(route.rname);
            $("#routeIntroduce").html(route.routeIntroduce);
            $("#price").html("¥"+route.price);
            $("#sname").html(route.seller.sname);
            $("#consphone").html(route.seller.consphone);
            $("#address").html(route.seller.address);

            //图片展示
            var ddstr = '<a class="up_img up_img_disable"></a>';

            //遍历routeImgList
            for (var i = 0; i < route.routeImgList.length; i++) {
     
     
                var astr ;
                if(i >= 4){
     
     
                    astr = '<a title="" class="little_img" data-bigpic="'+route.routeImgList[i].bigPic+'" style="display:none;">\n' +
                        '                        <img src="'+route.routeImgList[i].smallPic+'">\n' +
                        '                    </a>';
                }else{
     
     
                    astr = '<a title="" class="little_img" data-bigpic="'+route.routeImgList[i].bigPic+'">\n' +
                        '                        <img src="'+route.routeImgList[i].smallPic+'">\n' +
                        '                    </a>';
                }


                ddstr += astr;
            }
            ddstr+='<a class="down_img down_img_disable" style="margin-bottom: 0;"></a>';

            $("#dd").html(ddstr);

            //图片展示和切换代码调用
            goImg();
        });
    });
</script>

25.10 旅游线路收藏

25.10.1 旅游线路收藏_分析

  • 当页面加载完成后,发送ajax请求,获取用户是否收藏的标记 根据标记,展示不同的按钮样式。

在这里插入图片描述
在这里插入图片描述

25.10.2 旅游线路收藏_判断是否收藏_Servlet

  • RouteServlet.java
    /**
     * 判断当前登录用户是否收藏过该线路
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void isFavorite(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //1. 获取线路id
        String rid = request.getParameter("rid");

        //2. 获取当前登录的用户 user
        User user = (User) request.getSession().getAttribute("user");
        int uid;//用户id
        if(user == null){
    
    
            //用户尚未登录
            uid = 0;
        }else{
    
    
            //用户已经登录
            uid = user.getUid();
        }

        //3. 调用FavoriteService查询是否收藏
        boolean flag = favoriteService.isFavorite(rid, uid);

        //4. 写回客户端
        writeValue(flag,response);
    }

25.10.3 旅游线路收藏_判断是否收藏_Service

  • FavoriteService.java
package cn.itcast.travel.service;

public interface FavoriteService {
    
    

    /**
     * 判断是否收藏
     * @param rid
     * @param uid
     * @return
     */
    public boolean isFavorite(String rid, int uid);
}

package cn.itcast.travel.service.impl;

import cn.itcast.travel.dao.FavoriteDao;
import cn.itcast.travel.dao.impl.FavoriteDaoImpl;
import cn.itcast.travel.domain.Favorite;
import cn.itcast.travel.service.FavoriteService;

public class FavoriteServiceImpl implements FavoriteService {
    
    

    private FavoriteDao favoriteDao = new FavoriteDaoImpl();
   /**
     * 判断是否收藏
     * @param rid
     * @param uid
     * @return
     */
    @Override
    public boolean isFavorite(String rid, int uid) {
    
    

        Favorite favorite = favoriteDao.findByRidAndUid(Integer.parseInt(rid), uid);

        return favorite != null;//如果对象有值,则为true,反之,则为false
    }

}

25.10.4 旅游线路收藏_判断是否收藏_Dao

  • FavoriteDao.java
package cn.itcast.travel.dao;

import cn.itcast.travel.domain.Favorite;

public interface FavoriteDao {
    
    

    /**
     * 根据rid和uid查询收藏信息
     * @param rid
     * @param uid
     * @return
     */
    public Favorite findByRidAndUid(int rid, int uid);
}

package cn.itcast.travel.dao.impl;

import cn.itcast.travel.dao.FavoriteDao;
import cn.itcast.travel.domain.Favorite;
import cn.itcast.travel.util.JDBCUtils;
import org.springframework.dao.DataAccessException;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;

import java.util.Date;

public class FavoriteDaoImpl implements FavoriteDao {
    
    

    private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());
    /**
     * 根据rid和uid查询收藏信息
     * @param rid
     * @param uid
     * @return
     */
    @Override
    public Favorite findByRidAndUid(int rid, int uid) {
    
    
        Favorite favorite = null;
        try {
    
    
            String sql = " select * from tab_favorite where rid = ? and uid = ?";
            favorite = template.queryForObject(sql, new BeanPropertyRowMapper<Favorite>(Favorite.class), rid, uid);
        } catch (DataAccessException e) {
    
    
            e.printStackTrace();
        }
        return favorite;
    }
}

25.10.5 旅游线路收藏_判断是否收藏_前台

  • route_detail.html
<script>
    $(function () {
     
     
        // 发送请求,判断用户是否收藏过该线路
        var rid = getParameter("rid");
        $.get("route/isFavorite",{
     
     rid:rid},function (flag) {
     
     
            if(flag){
     
     
                // 用户已经收藏过
                //<a  class="btn already" disabled="disabled">
                //设置收藏按钮的样式
                $("#favorite").addClass("already");
                $("#favorite").attr("disabled","disabled");
            }else{
     
     
                // 用户没有收藏
            }
        });
    });
</script>

25.10.6 旅游线路收藏_旅游线路收藏次数

  • RouteServlet.java
    @Override
    public Route findOne(String rid) {
    
    
        //1.根据id去route表中查询route对象
        Route route = routeDao.findOne(Integer.parseInt(rid));

        //2.根据route的id 查询图片集合信息
        List<RouteImg> routeImgList = routeImgDao.findByRid(route.getRid());
        //2.2将集合设置到route对象
        route.setRouteImgList(routeImgList);
        //3.根据route的sid(商家id)查询商家对象
        Seller seller = sellerDao.findById(route.getSid());
        route.setSeller(seller);

        //4. 查询收藏次数
        int count = favoriteDao.findCountByRid(route.getRid());
        route.setCount(count);

        return route;
    }
  • FavoriteDao.java

    /**
     * 根据rid 查询收藏次数
     * @param rid
     * @return
     */
    public int findCountByRid(int rid);
  • FavoriteDaoImpl.java
    /**
     * 根据rid 查询收藏次数
     * @param rid
     * @return
     */
    @Override
    public int findCountByRid(int rid) {
    
    
        String sql = "SELECT COUNT(*) FROM tab_favorite WHERE rid = ?";

        return template.queryForObject(sql,Integer.class,rid);
    }

25.10.7 旅游线路收藏_点击按钮收藏_分析

在这里插入图片描述

25.10.8 旅游线路收藏_点击按钮收藏_Servlet

  • RouteServlet.java
    /**
     * 添加收藏
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void addFavorite(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
        //1. 获取线路rid
        String rid = request.getParameter("rid");
        //2. 获取当前登录的用户
        User user = (User) request.getSession().getAttribute("user");
        int uid;//用户id
        if(user == null){
    
    
            //用户尚未登录
            return ;
        }else{
    
    
            //用户已经登录
            uid = user.getUid();
        }
        
        //3. 调用service添加
        favoriteService.add(rid,uid);

    }
    

25.10.9 旅游线路收藏_点击按钮收藏_Service

  • FavoriteService.java
    /**
     * 添加收藏
     * @param rid
     * @param uid
     */
    void add(String rid, int uid);
  • FavoriteServiceImpl.java
    /**
     * 添加收藏
     * @param rid
     * @param uid
     */
    @Override
    public void add(String rid, int uid) {
    
    
        favoriteDao.add(Integer.parseInt(rid),uid);
    }

25.10.10 旅游线路收藏_点击按钮收藏_Dao

  • FavoriteDao.java
    /**
     * 添加收藏
     * @param i
     * @param uid
     */
    void add(int i, int uid);
  • FavoriteDaoImpl.java

    /**
     * 添加收藏
     * @param rid
     * @param uid
     */
    @Override
    public void add(int rid, int uid) {
    
    
        String sql = "insert into tab_favorite values(?,?,?)";
        template.update(sql,rid,new Date(),uid);
    }

25.10.11 旅游线路收藏_点击按钮收藏_前台

  • route_list.html
<script>
    //点击收藏按钮触发的方法
    function addFavorite(){
     
     
        var rid = getParameter("rid");
        //1. 判断用户是否登录
        $.get("user/findOne",{
     
     },function (user) {
     
     
            if(user){
     
     
                //用户登录了
                //添加功能
                $.get("route/addFavorite",{
     
     rid:rid},function () {
     
     
                    //代码刷新页面
                    location.reload();
                });
            }else{
     
     
                //用户没有登录
                alert("您尚未登录,请登录");
                location.href="http://localhost/travel/login.html";
            }
        })
    }
</script>

猜你喜欢

转载自blog.csdn.net/qq_44686266/article/details/113870465
今日推荐