途牛旅游项目——动态导航栏

快来打我* 2022-12-12 15:04 172阅读 0赞

# 学习目标 #

*  （1）数据是最重要的
 *  （2）开发一层测试一层
 *  （3）基础：登录

# 导航开发 #

![在这里插入图片描述][20201005095858663.png_pic_center]

## 导航后台代码开发 ##

*  （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;
        }
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2MjEzOTg_size_16_color_FFFFFF_t_70_pic_center]

## 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

<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

*  在js中，使用引号号表示字符串，避免生成转译的\\
 *  在js中的字符串拼接变量 `' + 变量名 + '`

## 导航优化 ##

### redis缓存json ###

*  （1）哪个地方要优化？为什么？  
    分类的数据在**每一次页面加载后都会重新请求数据库来加载，对数据库的压力比较大**，而且分类的**数据不会经常产生变化**，所有可以使用redis来缓存这个数据。
 *  （2）redis缓存的流程  
    》先访问redis获取数据  
    》对数据进行判断  
    如果不为null，则直接返回  
    否则调用service查数据库  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2MjEzOTg_size_16_color_FFFFFF_t_70_pic_center 1]

### redis使用 ###

*  redis服务器  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2MjEzOTg_size_16_color_FFFFFF_t_70_pic_center 2]
 *  redis图形化工具  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2MjEzOTg_size_16_color_FFFFFF_t_70_pic_center 3]
 *  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);
    
        }

[20201005095858663.png_pic_center]: /images/20221123/182c2a3dbe7249b5a2a156ad36630bed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2MjEzOTg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/baf03632ef1a47b8a9dfd665bbf780ec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2MjEzOTg_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/35ec5fcacd6548d6af95b88d469d3091.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2MjEzOTg_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/e5c425e394864f58b72adc11cacefc7d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2MjEzOTg_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/a548560f7b9b4b48b9d6acfe96739d5a.png