学习目标
- (1)数据是最重要的
- (2)开发一层测试一层
- (3)基础:登录
导航开发
导航后台代码开发
- (1)CateogryServiceTest
- (2)CateogryService
- (3)CateogryDao
- (4)CateogryDaoTest
- (5)CateogryServlet
1 CategoryServiceTest
public class TestCategoryService {
@Test
public void test01(){
//创建业务对象
CategoryService categoryService = new CategoryService();
//所有的分类
List<Category> categoryList=categoryService.findAll();
//显示
System.out.println(categoryList);
}
}
Category
public class Category {
private int cid;//分类id
private String cname;//分类名称
2 CategoryService
public class CategoryService {
public List<Category> findAll() {
//调用dao
CategoryDao dao = MySessionUtils2.getMapper(CategoryDao.class);
//查询所有的分类数据
List<Category> list = dao.findAll();
return list;
}
}
3 CategoryDao
public interface CategoryDao {
//select * from tab_category order by cid asc;
List<Category> findAll();
}
com\wzx\dao\CategoryDao.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.wzx.dao.CategoryDao">
<select id="findAll" resultType="category">
select * from tab_category order by cid asc;
</select>
</mapper>
SqlMapConfig.xml
<!-- 一个mapper标签可以指定一个映射文件-->
<mappers>
<mapper resource="com/wzx/dao/UserDao.xml"/>
<mapper resource="com/wzx/dao/CategoryDao.xml"/>
</mappers>
3 CategoryServlet
@WebServlet("/categoryServlet")
public class CategoryServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request,response);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//创建业务对象
CategoryService categoryService = new CategoryService();
//所有的分类
List<Category> categoryList=categoryService.findAll();
//显示
ResponseInfo info = new ResponseInfo();
info.setCode(200);
info.setData(categoryList);
String json = new ObjectMapper().writeValueAsString(info);
response.getWriter().println(json);
}
}
导航前台代码开发
- (1)header.jsp
- (2)ajax发送get请求
- (3)jquery的for循环
- (4)html()函数修改界面
header.jsp
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//页面加载成功之后执行
$.get(
"categoryServlet",
function (data) {
//这个data就是服务器返回的字符串
if (data.code == 200) {
var list = data.data;
//定义一个变量,拼接导航的显示内容 li
var lis = "";
//拼接第一项
lis += '<li class="nav-active"><a href="index.jsp">首页</a></li>'
//循环所有的分类
for (var i = 0; i < list.length; i++) {
//在js中,使用引号号表示字符串,避免生成转译的\
var li = '<li><a href="route_list.html">' + list[i].cname + '</a></li>'
lis += li
}
//拼接最后一项
lis += ' <li><a href="favoriterank.html">收藏排行榜</a></li>'
//显示在ul标签里面
$("#nav").html(lis)
}
},
"json"
);
})
</script>
- 在js中,使用引号号表示字符串,避免生成转译的\
- 在js中的字符串拼接变量
' + 变量名 + '
导航优化
redis缓存json
- (1)哪个地方要优化?为什么?
分类的数据在每一次页面加载后都会重新请求数据库来加载,对数据库的压力比较大,而且分类的数据不会经常产生变化,所有可以使用redis来缓存这个数据。 - (2)redis缓存的流程
》先访问redis获取数据
》对数据进行判断
如果不为null,则直接返回
否则调用service查数据库
redis使用
-
redis服务器
-
redis图形化工具
-
JedisUtil工具读写数据
直接复到项目中 -
jedis.properties
host=192.168.21.101
port=6379
maxTotal=100
maxIdle=10
CategoryServlet使用redis
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//访问redis 较快,但是第一次是没有数据的
//访问service,获取json,将json保存到redis
Jedis jedis = JedisUtil.getJedis();
String json = jedis.get("category_list");
if (json != null) {
System.out.println("redis cache");
response.getWriter().println(json);
} else {
System.out.println("mysql data");
//创建业务对象
CategoryService categoryService = new CategoryService();
//所有的分类
List<Category> categoryList=categoryService.findAll();
//显示
ResponseInfo info = new ResponseInfo();
info.setCode(200);
info.setData(categoryList);
json = new ObjectMapper().writeValueAsString(info);
//将数据保存到redis
jedis.set("category_list",json);
response.getWriter().println(json);
}
//关闭连接
JedisUtil.close(jedis);
}