00:00
OK啊呃,接下来呢,我们就要把这个。前端界面给他对接进来了,好吧,那这个前端代码的话呢,我们不需要大家自己去写哈,我们就已经准备好了,来看一下,呃,在这个资料中啊嗯。找一下我们这个资料啊。在这个资料中,我们有一个前端页面代码,然后呢吧,然后呢,我们把它这个解压到当前目录啊,解压到这个当前文件夹。它直接放到最外面了啊来,它总共有三个啊同学们,一个是这个,一个是这个,一个是这个。然后对吧,这里面总共有三个文件啊,那我们需要把这三个文件看了啊,把这三个文件一个两个三个,我复制一下,把它放到什么地方呢?看好了啊,放的位置很关件啊,放到我们的。就是我们的这个项目下面这个模块下面,然后呢,找到什么呀,找到你的resources看到了吧,在这个resources下面,它有一个static这个目录,我们整体放到它下面。
01:01
嗯。好,稍等啊。一定要放对位置啊,你放不对位置,你将来这个访问就会有问题啊。诶,这个怎么这么慢呢。OK啊,来这就放进来了啊,同学们你看一下啊,这个放进来以后呢,它有它有很多东西啊,就是整体来看还是三个啊,就人家有一个static,但是呢,我们给他提供的也有一个static啊,然后一个这个一个这个注意啊,这个static里面都是我们的静态的东西,什么样式啊,什么字体啊等等一些啊,不管它OK,那我们重要是使用什么,使用的是这个东西叫什么index.html能听到吧,来接下来我们就可以去对接了啊,那我需要干嘛呢?需要把我这个项目呢,这个重新启动一下,因为你加了新的东西了啊,重启一下。
02:00
这个重启完成以后啊,接下来我们就回到你的浏览器中去访问,访问什么呢?看好了啊,访问的是这个叫http big data点点com。防御他就可以了,直接回车。诶,就给了一个404是吧,呃,这个404什么原因呢?看一下啊,呃,他会正常注意啊,你这么访问,他默认就会访问那个index.html啊,但他现在没有访问到啊,没有访问到的话应该是这样的啊,我看看啊,呃,应该是我编译的话,它没有编译进来啊。对吧,没有把那个编译进来啊。是不是你看编译还没有编译进来啊,那我需要这样啊,把这个项目呀,给他这个,呃,Re re rebuild一下啊。没有编译进去啊。编译完了吗?点完我刷新一下啊,我同步一下。
03:00
看看啊呃,这个有了吧,对吧,这个有了啊,那这个有了以后呢,我们再来访问一下啊,再来访问一下,那我重新启动一下啊,就他这刚刚放进去以后,它没有编译进去啊,那你用不了啊。好,那重新起来以后呢,我们就什么直接访问了啊,你看一下就直接访问这个地址就可以了啊走诶你就能够访问到,然后这个是一个写死的啊,直接点登录就行了啊好,登进来以后呢,这个地方就是我们要去做的统计,我们总共做两个,一个是实时统计,一个是交易分析,那现在我们做的是实时统计啊,那我们点过来。好点过来以后你看吧,这个数据就已经能够什么直接就对接进来了。对吧,直接就对接进来了啊,你看一下。我们,呃,3月30号的话呢,我们今天多少,今天总共是123个,这是我们刚刚查到的数据啊,对比一下123个吧,11点钟123个,你看一下啊,今日的是11点,你看11点是不是123。对吧,然后昨天昨天的话是九点和十点啊,你看一下昨天九点和十点,昨天是九点钟,你看是不是这个130个,然后到吧,昨天九点钟130个吧,十点钟,十点钟是在这45个。
04:07
没问题吧,就直接就把这个数据给你对接进来了啊,所以说我们在写这个数据接口的时候啊,大家注意你就不用去管它这个效果到底怎么去做的,这都是前端帮你去做的,我们只需要把这个东西给它接口写好了,你能够测通了,能够正常返回数据了,那么将来我直接把这个前端页面拿过来,它里面就都已经写好了,直接会对接的,就这个这个页面中啊,它怎么发送请求的。对不对,怎么提交参数的我们都不管,这是前端要去做的事情,我们直接给数据,那我就怎么能够对接到这里面。对吧,比如说我可以选,比如说我想看昨天的,那看昨天的话,你看一下啊,他这个刷新完以后,我们昨天总共175个吧。对吧,昨天总共是175,你看了啊,我给你查这个29号。啊,总共是175个对吧,然后呢,九点钟130点钟45,然后呢,这个是我们叫做什么,前天的应该是啊,它是16点有128个,你看一下啊,是不是这个16点的时候有128个呀。
05:04
对不对,你看这都能看得到吧。好吧,所以这就是我么非常灵活的去查询了啊,你查哪一天的,我都会什么给你查出来,他这个五秒钟刷新一次啊。对吧,五秒钟刷新一次。看明白了吧,啊,这就是对接我们这个前端界面啊,OK,就非常简单了啊好,那这个效果我们就把它做出来了啊。
我来说两句