分类展示

分类展示

    最初的设计
        点击首页的时候,查询分类信息
    步骤分析:
        1.创建分类表
            CREATE TABLE `category` (
              `cid` varchar(32) NOT NULL,
              `cname` varchar(20) DEFAULT NULL,
              PRIMARY KEY (`cid`)
            ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
            
            INSERT INTO `category` VALUES ('1','手机数码'),('172934bd636d485c98fd2d3d9cccd409','运动户外'),('2','电脑办公'),('3','家具家居'),('4','鞋靴箱包'),('5','图书音像'),('59f56ba6ccb84cb591c66298766b83b5','aaaa'),('6','母婴孕婴'),('afdba41a139b4320a74904485bdb7719','汽车用品');

        2.在indexservlet上查询分类信息
        3.调用CategoryService.findAll() 返回值是:list
        
    完成之后 ,我们发现只有在访问首页的时候才能把分类列表展示出来,怎么办?????
        要想让所有的页面上都有分类,只需要将 页面上 logo和菜单部分包含进来.怎么去查询分类信息呢????
        只需要在页面加载成功之后 发送一个ajax请求 异步查询所有的分类信息即可
        技术:
            json
            包含
            ajax
        

        步骤分析:

            1.编写一个 CategorySerlvet
            2.findAll方法用来查询所有
                list通过json返回到页面上
            3.在head.jsp加载成功之后发送一个ajax请求

                $.get(url,params,function(data){},"json");

-------------------------------------------------------------------------------------------------------------------

head.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <!--
                时间：2015-12-30
                描述：菜单栏
            -->
        <div class="container-fluid">
            <div class="col-md-4">
                <img src="${pageContext.request.contextPath}/img/logo2.png" />
            </div>
            <div class="col-md-5">
                <img src="${pageContext.request.contextPath}/img/header.png" />
            </div>
            <div class="col-md-3" style="padding-top: 20px">
                <ol class="list-inline">
                    <c:if test="${empty user }">
                        <li><a
                            href="${pageContext.request.contextPath }/user?method=loginUI">登录</a></li>
                        <li><a
                            href="${pageContext.request.contextPath }/user?method=registUI">注册</a></li>
                    </c:if>
                    <c:if test="${not empty user }">
                        ${user.username }:您好
                        <l