访问不了Youtube？
1.点击搭建自己的ss并开启bbr快速上网教程轻松访问1080p高清Youtube视频。
2.点击本节b站视频教程地址观看。

我们已经在5-2小节中实现了商品添加的界面,那么接下来我们就要对数据进行交互了。

在我们请求 product_add 这个页面的时候，我们应该将商品分类父级的数据放到 session 里面，然后传给页面。所以我们可以写一个 Controller 来实现：

1
2
3
4
5
6
@RequestMapping("/product_add")
public String requestProductAdd(HttpServletRequest request){
    List<EasyUITree> categories = productCategoryService.findProductCategoryListByParentId((short) 0);
    request.getSession().setAttribute("categories",categories);
    return "product_add";
}

接着我们的jsp就需要用动态的方式获取数据了：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<%
    List<EasyUITree> list = (List) session.getAttribute("categories");
%>


 <td>所属分类：</td>
 <td>
     <select id="cc"  class="easyui-combobox" name="cid" style="width:800px;">
         <option value="0">请选择</option>
         <%
             for(int i=0;i<list.size();i++){
                 EasyUITree item = list.get(i);
                 %>
                 <option value="<%=item.getId()%>"><%=item.getText()%></option>
             <%
             }
         %>

     </select>
 </td>
获取商品分类
获取商品分类

虽然我们已经获取到了一级分类了，但是有些分类是有二级类目的，这时候我们需要用到 JavaScript 来写一些方法，对商品分类的获取与展示，商品图片的上传，商品详情页的数据处理等。

那么我们可以创建一个 produat_add.js 文件。然后在我们需要用到的地方引入这个 js 文件，从而能够应用到 js 方法。

当我们点击分类的时候，获取选中的id，然后去请求获取相应的子分类:

1
2
3
4
5
6
7
$("#addProductForm").find("select[name='cid']").combobox({
          width: 190,
          onChange: function() {
              var value=$("#cc").val();
              loadSubCategories(value);
          }
});

SSM视频教程目录