分类数据展示

10分类数据展示
10.1效果：

10.2 分析：

10.3代码实现：
10.3.1后台代码
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> cs = service.findAll();
    //2.序列化json返回
   /* ObjectMapper mapper = new ObjectMapper();
    response.setContentType("application/json;charset=utf-8");
    mapper.writeValue(response.getOutputStream(),cs);*/
   writeValue(cs,response);

}

}

CategoryService
public class CategoryServiceImpl implements CategoryService {

private CategoryDao categoryDao = new CategoryDaoImpl();

@Override
public List<Category> findAll() {
    return categoryDao.findAll();
}

}

CategoryDao
public class CategoryDaoImpl implements CategoryDao {

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

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

}

在BaseServlet中封装了序列化json的方法

/**

• 直接将传入的对象序列化为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);
  }

10.3.2前台代码
hader.html加载后，发送ajax请求，请求category/findAll
//查询分类数据
$.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,<li><a href="favoriterank.html">收藏排行榜</a></li>
   
   lis+= '<li><a href="favoriterank.html">收藏排行榜</a></li>';
  
   //将lis字符串，设置到ul的html内容中
   $("#category").html(lis);
  

  });

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

  10.5优化代码实现
  期望数据中存储的顺序就是将来展示的顺序，使用redis的sortedset
  @Override
  public List findAll() {
  //1.从redis中查询
  //1.1获取jedis客户端
  Jedis jedis = JedisUtil.getJedis();
  //1.2可使用sortedset排序查询
  Set categorys = jedis.zrange(“category”, 0, -1);
  List 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;
  

  }

  11旅游线路的分页展示
  点击了不同的分类后，将来看到的旅游线路不一样的。通过分析数据库表结构，发现，旅游线路表和分类表时一个多对一的关系

  查询不同分类的旅游线路sql
  Select * from tab_route where cid = ?;
  11.1类别id的传递
  Redis中查询score（cid）
  public class CategoryServiceImpl implements CategoryService {

  private CategoryDao categoryDao = new CategoryDaoImpl();
  
  @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;
  }
  

  }

  页面传递cid
  header.html传递cid
  var li = ‘

• ’+data[i].cname+’
• ’;

  获取cid

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