刘小爱v Java项目实战第7天：导航栏业务的实现今天是刘小爱

今天是刘小爱自学Java的第106天。
感谢你的观看，谢谢你。
话不多说，开始今天的学习：

文章图片
很多网站首页都会有一个导航栏，对应不同的模块，方便用户快速找到想要的内容。
其有如下特点：
网站一加载，需要读取导航栏中的内容。
在多个页面中都会存在该导航栏，这种在购物网站上很常见。
导航栏数据是固定的，很少会变化，这不比用户注册和登录的数据。
其就造成了需要频繁地查询MySQL数据库的问题。
为了提高查询效率，引入缓存技术，也就是前几天刚学的redis数据库。
今天的一个核心点也就是对redis数据库的一个学习和回顾。
一、代码编写
1前端发送请求
首先第一步，肯定要先有请求，服务器再根据请求做出对应的处理：

文章图片
使用jQuery的页面加载事件，网站页面一刷新，就向数据库查询导航栏数据。
请求路径为：categoryServlet ，其携带的methodName为queryAll 。
也就是说在服务器中要有一个CategoryServlet来接受该请求，同时在queryAll方法中处做出对应的处理。
2web层代码
创建一个CategoryServlet来接受该请求：

文章图片
因为请求中是没有数据的，所以只需要响应数据即可。
需要响应的数据格式是json ，前两天的代码编写都是在web层中转换成json 。
其实也可以将其放入service层中完成数据转换了返回给web层。
这样的话web层代码也就显得非常简洁。
2service层代码
service处理具体的业务逻辑，其中就涉及到缓存的处理：

文章图片
①redis数据库
直接使用jedisUtils这个工具类就可以完成对redis数据库的操作。
使用起来非常方便，其封装过程就不再详细说明了。
通过jedis的get方法创建一个key值为Category_List的数据。
②初始化数据
第一次查询数据的时候需要从MySQL中查询数据。
查询的数据是一个List集合，也就是很多个Category对象，将其数据格式转换成json 。
③将数据存储到redis中
通过set()方法将json数据存储到redis中。
这样设置后就不用每次都去mysql中查询数据了，直接去redis中查询数据。
4Dao层代码

文章图片
通过jdbcTemplate查询tab_category表中的所有数据。
一行数据对应一个Category对象，那查询整张表也就是对应多个Category对象的集合。
二、前端渲染
1数据格式
后台响应数据给前端后，通过console.log()输出其结果，在控制台上可以查看。
在浏览器中按F12即可打开控制台：

文章图片
这三者之间是互相有联系的：
在前端中对应的数据格式是json 。
在数据库中对应的数据是一张数据表。
在Java中对应的数据是一个实体类，准确地说是一个装有多个实体类的集合。
2前端页面渲染
在获取后台响应的数据之后，前端需要将其动态渲染到页面中：

文章图片
①遍历数据
使用jQuery中的each方法可以遍历响应的数据，其中：
index是数据的索引。
element是当前索引位对应的元素。
element.cname即当前元素中cname这个key对应的value 。