00:00
接下来我们来编写订单模块,那MQ的其他功能,比如延时队列等等,我们在订单模块用到的时候,我们再说,那订单模块呢,我们同样我们可以来参照京东,首先呢,我们搭建起我们这个订单模块需要用的页面,比如我们在购物车里边,如果我们购物车里边已经有一些商品,我们可以去来点击去结算,那就会来到我们的订单确认页,那确认好一些收货信息以后,那可以来提交订单,那就会来到支付页,然后呢,如果我们再来选择支付,那就会来到我们的支付页面,所以呢,整个这个流程,我们把这一块的页面环境来搭建起来。那在订单里边的所有页面环境,我们全部给大家放在了高级片,点开代码里边,我们HTM这一块呢,有我们等待付款页,我们来看一下这一块。那这个呢,其实是我们的订单的详情页,比我们来点进订单,订单当天的状态是等待付款,我们可以去付款订单其他状态都会有相关信息,以及我们的送货方式,包括我们的物流信息在这也会有展示,还有我们的收货人信息,以及我们的配送信息等等等等,所以呢,我们现在这个页面就是我们的订单的详情页,我们认为呢,它是详情页,然后呢,接下来是我们的这个订单页,我们来点开看一下,那这块呢,是我们所有的用户中心的订单列表页,那我们再来还有我们这一块的,我们来看一下订单里边还有这个结算页,来点开结算页就是我们刚才的订单确认页,以及我们这一块的功能,我们在这收银页来看一下,那这一块就是我们的支付页,我们选择一种支付方式,我们就应该去跳转支付,我们订单呢,目前牵扯到这么几个页面,我们把所有的页面我们全部复制到我们的这个订单服务里边。
01:52
样的,由于我们做了动静分离,把这些页面要用到的静态资源我们都上传到Linux里边。好,我们现在来打开我们的Linux连接客户端。
02:04
我们先给N来上传我们的动静分离资源,好我们先来CDCD到我们所有的数据都在买data,我们的这个NXCD,我们NX这个目录里边,我们想要给这个目录里边来上传东西,好来连接上它,使用这个文件传输工具,我们先把每一个模块的这一块资源我们都上传上来。好,那么现在来到了engines里边,所有静态资源都在htm Mr static里边么,订单模块,我们就将所有的静态资源都写在order里边,好,那订单模块呢,有很多,首先我们第一个这个等待付款,这是我们说的这个订单详情页,我们把这一块呢,我们就叫我们给它起一个专门的文件夹来放这一块的内容,我们就叫D,这是订单的详情,好,那这个详情页的所有静态资源,我们把它放到这一块,我来复制一下。
03:01
这是详情页要用的静态资源,那同样的我们把详情页的这个页面模板,我们复制到我们的订单这一块,来到订单服务,我们把这个详情页的模板复制到ten里边,我们给它也起一个名shift f6,我们就把它叫dating,这是我们订单的详情页,然后我们继续我们订单呢,除了我们这个详情页,还有我们这个订单这个确认页,来看一下这个页面呢,是我们的订单确认页。诶,这应该是我们的订单列表,所以我们接下来把所有的静态资源放到我们的订单列表这一块,好,订单里边有detail,我们再来用我们的订单列表就叫list,那订单列表页的所有静态资源复制过来,同样的,我们把这个页面CTRLC,那现在复制到这一块,那现在呢,就叫我们的列表list htm,好。这是我们的订单列表页,同样我们订单呢,还有一个页面是我们的这个结算页,结算页我们来看一下,这个呢,是我们的订单确认页,好,确认页的这个静态资源信息我们都放到另外的文件夹,我就叫康诶订单确认页的信息。
04:16
我们全部订单所有的页面都在order模块下,订单确认页的静态资源,我们先来复制过来走,然后呢,我们把这一块静态页面我们也复制到我们这一块,好,我们这一块呢,是我们的订单确认页面,还有一个我们的订单页面。那订单页面里边还有一个叫收银页,那这个页面呢,其实就是我们的这个收银台,我们来选择支付方式的这个页面,我们把这一块的静态资源CTRLC,那订单的支付支付信息,好,我们现在呢,就来这一个配订单的所有跟支付有关的静态资源放过来,以及它的这个模板,我们把它呢复制放到这,就叫配点HTML,那么把这个动静分离的资源我们先提取出来,然后同样的我们再来配置上我们的域名服务,那还是打开我们的软件。
05:12
咱们这一块来在Switch host里边,那订单呢,是要跳转到一个新的域名,就类似于我们这个京东这一块来打开跟订单有关的所有信息,我们随便点一下都会跳到我们这个新的域名,好那么现在呢,所有订单的这个域名,我们就叫order古ma.com,好,我们现在呢,就叫order古mail com,这是我们订单要用的域名,同样的。我们这个订单页现在要做的效果就是我们如果访问order国ma请求呢,先会来到我们的Linux服务器的inx,那inx呢已经配置好了这一块转发我们CD到F里边,再给大家来确认一下CD到com d里边看一下我们这个古励mail这一块的conflict,那在上边呢,配置了所有是static路径下的都带静态资源HTMMR这一块来找所有的动态请求,除了这些我全部呢负载均衡到鼓励mail这一块,而鼓励mail呢是我们后台的网关地址所我们接下来要做的就是我们来到网关,我们这个域名呢,现在已经应用上了,就是我们这个古力ma这个方案,然后呢来到我们的网关,网关一定要配置我们的路由功能,来到网关的配置文件。
06:36
好,我们来打开网关的配置文件,我们订单模块来看一下以前的这是购物车模块,购物车模块的路由规则是这样子的,然后我们同样的如果是订单模块,订单模块我们也是加入到了注册中心,好,所以呢,我们给它负载均衡到我们的订单模块,只要所有域名是我们这个订单这个旗下的所有请求,我们都给他路由到我们的订单模块,那么这一块呢就写好了,同样的我们把页面的所有的资源路径我们都来变一下,所有的src,首先我们来确认一下这个come form,这是我们的订单确认一页,订单确认页的这些资源XSHE,好,我们现在连接上我们的电商5610,然后呢,我们来打开它的这个FTP上传,我们是没有暴露FTP端口,它这个呢,还是拿我们的这个二二端口来直接连接上来的好,我们现在的静态资源在这一块MY。
07:37
我们都来确认一下NX htm Mr static订单里边都在这,好,然后订单确认页的所有静态资源路径呢,都要以static order control这个开头,CTRLC,所以我们来到这个订单确认页,把这一块来改一下,Control r,所有的这个src都得变得来加上这个路径,给他们的下边都来加上这个路径replace,啊,好,Src变了,还有我们的这个ref ref呢也一样,加上我们这一块的前置路径replace,哦,以及我们这个SIM利的模模板页面,那要给这来加上thy SIM的名称空间,好,那我们的confirm页就改了,还有我们的detail这个详情页,那详情页这一块,所有详情页的都在我们这个detail这个资源路径下。
08:29
把这个资源路径复制过来。好,来到我们的这一块,还是h ref,我们先把这一块来修改一下,它呢全部都加上这个前缀路径。注意再来加上一个杠,Replace啊好,这一块呢,替换好了,那看一下之前的confirm这一块都是确认没问题的,都加上了这个杠,然后我们的这个data里边,现在先把h ref替换了,然后还有我们的所有src,我们这个所有的src我们现在也要替换,加上我们的前置路径,好,所有的SRCSRC走replace all,好,现在也都替换完成,那么这个订单的详情页我们就改完了,然后再来我们的订单的列表页。
09:14
同样我们把详情页也来加上SIM,名称空间好,Y,我们加上这一句话,来到我们的list列表页,先来加上名称空间THY,然后我们来还是来改re EF CR r,那这个列表页呢,所有的前置路径,那就是我们的static order list,好。复制过来,来改一下static order list。Replace all来替换过来RC替换过来我们的h ref,那么这一块呢,替块呢好像有问题,那么将所有的h ref替换成了src,好,我们来CRLZ,我们在页面CRZ,让他们取消这个替换CRLZCRL后好,我们再来CRLZ,所有的h ref,好,现在呢,在这我们要替换h ref CTR r h ref全部替换成我们现在这一块是叫list,少了一个双引号,走,我们这一块呢叫list,好,我们现在把它replace,哦,Ref我们现在替换了,现在就剩我们的src,把src我们也一替换CTRR。
10:25
好,Src的这个路径都来加上PL,哦,来我们list页面也改完了,接下来就是我们的支付页,来到支付这一块,先来加上SIM夫的名称空间,然后我们来再来改每一个的h ref,走h ref里边,那它这一块就要改成h ref。那我们的这一块,我们支付页呢,就加加上一个这个配这个前置路径就行了,那么相当这一块来改为配好replace啊ref改掉,然后呢,还有src,我们把这一块的这个斜线我们都给它拿过来,那src我们也要替换CTRR我呢全部来替换。
11:08
加上我们的前置路径replace哦,那这个前置路径呢,我们也都加好了,那么以前这一块的所有这块路径,这个短斜杠CRR我们可以来替换成那这种斜杠,好replace啊,现在所有的页面呢,我们全部来改完了,我们来确定我们order服务一启动来访问请求的时候呢,可以访问到这些页面,我们就来写一个测试的controlrler,那这个controlrler呢,那我们专门是外B项目,我们专门写一个包,这个包就叫外B,我们页面的跳转的controller,我们全写在这儿,好,我先来写一个hello controller,这个controller我们先来标一个注解,我就叫controller这个注解,然后呢,我们来写一个请求public string,好,我们现在呢,就是去list配置,我们随便去一个页面看一下我们能不能访问通过at一个get map get map去哪个页面的HTML。
12:05
我们现在假设这一块呢,是一个路径变量,我就要配置,那么就来写一个string配置,我们来测试一下这四个页面是不是都能访问,用pass variable路径变量来到我们的这个配置页,然后呢,我们输入去哪一页,那就给我们跳转到我们这里边的指定页面,好,那就是跳转到这个指定页面路径,那同样的我们想要用页面整个跳转功能们的订单服务,就得引入SIM live们来看一下么?这一块呢,没有引入SIM模板引擎,我们在这来引入一下dependency SIM live的start BOO start SIM好引入过来以后,我们还是一样以前的配置,禁掉SIM live的缓存等等,好,我们先来SIM live catch在开发的时候把它禁掉,然后我们现在来启动一下订单,同时来启动一下我们的get外网关,我们先来测试一下订单服务的访问。同样的,我们一定要启动我们的。
13:05
啊,NAS这个NAS呢,我们在后台8848已经启动了,好们先来启动我们的订单和网关,那启动起来,我们确认一下我们这些页面是否都能访问,我们动静分离的这些配置是否都可以,好那我们现在要访问,那就应该是order。点一个鼓励ma,点一个。com,接下来我们要访问什么页面,我们只需要写这一块视图的名字,我们这都是用路径变量来做的,那么就来仿第一个list.htm Mr list.htmmr。好,我们现在先确认我们后台的所有服务都启动成功,好,现在我们这个网关启动成功,我们的order订单服务也启动成功,我们后台的NAS也都有,我们现在来访问一下,我们如果访问这个域名,先来虚拟机NX,再转到我们的网关gety网关,再按照域名转给我们订单服务,看一下能不能通走,我们发现这一块呢,一直是服务不可用,那说明我们这个订单服务它呢并没有加入到注册中心里边,们可以去nacos里边确认一下我们的8848,好,Nacos的8848来进来我们NAS的控制台na NAS。
14:19
我们确认一下我们的服务列表,现在只有一个网关,那接下来我们的订单服务一定要加入到注册中心,那怎么加呢?先我们先来引入了common common里边引入了NAS,然后我们在这首先我们要把自己加入到注册中心,我们有一个叫enable discovery client,开启我们的服务注册发现功能,然后我们再来配上NAS的地址,好,我们现在配在application properties这边,那么就叫点cloudnus discovery,我们要配置注册中心的这个server a drr,那么现在注册中心是127.0.0.1,冒号8848,好,我们现在重新来启动我们的订单服务,保证它呢一定加入到我们的注册中心。当然我们要启动这个服务,要加,我们要用到默认的名字,我们也得配置来看一下,我们现在也没有配置应用的名字,所以我们在这一定要配一个应用的名字spring.application name。
15:20
应用的名字就是这个古me order,好,我们现在来重新启动一下。把应用的名字配上以后呢,我们来重新让他加入到注册中心,我们在这一块来确认一下,我们来稍等我们的服务启动完成好,我们这个订单服务呢,现在启动完成来刷新一下。那么这一块呢,我们的order服务已经上线,那没有什么问题,那现在再来访问的list页面走。哎,我们发现我们这个页面呢,是可以访问的,那list可以访问,我们挨个页面来进行确认,那还有一个叫confirm HTML,我们就把confirm再来访问一遍。好,Come呢,这一块也能访问,只不过我们下边页面的这一块内容不对,我来F12。
16:03
我们看到这个控制台呢,有问题,包括我们页面下边没刷新出来,肯定是我们confirm这一块页面都有问题,那下边看一下它这一块检查说我们这一块有这一段的这个文本没有完成,我们把这一块CTRLC我们来找一下来SIM live还给我们来检查页面的这块模板对不对,这一块呢,我们来看它是说是在页面的哪一行有没有来写,是哪一行来确认一下杠星来看CTRLF走。那就是在这一块,那这一块它注释掉的这个地方,我们把这个杠芯呢删掉,这一块牵扯用到了SIM live的一些语法,主要呢是它这个杠星开始了结束没有做完,然后我们来再来看下边有没有新杠,这种没有完成的新杠没有好,我们现在来重新CTRLF9页面编译一下来重新刷新。好,那现在这个页面呢,也没有问题,就是那一块杠芯有问题,然后呢,我们confirm确认完了再来确认这个data list我们也确认了,确认一下这个data走好,Data这一块呢也能显示没问题,然后我们的最后配支付好来看一下这个页面走好,那这一块呢现在都可以显示,那么现在页面的整个跳转环境我就搭建完成了。
我来说两句