黑马旅游网学习笔记之分类数据展示功能(五)
程序员文章站
2024-03-06 10:53:13
...
概述
(一)分类数据展示功能分析
(二)后台代码实现
(三)前台代码实现
(四)缓存优化分析
(五)缓存优化代码实现
(一)分类数据展示功能分析
效果:
对应的数据库:
前端的数据是假的数据,要删除掉,要从数据库中获取
需求分析:
(二)后台代码实现
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也优化一下
其他的就不一一展示了
(三)前台代码实现
hader.html加载后,发送ajax请求,请求category/findAll
我们首先删掉静态的数据
header.html:
//查询分类数据
$.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">' + 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);
});
});
(四)缓存优化分析
分析发现,分类的数据在每一次页面加载后都会重新请求数据库来加载,对数据库的压力比较大
而且分类的数据不会经常产生变化,所以可以使用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
}
}