模拟京东 (10)

1、模拟京东（九）课程计划：1、 后台广告tab页面搭建2、 左侧广告位树形加载3、 大广告列表查询4、 大广告添加5、 前台系统大广告轮播6、 大广告优化1 后台广告tab页面搭建1.1 添加jsp页面1.2 修改top.jsp在top.jsp中添加广告的tab页。1.3 跳转到ad_main.jsp页面1.3.1 修改jsp页面的请求路径1.3.2 编写controller1.4 跳转到ad_left页面1.4.1 修改jsp页面的请求路径1.4.2 编写controller2 左侧广告位树形加载2.1 Treeview插件jQuery Treeview 提供了一个无序灵活的可折叠的树形菜单，

2、它是jquery的一款插件。2.2 页面初始加载左侧tree2.2.1 分析1、 编辑“广告”tab页，加载树形广告位，而且加载的是的最顶级的元素；2、 根据数据库分析，最顶级元素（节点）就是parentId为0的元素，即在这里就是：新巴巴商城；3、 点击新巴巴商城时，又根据该id查询该父节点下的子节点。4、 如何判断是否是最顶级元素？由于我们这里用的的是jquery的树形插件TreeView，在执行jquery的treeview方法是，url后默认有一个形参为：root=“source”。2.2.2 页面初始化js2.2.3 编写service接口、实现类service接口：实现类：2.2.

3、4 编写controller2.2.5 配置dubbo服务略。2.2.6 数据展示3 大广告列表查询3.1 分析1、 当点击节点时，如果该节点是一个父节点，那么则加载该节点下的子节点；2、 当点击节点时，如果该节点不是一个父节点，那么则加载广告位下所有的广告。3.2 在ad中添加属性3.3 编写service接口、实现类service接口：实现类：3.4 编写Controller3.5 jsp页面回显4 大广告添加4.1 去添加页4.1.1 分析添加广告时，需要指定高广告属于哪个广告位下的，因此在添加时，我们需要带上positionId，用于在广告保存。4.1.2 更新list方法4.1.3

4、修改jsp页面的请求路径4.1.4 编写Controller4.2 大广告添加4.2.1 修改jsp页面的请求路径4.2.2 编写service接口、实现类service接口：实现类：4.2.3 编写Controller4.2.4 列表优化1、 图片显示 - 略2、 id倒序 - 略5 前台系统大广告轮播5.1 分析1、 页面需要什么格式的数据2、 数据格式：key:value, key:value, key:value, 3、 通过数据格式分析，我们需要将List转成json串在页面进行解析。4、 既然将List转成json串在页面进行解析，根据商品添加模块中多附件上传的经验，我们可以通过R

5、esponseBody注解实现。5.2 ResponseBody实现原理5.2.1 分析1、 在将springmvc框架时，我们知道springmvc支持json，而且依赖的jar包是jacksonjar包，所有springmvc的对象与json之间的转换其实是通过该jar中的ObjectMapper对象实现。2、 ObjectMapper可以去空操作。3、 显示图片的属性为：src，而Ad对象中是picture；显示图片的链接的是href属性，而ad对象中是url属性。因此这里可以通过JsonProperty注解指定。5.2.2 ObjectMapper对象使用5.3 更改Ad对象5.4 编写JsonUtils工具类作用：将通过ObjectMapper将对象转成json串。5.5 编写service接口、实现类编写service接口：实现类：5.6 更新Controller的index方法5.7 在portal中配置dubbo服