认真敲项目(八) 广告管理与缓存解决方案

认真敲项目(八) 广告管理与缓存解决方案

---

关键字: 网站前台页面 广告的表结构 运营商广告管理 轮播图 SpringDataRedis 广告缓存

一. 网站前台分析

• 数据库表结构分析
  
  • tb_content_category [广告分类表]
  • tb_content [广告表]

二. 营运商后台-广告类型及广告管理

• 需求分析
  
  • 实现 广告类型 表与 广告表 的增删改查
• 构建工程
  
  • pinyougou_content_interface[quickstart骨架][依赖POJO]
  • pinyougou_content_service[webapp骨架]

1. 广告图片上传

uploadService.js

//文件上传服务层
app.service("uploadService",function($http){
    this.uploadFile=function(){
        var formData=new FormData();
        formData.append("file",file.files[0]);
        return $http({
            method:'POST',
            url:"../upload.do",
            data: formData,
            headers: {'Content-Type':undefined},
            transformRequest: angular.identity
        });
    }
});

contentController.js

//上传广告图
    $scope.uploadFile=function(){
        uploadService.uploadFile().success(
            function(response){
                if(response.success){
                    $scope.entity.pic=response.message;
                }else{
                    alert("上传失败！");
                }
            }
        ).error(
            function(){
                alert("上传出错！");
            }
        );
    }

2. 广告分类的下拉框展示

3. 广告状态的显示和分类的显示

• $scope.status=["无效","有效"];
• $scope.categoryList=["首页轮播广告","今日推荐","活动专区","猜你喜欢","服装楼层广告"]

三. 网站首页-广告展示

• 需求分析

  • 修改首页, 当其轮播广告图根据后台设置的广告列表动态产生

  contentService.js

  app.service("contentService",function($http){
  //根据分类ID查询广告列表
  this.findByCategoryId=function(categoryId){
      return $http.get("content/findByCategoryId.do?categoryId="+categoryId);
  }   
  });
  

  contentController.js

  //广告控制层（运营商后台）
  app.controller("contentController",function($scope,contentService){  
  $scope.contentList=[];//广告集合   
  $scope.findByCategoryId=function(categoryId){
      contentService.findByCategoryId(categoryId).success(
          function(response){
              $scope.contentList[categoryId]=response;
          }
      );      
  }   
  

  html

  
  <div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
  <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="{{$index}}" class="{{$index==0?'active':''}}" ng-repeat="item in contentList[1]" >li>
  ol>
    <div class="carousel-inner">
    <div class="{{$index==0?'active':''}} item" ng-repeat="item in contentList[1]">
        <a href="{{item.url}}">
          <img src="{{item.pic}}"  />
        a>
  div>
  <a href="#myCarousel" data-slide="prev" class="carousel-control left">‹a><a href="#myCarousel" data-slide="next" class="carousel-control right">›a>
  div>

---

四. SpringDataRedis

1. 简介

• Spring-data-redis是spring大家族的一部分，提供了在srping应用中通过简单的配置访问redis服务，对reids底层开发包(Jedis,  JRedis, and RJC)进行了高度封装，RedisTemplate提供了redis各种操作、异常处理及序列化，支持发布订阅，并对spring 3.1 cache进行了实现。

• spring-data-redis针对jedis提供了如下功能：

  • 连接池自动管理，提供了一个高度封装的“RedisTemplate”类
  • 针对jedis客户端中大量api进行了归类封装,将同一类型操作封装为operation接口 :
  • ValueOperations：简单K-V操作        -SetOperations：set类型数据操作          ZSetOperations：zset类型数据操作          HashOperations：针对map类型的数据操作 ListOperations：针对list类型的数据操作

• 最小系统

  • 引入spring相关依赖, JUnit依赖
  • 引入Jedis和SpringDataRedis依赖

  
  <dependency> 
        <groupId>redis.clientsgroupId> 
        <artifactId>jedisartifactId> 
        <version>2.8.1version> 
  dependency> 
  <dependency> 
        <groupId>org.springframework.datagroupId> 
        <artifactId>spring-data-redisartifactId> 
        <version>1.7.2.RELEASEversion> 
  dependency> 
  

  • redis-config.properties

  redis.host=127.0.0.1 
  redis.port=6379 
  redis.pass= 
  redis.database=0 
  redis.maxIdle=300 
  redis.maxWait=3000 
  redis.testOnBorrow=true 

  • applicationContext-redis.xml

   <context:property-placeholder location="classpath*:properties/*.properties" />   
    
   <bean id="poolConfig" class="redis.clients.jedis.JedisPoolConfig">  
     <property name="maxIdle" value="${redis.maxIdle}" />   
     <property name="maxWaitMillis" value="${redis.maxWait}" />  
     <property name="testOnBorrow" value="${redis.testOnBorrow}" />  
   bean>  
   <bean id="JedisConnectionFactory" class="org.springframework.data.redis.connection.jedis.JedisConnectionFactory" 
       p:host-name="${redis.host}" p:port="${redis.port}" p:password="${redis.pass}" p:pool-config-ref="poolConfig"/>  
  
   <bean id="redisTemplate" class="org.springframework.data.redis.core.RedisTemplate">  
     <property name="connectionFactory" ref="JedisConnectionFactory" />  
   bean>  
  

  • 注意
  • maxIdle ：最大空闲数
  • maxWaitMillis:连接时的最大等待毫秒数
  • testOnBorrow：在提取一个jedis实例时，是否提前进行验证操作；如果为true，则得到的jedis实例均是可用的；
  • List类型操作
  • 右压栈：后添加的对象排在后边
  • 左压栈：后添加的对象排在前边

---

五. 网站首页-缓存广告数据

• 需求分析
  
  • 现在我们首页的广告每次都是从数据库读取，这样当网站访问量达到高峰时段，对数据库压力很大，并且影响执行效率。我们需要将这部分广告数据缓存起来。
• 实现
  
  • 先从Redis中查询数据, 如果没有, 就从数据库中查询
  • 添加广告的时候要清除缓存
  • 修改广告的时候要清除缓存
  • 如果商品的分类改变了也要清除改变的分类的缓存
  • 删除广告的时候要清除缓存