00:00
现在呢,同学们,我们已经能够成功的,已经能够成功的把我们这个请求啊,转到这个首页上去了。我们剩下的任务就是在这个页面上把我们动态查询的数据整合进来。是吧,我们需要把它整合进来,怎么把它整合进来呢?这个第一行表格的第一行。表格的第一行是。嗯,表头,那么第二行应该是我们从数据库查的数据。第三行也应该是查的数据,第四行也应该是查的数据,我应该有好多行数据。那我这边数据库有多少行。这边有29行。我总不能现在在我的代码里面写死了,写29个T2吧。这不大合适。所以此处我们要使用time lea。我们需要使用time Le,我们怎么来用呢?咱们一起来看一下,在界面上来使用。好。TH冒号。
01:00
TH冒号if。这个TH呢,它不认识alt加回车。就行了,它就不报错了,然后他就给我添加这个表图在这儿呢,看到了吧,同学们,那我们就可以接着使用了,在这里面我写什么呢?我要去判断你刚刚在刚刚你在这个地方塞线里面保存了一个叫浮的list子的,不等于空。我要保证它不等于空,然后我就去循环循环它循环一次是不是就是一个T2。是吧,同学们循环一次记这个题啊。好,当然了,这个表头我们也可以把它改掉,我们可以把它改成3W点。Time。点。org行吧,同学们,我们可以把它改成这玩意儿。改成这玩意儿之后,它其实就有提示了。啊,我再再来敲大家看一下啊T冒号你看这边好多。啊,这些都是咱们time的标签,我们用的是if开头的,If就是它,然后在这里面咱们要去判断,怎么判断呢。
02:01
怎么判断呢?我们要判断一个集合是否为空。我们需要用到它的一个内置对象。来看一下啊。好,我们再先回去啊,稍等一下回到目录。叫内置对象在这儿。我们点进去。稍等一下啊,公共内置对象,其中有个叫粒子能看到吗?逆子就是用来判断集合相关的。好,来仔细的看一下啊,看有没有案例在这呢。Dollar。大括号,这是我们time的语法。然后在这个里面我们要去写井号例子,点is empty,判断是否为空。啊叫井号内字点is empty。所以我们在这边写一下。到了大括号,然后井号。类似点is empty是不是有啊,哎,就是这个。
03:04
啊,如果你是空的。如果你是空的啊,我们写一下,那这里面是判断什么东西为空呢,是不是咱们保存了筛选里面的数据为空啊。那我们怎么从筛选里面去取数据呢?我们再来看。回到上面这个。这边有。筛选啊,从筛选里面去取数据,稍等一下啊。稍等一下。嗯。这个地方。写的不是很好,稍等一下啊,我们找一下啊,访问域对象啊,叫访问域对象。然后这个叫操作绘画玉在这儿啊看一下。到了大括号三,先点加上某一个K就行了。所以我们回到这边来,我们就在这个里面写上session点,我们有个叫float list。就是这样的。啊,就是这样的。
04:00
这样我就把它写好了。如果。三先点list这个集合,如果是空的,我们就要给别人一个提示。从这到这。给别人个提示,TD。卡姆SPA合并四行吧。对不起。库存为空是吧,同学们。那另外一种情况是不是就表示有数据的情况,我们可以加个感叹号,我们来看一下。再来看一眼啊。回到哪里呢,我们叫。叫分支与迭代,在这里面来看一下啊。往下走。迭代是分支啊。分支。这边有个叫if,还有一个叫unless。Unless是不是表示否则的意思啊?哎,那就是if else吗?不就这样的吗?所以咱们看一下案例,你看这边有if,这边有unless是吧?同学们行,再来。
05:03
所以这个我把它改成什么啊。Unless是不是就可以了,就行了,这样就可以了,If else。Else表示我有数据吗?有数据我应该怎么办呢?要循环嘛。哎,是不是啊,要循环行循环,我们用的是什么标签呢?再来看我们用了一个叫迭代在这儿。迭代。迭代叫一起标签在这儿。看到了吗?叫一起标签迭代。然后就迭代这玩意儿,然后呢,它里面有个临时变量用冒号。行,学会了再来。回到这边来。TH冒号一起。然后我们要迭代,拿到一个临时的变量叫float,是不是啊,这个fruit怎么获取呢?是不是我们要用冒号啊,然后我们是不是要从筛选里面去取数据啊,筛选点筛选不能少啊,筛选不能少。
06:02
如果把筛选这个点省略了,它默认是从另外一个称之为叫request的一个保存作用域去获取数据。Request咱们还没介绍呢。不着急行吗?同学们,我现在只介绍一个包荣语叫三弦二,从三线里面获取,必须把三线点加上去,所以说我们课件里面,咱们课件里面是从request里面去获取的,所以前面是不是没有加什么三线点啊,他没加啊,咱不一样啊,不一样的。再来。这是迭代。行。这样我们就有一个float对象了。循环一次,就把这里面的一个元素取出来付给这个。那么这个服务的数据我要在这边显示它的名称怎么办呢?怎么去显示它的名称呢?TH冒号text。等于。哎,这样就可以了,到了大括号。然后float.fm。就这样的。写完了。
07:01
Text是什么设置这个TD的,它的内部的文本。它默认的情况下,如果是个静态页面,它会写死了显示苹果,但是经过timeli的渲染,它会把这个值覆盖到这个里面去。就是这样。以此类推,下面的价格我们也写一下TH冒号text。Dollar。fruit.price。是吧,再来。库存量text。到了大括号,弗洛特点。叫F吧,行,就是他写完了。这样我就写完了。老师,怎么这边还能用点哦,用点实际上是不是用它的,人家的get f get price get f的方法是不是同学们。这样我就把它写完了。我们一起来看一下行不行。好,刷一下。行,它启动的这个过程,我们来把笔记把它写上去。
08:05
上面的这个步骤是我们配置的过程,下面我们就是使用。使用time。的标签。我们回忆一下刚刚老师说的那几个标签。T冒号if。第二个。Unless是吧。还有。是不是一起循环啊,还有。T冒号text是吧?同学们,我相信大家刚才看我写这个标签啊,应该是看的比较痛苦的,因为这玩意儿全部都是陌生的东西。啊,但是你仔细再回过来看一下,不就这四个吗?啊,所以大家课下的时候把它再去看一看行不行。现在应该启动差不多了啊,没啥问题。我们再来看一下页面。
09:00
看到了吗?是不是群吵出来,只不过太多了嘛。他都不着急,我们先把先展示出来,后面咱们再学分页。来第一页,第二页,第三页吗?是吧,同学们每页显示十个,或者每页显示五个,它不就好看了吗?行不行,同学们啊,所以说先不着急,现在这个数据已经全部都展示出来了,咱们的数据数据太多了是吧?呃,删删删一些吧,啊,太多了。哎,乱码也不要是吧,先删掉啊。删掉啊,点击删除。好,我删掉了啊,删完了,删完之后我们再回到页面上去,我是不是可以再刷一下,刷一下是不是表示给这玩意再发请求啊。他发请求是不是会响应select,是不是会去数据库再查一遍,查完之后是不是再重新覆盖到筛线里面去,覆盖到筛线是不是再重新交给time去渲染?能听懂吗?刷一下。哎,数据就这么多,是不是记这么多,咱们这个上面样式表太太靠上了,咱们改一下吧。
10:07
好,回到页面上去,样式表,样式表,CSS叠进去。我们这个table呢,Table table。应该是这玩意儿是吧,同学们改一下啊。嗯,这这边呢,我把它改成什么呢?呃,这个地方我把它改成就就就16像素啊,然后呢,我的想法是我在这个table的上面再搞个段落。点那个标题嘛。人家才知能知道这是一个水果库存列表吧啊?欢迎。使用。水果。库存系统啊,欢迎使用水果库存。后台管理系统意思一下啊。这是史上最简单的后台管理系统啊。好,我把这段落标签放在这边,然后我对这个段落,我对这个段落我要限制一下class。我媳妇叫santa。
11:00
然后我再写一个,比如说我再写一个叫叫F。24F32。30是太大了,30吧。我写了两个类样式是吧,同学们回到这边来,三三,我这里面应该没写过。应该是没结果啊。那咱们写一个。叫text叫是吧,同学们,然后再写一个叫F330是吧。行,F30,咱们看一下啊,F30啊,只有这一个啊行。好,然后我们写一下叫fo size30PX行不行,同学们啊,就这样子,那么当然这个段落呢,你可以把它距离上面有些距离,不过无所谓啊,咱们先试试效果再说啊。好,我已经把它这个段落把它加在这边了。那咱们现在再来刷新一下页面,回到页面上去。你说老师你怎么没有重启同步get呢?这就是我刚才设置这个地方的好处。同学们就这。
12:01
啊,就这边的好处,我把这个当它失去焦点的时候,请你要更新一下resource啊,就是这个好处,所以你看我最小化,看我任务栏啊,任务栏看不见是吧,别隐藏了啊,大家自己去看一下任务栏里的那个ID会有个进度条一闪而过。一闪而过就说明他更新了一下行吗,同学们?行,我们再回到网页上面去看一下。刷一下。呀,跑这来了。这太太丑了吧?怎么跑这来了?这样是不写的,不对,真是的。段落,这个段落难道。难道这个段落这个把边框调出来,边框边框包的。1PX solid,我怎么感觉他那个in都没起作用啊?我们俘虏呢?Marin不是改过了吗,是吧?他应该是没刷新过来。啊,不着急再来。再等一下啊。再刷一下。还没刷新过来。
13:00
清除缓存。清除一下。好,清除完之后再说。看出来了吧,欢迎使用,咱把这个边框去掉行不行,同学们。把边框去掉啊。边框边框。这玩意吧,删掉了行吗?同学们删掉了啊行。那这样就没问题了。这个是什么原因,我给大家说一下。这个正好是你刷新的那个瞬间,它的通盖的热步数就要更新,更新了一半,样式表还没来得及加载呢,啊,就正好出现这情况了,再刷一下就好了,行吗?就这样子。那我这个页面我就搞定了。啊,请大家今天晚上的时候,请大家把这个首页按照我的这个方式,请大家把它做出来。明天还有一天的时间呢。啊,明天虽然是周日,大家虽然是休息日,但我希望大家不能说一点都不学习。你除了简单的这个这个这个对吧,洗个衣服啊,打扫个卫生啊是吧,你抓紧时间把这个代码把它写掉,要不然到下个星期你就跟不上了。
14:04
啊,我可以很负责任的讲,我们上次讲的是添加,这次我们讲的是查询首页吧。如果这两个功能,如果你在周一之前不能把它练的很熟练的话,下个星期我保证你跟不上的。啊,那你后面你就基本上你你就完了完蛋了,所以说这个周日明天是非常非常重要的,行吧,同学们无论如何请大家要把这个界面把它搞定。
我来说两句