黑马旅游网学习笔记之分类数据展示功能(五)

概述

(一)分类数据展示功能分析
(二)后台代码实现
(三)前台代码实现
(四)缓存优化分析
(五)缓存优化代码实现

(一)分类数据展示功能分析

效果:

对应的数据库:
黑马旅游网学习笔记之分类数据展示功能(五)_第1张图片
前端的数据是假的数据,要删除掉,要从数据库中获取
黑马旅游网学习笔记之分类数据展示功能(五)_第2张图片
需求分析:
黑马旅游网学习笔记之分类数据展示功能(五)_第3张图片

(二)后台代码实现

CategoryDao

public interface CategoryDao {
    /**
     * 查询所有
     *
     * @return
     */
    public List<Category> findAll();
}

CategoryDaoImpl

public class CategoryDaoImpl implements CategoryDao {
    private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());

    /**
     * 查询所有
     *
     * @return
     */
    @Override
    public List<Category> findAll() {
        String sql = "select * from tab_category";
        List<Category> categories = template.query(sql, new BeanPropertyRowMapper<Category>(Category.class));
        return categories;
    }
}

CategoryService

public interface CategoryService {
    /**
     * 查询所有
     *
     * @return
     */
    public List<Category> findAll();
}

CategoryServiceImpl

public class CategoryServiceImpl implements CategoryDao {

    private CategoryDao categoryDao = new CategoryServiceImpl();

    /**
     * 查询所有
     *
     * @return
     */
    @Override
    public List<Category> findAll() {
        List<Category> categories = categoryDao.findAll();
        return categories;
    }
}

在写Servlet之前思考一个问题,我们之前写了一个Filter过滤器处理请求的字符集
现在我们可以在BaseServlet里面提供两个方法,简化我们的序列化操作,如下:
BaseServlet

    /**
     * 直接将传入的对象序列化为Json,并且写回客户端
     *
     * @param obj
     */
    public void writeValue(Object obj, HttpServletResponse response) throws IOException {
        ObjectMapper mapper = new ObjectMapper();
        response.setContentType("application/json;charset=utf-8");
        mapper.writeValue(response.getOutputStream(), obj);
    }

    /**
     * 将传入的对象序列化为Json,返回给调用者
     *
     * @param obj
     * @return
     */
    public String writeValueAsString(Object obj) throws JsonProcessingException {
        ObjectMapper mapper = new ObjectMapper();
        return mapper.writeValueAsString(obj);
    }

CategoryServlet

@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> categories = service.findAll();
        //2.序列化返回
        writeValue(categories, response);
    }
}

我们顺势把其他的Servlet也优化一下
黑马旅游网学习笔记之分类数据展示功能(五)_第4张图片
黑马旅游网学习笔记之分类数据展示功能(五)_第5张图片
其他的就不一一展示了

(三)前台代码实现

hader.html加载后,发送ajax请求,请求category/findAll
我们首先删掉静态的数据
黑马旅游网学习笔记之分类数据展示功能(五)_第6张图片
header.html

        //查询分类数据
        $.get("category/findAll", {}, function (data) {
            //[{cid:1,cname:国内游},{},{}]
            var lis = '';
            //遍历数组,拼接字符串(
  • ) for (var i = 0; i < data.length; i++) { var li = '
  • ' + data[i].cname + '
  • '
    ; lis += li; } //拼接收藏排行榜的li,
  • 收藏排行榜
  • lis += '
  • 收藏排行榜
  • '
    ; //将lis字符串,设置到ul的html内容中 $("#category").html(lis); }); });

    (四)缓存优化分析

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

    (五)缓存优化代码实现

    期望数据中存储的顺序就是将来展示的顺序,使用redis的sortedset
    CategoryServiceImpl

    public class CategoryServiceImpl implements CategoryService {
    
        private CategoryDao categoryDao = new CategoryDaoImpl();
    
        /**
         * 查询所有
         *
         * @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);//0到-1,查询全部
    
            //2.判断查询的集合是否为空
            List<Category> cs = null;
            if (categorys == null || categorys.size() == 0) {
                //3.如果为空,需要从数据库查询,再将数据存入redis
                System.out.println("从数据库查询。。。");
                //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 {
                //4.如果不为空,将set数据存入list(因为我们返回要求的格式是list)
                System.out.println("从redis中查询。。。");
                cs = new ArrayList<Category>();
                for (String name : categorys) {
                    Category category = new Category();
                    category.setCname(name);
                    cs.add(category);
                }
            }
    
            return cs;//无论有无缓存,都要返回cs
        }
    }
    

    黑马旅游网学习笔记之分类数据展示功能(五)_第7张图片

    你可能感兴趣的:(黑马旅游网)