00:00
前面呢,我们复习了一下异步与线程池相关的内容,那接下来我们就来编写我们的商城业务里边的商品详情页功能,详情页功能呢,我们可以来参照我们的京东,比如我们在这来检索的时候,我们访问的是search点京东。com大家看这个域名,然后我们检索到某一个手机了,当我们来点进去以后,它会跳转到item,京东点com,我们切换了域名,然后呢,这一块是我们的SKU的ID,我们在这呢就将当前商品的详细信息,但是商品是这个版本的详细信息呢,我们就在这展示了,那么先来搭建好我们整个域名跳转环境,那这个环境呢,我们先来打开我们的Switch host软件,好。我们用Switch house们先来写上我们的这个域名,跳转配置上这个,我们用管理员身份打开,我们现在呢,是这个古力妙,我们一定要选中这,然后呢,我们的域名再来加一个item,点鼓ma.com,我们就叫item,这也是我们的详情页功能,如果访问这个域名,那也就会跳转到我们详情页,好,这是这个,然后呢,接下来为了能正确跳转,我们还要配置我们的NX,好,我们现在连上我们的虚拟机,我们在这儿使用X shell,我们来连上虚拟机,我们把ni的这个域名配置也变一下。
01:18
来,首先呢,我们所有NS的配置我们都放到了我们的这个my data,我们叫my data n config里边,在config里边呢,有一个conf f.DLS,我们鼓励mail配置呢,都在这VI,我们的鼓励ma,好我们conf f,那么I进入我们的输入模式,那么这一块呢,首先新点鼓立mail.com这一块已经能匹配上item了,好,那我们N呢就可以不用管了,放在这儿,然后呢,接下来改我们网关,因为我们这个请求啊,如果是item点鼓励ma com先转到NSN带上域名以后呢,再转给网关,网关才交给我们微服务,那么商品详情页这个功能还是属于商品服务的,我们就直接将详情页的内容也给这写,我先来配上网关,要让它能跳通。好在网关这一块呢,我们这个来到商品服务,我们可以看一下,那除了鼓励ma.com这个域名会来到商品服务外,来我们再来加一个域名来,我们就。
02:19
第em item点鼓励mail.com,那我们这个呢,也可以来到我们指定的这个地方,好,然后呢,我们来重新启动一下网关,把这个网关启动一下,当然我们启动所有微服务之前我们就不多说了,这个NAS1定要启动起来,然后呢,我们将商品详情页的内容先来复制到我们的商品服务,然后将详情页的一些静态资源我们再来转到NGX,我们在课件里边,我们来复制一下在高级片,我们docs,我们支付代码这里边,好,我们这呢有一个详情页们来看一下详情页,详情页呢主要就是这个我们来点开,诶这就是我们整个商品详情页的功能,那我们把这个页面模板,我们先复制道我们这个微服务里边,那这个详情页是一个留空的,好,我们就要有东西的,有东西的我们就知道改哪了,那我们把这个详情页,我们先复制到我们这个商品服务,好,那这个商品服务除了有这个index,我们再把这个。
03:19
详情页我来复制到这儿走。那这个详情页呢,们也来改一下,我们就叫item,好,我们在这来改一下名shift f6,我们的详情页呢,我们就叫item item.htmmr,那里边的所有资源引用我们肯定都得变,那在变之前将所有的这些资源我们都上传给我们的NX,好我们现在呢,来连上我们ins文件上传,我们现在是商品详情页的一些静态资源,那么就专门来创建一个详情页的文件夹,好我们来到NS,我们所有的静态资源都在HTML里边,由静态开始,然后呢,我们这是首页的,这是检索页的,我们再来创建一个文件夹,我叫详情页的item,那item里边的所有资源,好,我们全部来复制过来,我们给它转移过来,走,让它慢慢转移,我们来改一下我们这一块的整个访问路径,那以后所有的这一块访问h ref,那我们都得加上这个路径,我们写一个。
04:22
N圈R来进行替换,替换成什么呢?将h re EF我们都来加上,首先得访问static static呢,相当于访问我们这个静态资源下我们详情一页呢,叫item,那我们再来加一个item,好,这样来replace all,那以后所有的资源会访问static下的所有东西,而static下的所有东西呢?那ins已经配置了,是直接让静态资源处理的,我们可以看一下,再确认一下古mail con,我们确认一下,我们凡是访问我们杠下的往过转,但是如果我们有访问static下边的所有东西,那就在HTML里边按照路径来找,这个没什么问题,好。
05:06
那么现在呢,把这个静态资源ref改掉了,我们再来看我们肯定还有一些图片,我们来下边找一些图片来看一下我们有没有对图片的引用,那肯定在下边我们这个商品展示的时候,所有图片的引用也一样,CTRLR,我们呢,给它替换成加了static item前缀的replace哦。这一块全部替换完了以后,我们来重新启动一下我们的这个商品服务,当然启动之前我们还是要写一个ctrler,因为我们要发送这个请求,发送一个带上我们SQ的ID,点一个HTMR,我们来查出当前HQ的商品详情,好,我们就来到商品的服务,我们在web里边,我们除了与index controller,那我们商品详情呢,我们再来新建一个controller,这个controller呢,我们就叫item controller,这是我们商品的详情信息,Comeler,好,那么这个详情信息呢,我们就来写一个,因为我们是页面跳转,所以我们直接呢写controller,就不写rest controller了。好,Public我们还是来先一个public,我们的string,我们现在要返回一个页面地址政,然后呢,我们是SKU的item SKU的详情页信息,然后呢,我们return要跳转到的位置就是我们这个item。
06:29
HTMMR,因为我们这个模板引擎前后缀都加了,我们就不用加这个前后缀了,然后我们要处理的请求来加上at一个get map,好,那要处理的请求呢,就是杠,那么这一块呢,会带上SQID,比如一号的详情,所以这一块这一块是动态的,我们就写一个路径变量,我们叫SKUID,所以我们在这呢就来了,来获取到我们的SKUID,这个相当于展示我们当前SKU的详情,我们展示当前SKU的详情。
07:07
来,因为这个肯定是SKU,因为我们有价格呢,就是某一款商品有价格,我们要展示这个详情的,好那展示这个商情呢,我们就先来在这儿来输出一下,哎,我们这个准备来查询谁的详情,我们先来看所有的页面跳着能不能用,准备查询我们哪个SQID的详情呢,我们这个打印一下,准备查询这个的详情,好我们现在保证一切都能跳出,我们把这个商品服务来也来启动一下。我们来看一下我们最终的效果,如果我们在这儿来进行访问,来到我们的这个服务,如比如我们在这儿来检索了华为,我们在这儿来检索了华为,我来点击搜索,好们搜到了一些手机,当然我要点它的时候就要跳到我们的详情页,我来点,但是我们这个页面呢,没跳转,没跳转的原因我们还是得改我们的检索服务,因为我们整个检索的结果是在检索服务里边放着,好我们来到检索服务,将检索结果便利的跳转,我们来改一下检索服务页面,好,那页面呢,我们先来审查元素,我们来看一下我们的这个商品的展示,都在这来右键检查元素,我们整个元素检查呢,这是这个A标签,它在什么class DA里边,我们就来找这个class DA,整个大A标签里边有图片,图片我们遍历好的,但链接跳转我们要改一下,好,我们在这来找到CTRLF,我们来走一下。
08:40
好,Class大A,那就是这个,这是我们的图片,然括我们要跳到哪个指定的地方,包括我们点商品的标题也一样,我们都要跳到我们相同的地方,那么就在这来写一下,那要跳到哪个地方呢?我们跳到这HTTP冒号,然后呢,我们是item item配置了叫item点鼓励ma.com,我们下边的当前SQ是几它点HTM,所以呢,这一块是动态的,那么就来写th ref,那这一块动态要怎么取呢?我就来写一个Dollar符大括号。
09:20
那前面这一块呢,都是常规字符串,只有这一块是变化的,那这个常规字符串呢,如果我们要拼串挺麻烦的,在我们SIM leaf里边有一个快速写法,好,我们如果是字符串,我们给它加一个两个竖线的标志,当然这两个竖线呢,不是加在这儿的,我们要这么来写它的,是这么来写,我们来加在外边。我们就将前边的这一串好,把前边这一串呢直接拿来,还有后边的这一串我们也拿来,而中间呢,我们动态取,我们就写成动态的,当然这一块的动态要怎么取呢?我们应该是Dollar福大括号,当前我们正在便利的检索到的这个商品的ID,我们这个ID呢,我们才知道它是哪个商品,我们来看一下,它呢,有一个SQID,相当于呢,我们当前正在是这个商品。
10:14
我们来CTRLF9页面呢,重新编译一下,我们来看一下页面效果,我来刷新,好现在刷新来以后呢,我们接下来看我们这个图片审查元素,这它呢已经跳到我们指定的位置了,一点HTM2就是在这儿好,我来点一下,我们来看跳转,好现在呢跳到了我们整个详情页的功能,但是这个详情页呢,不是查到我们具体的手机,那我们的所有内容,那么下节课就可以在这儿来准备来查询它的详情,我们先把环境呢搭建好。
我来说两句