静态day09广告-后台管理-前台轮播-广告位

模拟京东9

课程回顾

1、 去商品详情页

 分析---需要的数据----点击图片时商品的id

1、 需要product ----根据id查询

2、 需要sku ----根据商品的id查询库存列表stock>0 Color-设置到sku中

 jsp页面回显

1、 商品正常

2、 回显颜色---- skus sku.color.name(颜色重复)

 解决颜色重复将颜色取出放到set容器中---不可以有重复元素---重写hashcode、 equals方法

2、 sku的联动效果

 选择颜色

1、 选择颜色框时需将该框变红。 addClass(“selected”)

2、 切换颜色时需要将之前选择颜色清空.removeClass(“selected”)

3、 确定颜色后需要加载该颜色下的尺码信息

<for> sku.colorId==colorId 将尺码信息拼接到html判断中。 选择尺码

1、 选择尺码框需要将该框变红

2、 切换尺码时将之前的选择的尺码颜色清空

3、 确定尺码后就可以确定一条sku确定了一条sku那我们就填充价格信息。

<for>sku.colorId==cId sku.size==size填充价格。

 进入详情页时--- trigger

1、 默认选择第一个颜色oncl ick (“#id”:first).cl ick----选择第一个颜色

2、 让它默认选择第一个尺码被选中selected

3、 在遍历时在拼接第一个尺码片段时需要添加selected 使用开关。

3、 Freemarker介绍

 模板引擎velocity 模板引擎的技术

 原理模板+数据---->生成带有数据的静态页

 语法

遍历 <#l istusersas user>${user.name}</#l ist>

引入页面 <#include>

条件判断 <#if>todo1<#else>todo2</#if>

判断是否为空 ${key!}

获取下标 user_index

 入门程序

1、 创建Configuration对象

2、 通过Configuration指定模板的位置

3、 通过Configuration获取模板

4、 准备数据

5、 数据+模板-输出带有数据的静态页

4、 将freemarker应用到项目中

 之前访问详情页时----数据都是重数据库中查询

 通过freemarker生成商品的静态详情页

 何时生成静态页商品上架时生成静态页

 编写静态化服务程序

1、定义StaticPageServiceindex(rootMap静态页需要的数据 id:作为静态页面名称)

2、编写静态化服务的实现类 @service

 获取Configuration对象new ---- sipringmvc支持freema rker----freemarkerConfiguration ---- getConfiguratin ---- 注入freemarkerConfiguration 获取Configuration。好处指定模板的路径指定编码格式

通过Configuration获取模板

准备数据

数据+模板--->生成带有数据的静态页指定位置 servletContext获取路径实现servletContextAware  。 realPath- fi le(/html/product/id.html) 输 出  outoutputStrea mwriter(fi leoutputstream, charset)

 通过spring管理静态化服务注入freemarkerConfiguration 指定模板的路径指定编码格式

 上架程序

1、 可以直接在商品上架的代码中完成静态页的生成

2、 商品上架时已将id发送到mq中所以我们监听mq中的消息并且消费{根据id获取product、 skus数据并且生成静态页}

3、 cms服务中添加消费者的配置文件自定义一个监听器配置的模式 pubsubDomaintrue

4、 product、 solr中都需要配置pubsubDomain true

课程计划

1、 完成广告tab的环境搭建

2、 完成左侧菜单的树形加载TreeView---jquery插件

3、 大广告的列表查询

4、 大广告的添加

5、 前台系统的大广告的轮播---从数据库中查询

6、 大广告轮播优化添加缓存

1完成广告tab的环境搭建

1.1导入jsp页面

1.2在top.jsp添加广告tab页

1.3完成tab页面的跳转

1.3.1修改jsp页面的请求路径

1.3.2在FrameController添加方法

1.4跳转ad_left页面

1.4.1修改jsp页面的请求路径

1.4.2在controller中添加方法

2完成左侧菜单的树形加载

2.1 TreeView插件

介绍 jquery的一款树形插件。样式 fo lder文件夹 fi le文件

2.2分析position表

1、 点击节点时需要判断是否有子节点如果有就加载该节点下的子节点

2、 如果没有字节点那我们查询该节点广告位下的所有的广告。

2.3加载树形菜单

2.3.1编写service接口、实现类

接口方法返回值 l ist<position>方法中形参parentId。

TreeView默认加载url时默认有个root形参 posit/tree.do?root=”source”

实现类

2.3.2配置dubbo服务

略。

2.3.3编写Controller

3加载广告位下的广告列表

3.1编写service接口、实现类

接口方法定义形参 position_id返回值l ist<ad>接口

实现类

3.2编写controller

3.3 jsp页面回显

4大广告的添加

4.1添加

4.1.1去添加页分析

1、添加页面中需要position_id

2、在添加页添加隐藏域position_id

4.1.2更新controller的list方法

4.1.3修改jsp页面的请求路径