00:00
接下来我们再来编写两个功能,首先是第一个我们这个首页就是我们当前时间,如果有秒杀场景的话,我们现在呢,把秒杀的所有商品展示到这,第二个呢,就是如果我们来到一个商品的详情页,我们来看一下,我们比如来看这个商品的详情页,如果他未来有参加秒杀的话,那在这一块呢,预告一下它未来的这个秒杀信息,那么就来编写这两个功能,先来编写第一个我们来当展示一下我们这个当前页面的需要秒杀的这个数据,当然这个呢,我们肯定是要判断我们当前页面所在的这个时间,这个时间呢,如果符合哪个秒杀。场景下的这些商品,我们就把这些商品呢展示到这儿,那我们这个页面呢,我们还是希望直接发一个AJS请求给我们的秒杀服务去,来查一下我们当前可以参与秒杀的商品就行了,我们来到这个秒杀服务来准备上一个controller,好,我们来到秒杀服务的这一块来准备一个controller,那这个controller呢,它的作用那就是可以来查询,我们就叫second kill controller,可以查询我们这个当前参与的秒杀商品,我们先来写一个叫controller,由于我们现在不跳转页面,我就来写一个rest controller rest controller的第一个功能public来整体返回R对象,那么就叫get current time,那么这个当前事件。
01:25
当前这个需要参与的秒杀商品second kill sqs来处理一下这个请求,Get,那我们就叫呢,Current second kill sqs,我们来获取这个请求的,好,然后呢,它的作用就是返回,返回咱们这个当前时间,当前时间可以参与的秒杀商品商品信息。好,那么这个当然时间这一块呢,我们就来返回一个return,一个R,点一个OK,我先来放在这儿,我希望呢,有我们的这个秒杀service second kill service来自动注入它来,它呢肯定就有一个方法点过来,能调用我们的这个current second。
02:17
K,我们的SQS能获取到我们当前所有能参与秒杀的这些商品,那么把这个商品呢,我们来写一个list封装一下,由如这些秒杀的商品我们都在red里面存着,每一个商品的详细信息我们都在这有保存,所以呢,我们其实返回的是我们这个red to这个数据,那么就来准备一下,我们来返回second k SQ red to,那就是这个数据vos,那这个数据放在这以后呢,如果有数据,我们就来set data,把我们这个数据呢放进去就行了,那我们来创建出这个方法走。来添加上它的实现,在这那这个实现的作用就是来获取我们这个当前可以参与秒杀的商品信息。
03:05
好,我们来编写这个方法,撤销来编写这个方法,那我们现在要做的事情呢,就是去red里边查一下我们这个当前时间可以参与的这些秒杀商品,所以首先呢,我们去red里边确定一下我们当前时间正好是哪个秒杀场次的,因为我们这个场次呢,我们专门记录了,如果你是这个秒杀场次区间的,它有哪些商品,直接一查就行了,所以我们现在要做的第一步确定,确定当前时间属于哪个秒杀场次。而我最终呢,就是要做第二步,获取这个秒杀。场次需要的所有商品信息,好,我们来获确定当前时间是哪个秒杀场次,那我们就直接有一个date,这就是当前时间来调用它的get time方法得到一个浪形数据,因为这个浪型数据呢,它计算的都是他们距离1970年的这个差值,所以呢,我们现在的这个时间,我们这块呢,保存的也是一个差值,但我们如果当前时间。
04:20
我们前面呢,有一个时间,它的差值这么多在这存着呢,后边呢,这个时间这么多,那如果我们的差值是落在这个区间,那就是我们的start end time之间,那么就可以来做一个秒杀,所以呢,我们现在要做的事情就是我们得得到了我们当前这个时间,然后我们可以来获取到我们red里边的所有的秒杀场次信息,秒杀场次呢,保存的是second kill sessions,然后呢,加上这个起始这个时间的,所以我们现在呢,就直接来得到所有的场次,看哪个场次来符合就行了。那么想要得到所有的场次,我拿到redis temp点一个,我们有一个叫case case的作用呢,就是获取我们所有指定的这些类型的K,而我们这些K呢,就应该是这样子的,那现在整个秒杀呢,缓存是在这存的,那么就叫sessions,然后呢,再加一个星号。
05:16
那这样的话呢,我们相当于去red里边查询了这个SQ,我们这个sessions点心有多少个,我们可以来运行一下这个命令试一下,那在这一块呢,直接来到我们这个red,打开它的这个控制台,那在这个控制台里边运行一下它的kiss命令,Case命令呢,我们现在是查的second kill冒号,我们的sessions冒号星回车,我们会发现呢有两个,然后我们截取一下这个串就行了,所以们现在呢就来截取一下,我们现在先第一步查到我们所有的这些case数据,拿到这个case数据,我们来做一个便历点一个,我们直接来写一个for each便利,好我们用增强for也行,我们先来遍历了所有的case,来看一下当前case,我们拿这个当前case,我们来分割一下,我们现在要分割的效果呢,是这样子的,因为我们k red里面存的K数据呢,是这样,CRLC好CRLC呢就在这,然后呢,我们都叫。
06:17
Second kill sessions把前面这一串一截留下下边,所以呢,我们case第二,我们可以来re replaces re replaces什么呢,把这一串呢,直接替成空串,CTRLC,好,我们拿到这个空串,那就是我们把这个前缀,那就是这个前缀,这前缀呢,我们拿来替换呢,成一个空串,那最终就会得到我们这个时间区间,然后我们这个时间区间我们再来进行一个转换,Rele,点一个split,我们使用这个短横线来进行分割,分割以后呢,就得到两个区间,我们的第一个区间就是我们的start time,就是我们的开始时间,我们使用了点一个pass了,我们把第一个S0,它的开始时间我们得到以后,接下来得到第二个时间,就是我们的结束时间,等于long点一个pass了。
07:09
我们第二个时间呢,S1,我们得到咱们这个时间,然后只要我们当前时间是我们这个区间,所以说呢,如果说我们当前的这个time,然后呢,正好大于等于我们的start,比如说呢,正好我们这个开始也算,并且呢它小于等于time,然后呢,小于等于我们当前的这个N的这个时间,那说明这就是我们当前要用的这个场次信息,我们这个当前场我们就算是得到了,那我们就来返回当前场,但我们现在返回的不是当前场,我们返回的是当前场的所有的商品信息,我们要把将当前场次直接它的商品展示在这儿,那既然我们得到当前场次了,我们就获取一下这个场次里边的商品信息,当然这一块做完以后呢,剩下的也无需便利了,们就来看当前场就行了,我们直接在这来。
08:09
Break来,跳出循环就行了。好,那么现在就来做一件这个事情,那么这个当前场次的这个数据信息,那么相当于拿到当前场的这个key了,那么想要获取他的这一块数据信息,我们直接还是调用red template来看一下,如果我们拿到这个当前场次的这个K,然后呢,只需要得到它的这个值,由这个值呢还是一个list,好,我们现在就来点一个我们options for list来做一个操作,这个操作我们用什么来获取list里边的这个值,我们来看一下们之前呢,给这个场次里边保存它的关联信息的时候,我们是在上边缓存这个要活动的信息,那按照当前场次的这个缓存时间,然后整个值呢,就是里边的当前场次加上SQID的这种信息,我们现在就要获取里边的这些值,这个值的list的操作呢,我们可以来使用这个方法来到我们这个上边,它呢,有一个方法叫RA,那RA那。
09:13
就是来取一个区间,取哪个K,那这个K就是我们现在要用的精确K,取出这个K里边的值,而这个K里边呢,如果它这个list有很多,那还可以指定从哪个索引开始取,所以我们可以来调这个方法,包括RA这一块呢,我们点进来,它其实对应的是red里边的L这个命令,我们来点进red的文档,那也可以来参照一下文档,它这个意思呢,就是这样,如果我们给里边push了一个,我们看这是r push r呢就是从右边往进放,放了一个Y,然后呢,放了一个two,放了一个three,然后呢,接下来它l range,由为我们是这个push,所以第一次放的one是在最左边,然后呢,Two在这儿,第三个three,那就在最右边,这是最新的,那我们如果是l range的话,那000就是呢,从第零个索引开始,然后呢,到哪个索引结束,到第零个结束,然后呢,它会包含第零个最后一个结束的数据。所以最。
10:13
中呢,它会获取到一个,那就是Y,那我们现在要获取很多怎办?比如它这一块呢,直接有一个,比如负100到正100,当然这个负100到正100呢,必须比我们这个长度大,那从负100开始,直接到我们这个正100结束,那肯定就把我们所有的串全部都拿来了,如果你给的一个不存在的索引,从零开始到十结束,那它取不到,就是返回一个空,那我们为了方便获取我们的这个数据,那秒杀的商品呢,也不多,能来到这儿,我们也直接来取出这个负100到正100的数据,好,我们来写一个负100到正100,我们这个秒杀的商品数据,我们就可以拿到了,我们range就拿到了所有的这个list string,相当于我们这一块呢。当前里边到底存了多少秒杀的商品,这个商品的ID我们就找到了,它是当天场次的ID加商品的ID,然后呢,按照这个四杠二再去我们这个商品的秒杀信息表里边查到四杠二的所有这个信息数据就行了,所以我们现在呢,第一次我们来找到了这个数据,然后接下来我们继续来查询red tempt点一个options,那现在呢,是一个否哈西以我们给我们的SQ这个second k这个里边呢,我们存的这个结构,它是一个哈希结构,这个哈希结构的KK呢,我们之前都得到了,那就是这个集合里边的所有数据我们都要从这得到的,所以我们直接来绑定一个哈希操作,绑定哈希操作来绑定哪个操作,那就是我们来存商品用的这个叫second k sqs啊,那它的K呢,是它,然后呢,这个K里边存了很多商品的值,我们就来挨个获取。
11:58
我们把这块拿到这个,我们就叫哈option,我们的哈希操作,然后接下来我们要获取的呢,那就是这里边的数据,我们直接哈sh options点一个,我们相当于呢,要获取一个指定的K,我们就来get,而且呢,这有一个非常快的方法叫multi get,我们可以直接指定获取多个K的这个数据,那么这个motate拿来,来直接将我们要获取的所有这个K数据来传过来,传过来以后呢,我们来做一个返回,好,我们来返回我们这一块的数据,这块要求我们把这个RA转成这个集合,我们来重新来返回,返回一个list的这个object,这list object呢,它里边其实都是string类型的数据,你们在这都存的是接数据,这个值呢是这个,所以我们为了方便给页面返回这个to对象,那么就应该把这个list来重新给它filter过滤一下,但整个的前提那都是我们这个list不为空。
12:58
来将这些非空半段我们都最好都来做好,因为如果我们来查出的这些数据是空的话,来做for each这些便利,那就出现问题了。好,我们现在来直接拿到它的stream,来给它做一个map的操作,把我们这个当前的这个item信息来拿到,拿到的这个item呢,它肯定是一个string类型的,我们就来给它转,转成一个我们要用的这个red to,那就是这个类型的list,好,我们来new一个,我们这叫second kill SQ red to,那就是这个数据,这个数据我们放给页面就行了,走,因为这个里边呢,既有我们当前活动的这个开始结束时间,还有我们当前商品的这个信息,去页面直接一取,包括它的秒杀价格我们也都有。
13:44
这个就很方便,但唯一注意的是我们给页面返回的话,一定不能返回这个字段叫random code,这就是我们的随机码字段,这个随机码字段只有在秒杀开始的时候我才给你返回,你要带着这个随机码来开始秒杀,所以这个就类似一个密码一样,我们要把它屏蔽掉,那这个屏蔽呢也非常简单,我们先来拷贝数据。
14:07
我们现在呢,先来进行杰森转换,杰森点一个pass object,我们把一个杰森呢转换成我们指定的类型杰森数据,那就是我们当前正在编历的这个item,这个item呢是我们从red里边拿到的string数据,没问题,然后接下来我们把它转成我们指定要用的。这个second q SQ to这个类型的数据,好来转成这个类型,那转完以后我们就得到了这个对象CTRLZ,我们先来撤销一下,我们先把它呢在这一块来做一个转换,这一块的转换呢,必须来把我们第一个参数来转成我们的string类型,我们直接拿到它的这个two string,这也没问题,因为我们这个东西呢,本来就是string,或者我们在这儿强转一个string也可以,好我们现在把这个拿过来以后呢,我们将这个to我们先来转换过来,那转换过来我们得到了这个red to以后,那这个呢就不要了,但是我们red里边存呢,有这个随机码,我们把这个随机码那叫set random code,把这个随机码呢,我们先来给它设置一个nu,那就是我们页面返回的这个当前秒杀的这个商品信息,我们不需要呢,带随机码,但是我们现在来想一想啊,因为我们这个当前秒杀这个活动已经开始了,我们其实就是要带着随码。
15:28
访问的,所以在这个场景下可以带,但是呢,如果是我们这种情况,那现在是预告信息,在预告信息里边呢,你相当于能查出这个商品,那将在几天后参加我们这个预告,那我们再把这个随机码一显示,那就不合理了,所以在这一块呢,随机码我们可以给他保留上,因为我们这个当前秒杀都已经开始了,当前秒杀开始了,就需要咱们这个随机码,好我们现在把这个to准备好以后,我们最终来返回这个数据,把这个数据呢点一个collect to list,把这个数据最终返回了以后,把这个数据呢来返回,那我们最终return一个这个collect就行了。那如果我们。
16:13
利色不为空,我们就呢,直接给他return一下。这是我们来找到了我们当前可以参与的所有秒杀的这个商品信息,我们现在呢,可以把我们的这个秒杀服务,我们来启动一下,这个秒杀服务呢,还会进行一个上架操作,那么现在没有需要上架的数据,那么需要上架的数据呢,在这都已经有了,我们来给它启动起来,好,那们现在呢,秒杀的服务现在已经启动,来访问一下们这个东西呢,看能不能得到我们当前需要参与的所有秒杀商品,那直接呢用它的这个端口号访问,因为现在还没有配网关映射到这儿,好来回车,我发现呢,现在的数据是空的,没问题,因为我们现在呢没有。任何能在我们这个秒杀期间参与到这个商品,那我们可以来操作后台给他上架上几个,那们直接来操作后台管理系统,来写一个adin阿din,那正好呢,EP这个WY,我来上架上几个商品,我们来查一下在我们的营销系统里边每日秒杀,那我们现在来看一下当天的这个时间,那这是22号,我们这个12点,那么就来上架一个12点到14点这个区间的这个秒杀商品,好们来新增一个场次名称,那么就叫12点,然后呢,每日开始的时间,现在呢是我们的22号,那就是此刻,此刻呢,我们现在应该是12点整,我们这个呢,给它开始,好,我们这个12点整,假设我们这个秒杀活动呢,早都开始十几分钟了,12点整开始到几点结束呢们还是当前我们给他呢,在14点进行结束,因为我们现在这个定时任务每分钟都扫,所以呢,一会儿他这个自个儿呢就上架上来了,我们来到我们的这一块,好,来到这一块我点。
17:57
一个确定,那么这个秒杀活动的其实这个时间就好了,我们启用状态是1.1个确定,然后呢,接下来我们来关联上一些商品,那这个商品呢,我们就来新增上第一个商品秒杀的价格数量啊,随便设置一个,我点一个确定,相当于呢,我设置了一个秒杀的这个商品,然后我们来看我们的秒杀有没有活动上架,我来右加重新刷新一下秒杀呢,新上架了一些活动,这是六杠一,那在这里边呢,也有六杠一对应的这个数据信息,包括呢,我们这个六杠一,我们来看一下它的这个随机码814B 814b它的这个库存呢,只有四个,那没问题,那现在关联的这个秒杀总量都可以了,那么现在既然呢已经上架了,我们来看能不能查出当前可以秒杀的商品走。
18:44
那现在呢,看到我们这个查出数据指我们这个数据呢,List不能转成我们的这个string类型,那来到我们这个强制类型转换这一块点这,那我们相当于来到这儿,就是我们这个multi get的问题,好,我们把这一块呢停掉,来看一下我们multi get这一块的用法,在这一块我们这个multi get呢,它需要我们这个集合,这个集合是我们这个K的类型,那这个K的类型,我们这K其实都已经有了,那我们就直接拿到这来进行。
19:13
使用就行了,我们就是这个range,所以我们这个类型呢,这一块是一个string,我们可以来给它约束一下们这个是一个string类型,我们加上这个约束呢就可以了,好,现在呢,我们来得到了们这个multi g们得到所有的数据,这个数据呢,我们最好来也返回一个string类型,好我们在这呢全部给它约束,好都是string string,那们在这保存的也是string,返回的也是string,那得到这些数据以后,我们接下来做一个测试,好我们先来重新来启动我们这个秒杀项目,因为我们这个数据呢已经上架了,我们现在只需要来查一下,那当前页面只要能查到这个信息,我就可以在页面来进行展示,来稍等一下这个控制台,好,我们把这个控制台我们来清空,来重新来获取一下我们需要秒杀的这个商品数据,当前秒杀数据,我们现在呢,查到了一个这个数据呢,就是我们这个pro门ID我们没有,然后呢,它的数据随机码也有,当前秒杀的这个商品信息没问题,那在这呢,直接在data塔的这个集合里边你就查到了。
20:14
所以呢,只要我们这个页面,我们这个页面呢,给我们发Ajax请求,然后我们会判断这个请求的当前时间,当前时间符合某某个秒杀场次的这个信息了,我就给它获取上来,如果没有了,我们就像之前获取不到,那接下来我们要做的就是在页面来展示这个商品信息,那这个展示呢,就非常方便了,我们直接来到我们的这个商品页,我们这个商品呢,这是我们的首页,我们在首页呢,在这来先展示,当然这个展示之前,我们先来配置一下我们的网关,我们就让所有属于秒杀接口的所有请求来转到秒杀服务里边,好,网关这一块我们再来配一个我们的host配置,那么所有的这个请求如果是秒杀,那就转到秒杀里边,就放到最后边吧,那现在呢,又多了一个微服务,那现在是一个秒杀,那就叫second。
21:09
那我们这个秒杀服务呢,我们来也给他转过来,我们秒杀服务在这CC来到这,那域名呢,整个域名系统也是我们的秒杀服务second kill,然后我们再来配置一下我们的整个域名方案,来到我们的软件这一块,那将我们Windows的整个域名方案我们先来配一下,保证我们拿域名呢,先能访问到我们这个指定的IP地址,好,那么现在呢,再来多是添上一个方案,就是按照我们这个秒杀的这个域名先访问到我们这个虚拟机,那秒杀的域名呢,叫second pill,那就是它。如果你访问这个域名,就访问到虚拟机,虚拟机再转给网关,让关一看是这个域名,再来转给我们对应的微服务,好我们来直接应用上这个方案,那接下来请求一下,看我们现在来使用域名能不能进行访问second Q点一个鼓励mail.com来想要访问呢,我们一定得重启一下我们的整个网关,我们在这来重新启动一下我们的网关功能,好,我们现在这个网关启动起来以后呢,我们使用来域名访问一下来回车,好现在这个域名呢就可以访问了,没问题,接下来我们就来到首页来做一个展示就行了,那直接来到我们这个商品的首页,这个首页我们资源里边,首页呢是我们的index页面,那这个index页我们直接来ctrl end们就在下边来写我们的这个script的代码,那这个页面呢,只要一加载起来,我们就来Dollar符,点一个AJ,我们现在主要发一个get请求,所以我点一个Dollar get,我们发一个AJ的get请求。
22:45
请求的地址那就是HTTP,我们直接把我们这一块的地址复制过来就行了,CTRLC,然后呢,得到这儿,然后呢,最终请求呢,会返回一个数据来写一个方式,那这个最终返回到我们这个数据data,把服务器返回到这个数据,我们就叫response吧,好,返回到这个数据,数据呢那就长这个样子,但我们现在呢,要给这一块来进行展示们右键检查元素来看一下我们这一块的内容,这一块的内容呢是一个ul,我们来确认一下,那这一个u Li u l里边每一个呢都是一个L,每一个需要秒杀的商品是u lii,来找到这个ul control c。
23:25
我们来到我们这个首页,这CTRLF,好,我们来在这CTRLV,我们来找一下这块呢,没有,那说明我们这块的ul,这都是动态的,我们看能不能找到我们的这个Li image是它的,我把这一块复制过来,CTRLC,诶CTRLF走来找一下它那就在这,好,那现在呢,我们这个u l Li,我们就留上一个就行了,我们把这个Li呢全部去掉,来留上一个模板,这个模板呢在这Li呢,长成这个样子,因为我们是发AJ请求的。所以Li有几个,我们相当于Ajax要创建一个这个模板,放到这个ul里边,这个ul我们为了方便你就来写一个ID,我们就叫second kill content,我们这个秒杀的这个SQ的信息内容,然后我们来给这一块来获取,来展示这个数据,来我们这个详情页的数据就是这样子的,这样子呢,我们来写一个来Dollar幅小括号,我们先来创建一个标签叫LA,因为这个标签呢,我们来创建出来的这个Li,我们最终呢还要放到我们这个UI里边,然后这个Li里边有一个元素,点一个我们来给它end,给lii里边追加第一个元素,第一个元素呢是一个image,所来Dollar符小括号,我们再来创建一个image标签,来创建好这个image标签,这个image标签我们来创建好以后,包括它的这个SRCSRC地址是什么,那么就直接这个response返回的是什么,那就是什么。
24:58
但是我们这个Li里边到底有多少个数据,我们先来得到一个这个Li,我们这个数据呢,相当于我们秒杀的这个商品呢,有多少个,那就有多少个Li,那么这个商品呢,都在data里边是一个list,那就来直接来获取就行了,我们拿到这个瑞Bo,第二里边的data,这个data呢,它是一个list,当我们所有的前提就是如果response,第二给我们返回到这个code等等零,那如果有数据的话,我们就来给他进行一个返回,其实就应该是我们这个data data里边的这个size,这个LIS。
25:34
点一个Les,我们这个data呢有长度,然后呢大于零,我们就来给它来做这个事情,然后呢,首先搞到一个Li,这个Li里边呢放上一个我们这个image,然后image给Li里边除了放一个image,然后呢再给后边再放一个P标签,那就是以前这一块是怎么构造的,我们现在就直接继续openend,给里边构造Dollar夫小括号杰克瑞的写法,我们直接来写一个P标签,那就把P标签整个就构建在里边了,然后呢,P标签完了以后来看这个P里边呢,我们再来放一个SPA,不是给P里边,P外边再来放一个SPASPA后边呢还有一个S标签,这个S标签呢就是价格,所以我们现在呢P后边又有一个span,那么现在就来Dollar符,就来创建这些元素就行了,Dollar服小括号来创建出我们的这个元素。span标签走。
26:30
我们把这个元素呢放进去,包括呢,我们这一块,它后边呢继续啊end。那再来追加一个Dollar符小括号,Dollar符小括号我们这个SPA后面呢,还有一个S这个标签,所以我们就来创建一个这个S标签,然后里边都是什么内容,因为在我们这个L标签里边呢,放了这四个,然后呢,我们来看里边呢都是什么内容,Image里边呢,主要有一个图片,那就是我们来要遍历我们这里边呢有多少个Li,我们得便利我们的这个data,所以呢我们response data,我们可以调用我们这个GS的for each方法,我们来做一个便历这个for each里边呢传一个回调函数,这个回调函数呢,那就是当前正在便历的元素啊item我们来写上,然每一遍利一个元素,我们就要生成这么一个Li,包括呢,我们整个Li全部构造好以后来看这个Li呢,只要aend的一个东西,如果我们来查看杰克瑞文档。
27:29
我们就会发现它调完openend的方法以后,我们来找一个openend openend呢就是给里边添加一个元素,比如这个P标签,P标签呢,原来是这个,我们给P标签里边选中调用一个openend的B标签,那P标签里边呢,就有一个B标签,但它最终呢,返回的还是解壳对象,相当于我们操作完后的这个P标签,所以我们在这儿不断的追加Li里边追加追加追加追加到最后一步,它返回的还是整个Li,然后呢,我们再来调用aend to,一个aend to aend to的作用呢,就是把它追加到哪。
28:02
这个end呢,是给Li里边放东西,那上边一步给Li里边放完以后,把整个Li再放到我们这个UI里边,这UI呢,我们之前也给了一个我们现在指定的这个ID,我们来找一下我们ul的这个ID,我们来找一下我们这一块的元素,Ul的ID我们应该叫second q,我们的这个SKU content好就是这,所以我们给这呢来追加数据就行了。我们来走到下边,我们来这好,现在呢,我们就aend aend到哪呢,来写一个选择器井号它,所以这就是我们整个便历方法,这个便历里边的src,我们就可以来给它操作一下,然后呢,我们来加上item,当前正在便历的这个元素里边有没有这个图片信息呢?你在这来看一下返回的这个数据,这个数据里边这一块呢,有一个属性是SQ英,这个英里边呢有一个SQ default image,所以我们记item里边的sqfo里边的SQ default image,那就是这个,我们就在这来整一下,然后呢,接下来P标签里边就是我们这个标题,我们就来直接给它追加上一个那当前item。
29:14
第2SKU info,点一个SKU英O里边呢,那还要标题,我们就来给它。找到一个标题,这个标题呢,就是我们下边的这个信息SQ title,把这个title呢,我们复制过来。好,这是我们的SK title,包括我们这个SPASPA呢是我们的价格,然后呢,还有我们这个S,这有两个价格,我们来看一下页面的这两个价格,这个最大的呢是我们原价,然后呢,这个是秒杀价格,那原价我们来展示一下。原价在S这儿,这是大的,那么这个原价呢,也好展示都在我们这个SQ info里边封装这这个SQ ino里边,还有我们当前商品的这个原来的价格们来找一下它的这个商品的价格,在SQ in里边有SQID还有一个price,好我们来就来找一个它点一个price,然后呢,秒杀的价格那就在这,好我们来加上加上一个item点一个,那秒杀的价格没在SQ info里边,直接呢,在我们当前便利的这个数据里边有一个SQ我们的这个price,那么现在呢,就是它,然后呢。
30:23
来调用一下,点一个看好,那么现在这一块呢,我们就来写好了,那页面只要一启动一刷新,我们就会呢,有这一块的内容,CTRLF9,那将页面重新编译一下,那现在来刷新一下我们的这个首页,看们能能不能拿到我们的商品信息来刷新好刷新以后呢,我们得到了这个秒杀信息,没问题,那就是这个秒杀信息的图片,这些信息都太大了,我们来稍微调整一下,我们可以看一下第二联,第二联我们这里边的所有这个图片,图片的大小呢,一百三一百三,我们可以给它规定写死好,我们现在来到我们的这一块页面,那这个图片呢,我们来写一个style style的宽。
31:04
那么现在就是130像素,然后呢,高这个高也一样来写一个一百三这块呢,我们给它固定起来,CTRLF9,那页面呢,重新刷新一下,来到我们这一块首页来刷新刷新,那我们现在呢,这就有一个秒杀的商品信息,当然我们现在只有一个,如果更多,我们就给后边继续来追加。
我来说两句