00:00
好,我们继续来上课,那么上节课呢,我们创建了我们的相册,对吧,但是我们仅仅是实现了我们创建相册的这个功能,那么相册创建好以后在哪。那咱们来看一下,在这里边。打开我的C盘WEB64下,3W下,然后online这里边01LESSON19,然后在哪啊,是不是我们可以把所有的西这个东西都是串联到这里面来了,TGMB下对吧?大家注意了,它是不是只有什么,是不是只有这种缩略图啊。对吧?但这相册有吗?没有吧,我相册是什么?相册是一个名称,那么名称我写到哪里呢?是不是写到买社会的TXT里面来了,对吧?在这里边会记录着我们创建的相册名,什么叫做儿时的回忆,然后呢,我的数列图的地址在哪?在这儿?然后我创建的时间呢?在这儿,是不是只有这些对不对?哎,但是我问题来了,你想一想,我的每一个相册未来是不是都要装着N多张图片?对不对,那么也就是说我这一块,我就算是把它写到这个文件里面保存了,那你想想我要往这个相册下面去创建图片,那能有吗?是不是就不能有啊,哎,所以对于创建相册,在这一步我们只是实现了最简单的功能,那实际上我是不是相当于在这个目录下,我还有对应这样名称的一个什么一个目录才行啊。
01:13
对不对,哎,所以在这里边。我们还需要再去稍微整改一下对吧,也就是说返回到哪儿啊,放到这这里边会提示我什么,提示我们创建相册成功对吧,那创建相册成功是不是同样我在这块也要去进行make d对吧,干嘛是不是要进行。创建了对吧,W创建往这个当前目录中的这个叫做pic。T rue里边。对吧,是往这里面创建一个叫什么名相册呢,是不是叫用户输入的这个Dollar下线post里面的name是不是加了这一句话才是真正执行成功了来创建了。相册是不是这个意思,哎,刚才我们只是忘了这一个,少了这一个对不对,那好了,那现在我们再回过来再来看啊,那这个文件呢,我们现在也不能用了,对不对,我们先把它删掉啊,来找到MYT把它删掉,然后在picture里边。
02:04
这里边这两张图片咱们也不要了,都给他清空了对吧,清空完以后现在我们再来,同样还是儿时的回忆,对吧?来重新刷新一下啊,继续儿时。而是。的回忆,好吧,然后选择一张你相册的缩略图,那比如就这张来点击创建,那告诉创建成功确定对吧?确定过来,过来以后咱们再看目录结构,这里头又上传两张,这没问题对吧?但在Q里边是不是要有一个儿时回忆的这么个目录才行啊,那未来我是不是要往这个目录里面去上传图片去。对吗?哎,所以那OK,那这一块内容我们是不是就搞定了。哎,好了,那接下来我们再开始干嘛呢?再开始来进行我们的这个叫做目录的便历了吧,哎,就是我们相册的这么一个便利啊好了,那这里边嗯。把它把它来放到这里边,然后CTRLC。拿一个名称啊,CTRLV好了,创建一个什么,创建一个inext PP,这个时候起码他不会报没找到了对不对,哎,那在这个页面我们要干嘛,这个页面我们要执行的是不是就是读取这个相册了,对吧,来读这个目录了。
03:13
好,那我们再来,那现在访问不报错了以后,我们接下来再来看,在我们的这一个。这都不要了啊,呃,在哪呢?在银袋子里边,银袋子里边是不是就要负责去读取这个相册了,对吧,那么在一样,在读之前我们先把这个页面先给他布局一下,呃,叹号好。把这些先给它删掉啊,然后这块呢,来个标题叫什么叫做在线相册,然后在这里边一样,我们给他一个呃一标签,一标签叫什么呢?叫做在线相册。在线相册。再来一个HR。然后让它的这个宽度,比如说让它80%啊,然后呢。
04:01
再来一个什么呢?再来一个。点吧。这里边我们给他一个A标签,那么A标签呢,我们写的叫什么叫做创建。小册,那所谓创建相册是不是就到创建相册的这个目录啊,也就是当前目录下边我们创建相册什么叫做CT加PB对吧?然后再往下来没有了,没有了接下来是不就是便利我们相册里一个显示了。好,那这个时候我们先不管这个啊,我们所有便利箱的城市呢,我都在这个div里边,好吧,然后这块呢,我给它起个ID,比如说叫做什么呢?叫做min吧啊好吧,然后在这里边,那每一个也一样,我就是一个div,然后呢,比如说ID,我给它叫做pic啊好了,就这么样一个结构啊,那在这里边我们先去给它设置一下样式style,比如说我给它设置什么呢?设置我们的这个井号man,它的这个样式,它的宽度啊。宽度的话,我们让他制适应里边的内容的话,给他一个overflow overflow还不行。
05:05
Overflow不行啊,因为我想让它里面去支适应里面的这个宽度,但是宽度呢,我们又没有支适性的,比如说给这个凹度看可不可以啊,来来,再来个高度,高度的话就不需要了啊,高度是不需要了,这里边直接给他一个包的移项数实现的井号CCCC。然后M压键马,比如说上下为十左右,让它自动啊,然后其他的也就没什么了,那现在我们来看啊,边框也有了,这里面别讲CC了,我直接来个红色边框,让它显眼一些啊,来再来刷新。那你看是不是有了,但是呢,该居中的,一会儿我们可能再调居中啊,咱们一会儿再说啊,那这块东西有了,有了以后接下来什么接下来什么里边的东西,也就是井号pic的啊,那给它一个宽度,比如它的宽度我们属于图片是200乘200的,对不对?那比如这块我就给他一个呃,宽度量能为多少倍230。然后高度呢,让它为300对吧,让它长一点吧,然后同样我给它一个border border为这个一项数实现的这个井号CJC啊,或者井号F1 f fef1,好了,然后在这里边我们给它一个拍定,上下左右都为十像数啊,都为十像数,OK,然后让它变成怪和。
06:12
Size等于books,好,那现在我们再来看。走你OK,有这么大一个内容了,对吧?哎,那这回咱们也看到了宽度实际上我在给的时候有作用吗?没有作用对不对,不是是这个宽度给它凹凸是不是没有作用,给他凹凸它也是不大的满边宽啊,哎,那咱们来看啊,比如说一个宽度占了230,那这里边比如说我想显示四个的话,我想它给多少啊,要想显示四个的话,那四个就是八百三四十二九百二对吧,那九百二每一个在距离有十像数的边距的话,那就是920,我给他1000吧。给他1000劈差我就不算了啊,给个1000比差好了,这是不居中了,哎,现在有了,有了以后同样,这里边我说may减Mar-LA的距离左边十像素。
07:03
好,接下来。走你诶没问题对吧,左边十像数,然后哈,它有内间距,它没有它只有它,那我一样给他一个拍顶啊,它的这个上下为十左右为零。刷新这样的话是不是就撑开了,哎,撑开以后,那这里面不可能就这么一个。这个pic对吧?CTRLC有可能有多个pic,那pic里面有什么东西,我们先随便给一个,比如有个image,那image比如当前目录有一个叫PE,再往下有个B,再往下有S杠,比如说啊,我们先给他一张死的图片,我们来看走你诶这是图片的内容对吧?然后这里边你看我因为我复制了多个嘛,那么再来啊。咱底下这个就先不管它了,这两个先删掉,咱就可以一个先调调明白了再再复制对吧?好了,那也就是说这个时候我是不是让pic里面的东西都得居中才行啊,那给他一个text-a Li等于什么?等于这个c center啊,这个时候我们再来看周。
08:01
OK,居中了对吧,居中了,同样这里面是不是还要显示它的名称,当然名称那些东西肯定都是我要读取出来的,对吧,包括它都是要读取出来的啊,那再往里边比我们的P标签,那比如相册,呃,像。True。名称对吧,叫什么什么名,比如叉叉叉叉叉啊,然后再来。还有我们的创建时间吧,再来一个创建时间,比如说2020-二零-二零啊,瞎给的啊。来,因为这些都是我们要从文件里面读出的数据,对吧,刷新,那OK,现在是这样的效果是不是就可以了,哎,但是图片这里面呢,图片这里面咱们肯定是给一个A标签的,因为什么我一点击什么样的跳转的,对吧,所以我给了一个A标签,那就这样吧,我在整个的外层都给一个A标签啊,也就是让让这里边你无论点哪块都能跳转对不对,那现在再来刷新你看。是不是点哪都可以进行跳转了,对不对,哎,但是这个相册名称给了A标签可能不太太好看是吧?那我们就给图片吧,啊就给图片,那也就是我们规定他只能点图片进行什么跳转了啊好再来刷新,那就变成这样了啊点图片可以进行什么进入到这个相册里边去啊,那我粘出了我们这里边不可能这么一个相册,有可能有N多个相册,那我再复制一个的时候来刷新这第二个对吧,咱一排咱比如说让他放四个,那是不是我就需要有四个三四。
09:19
刷新这四个,但是四个需要怎么办?是不是需要给他浮动,所以在这里边我要给谁呢?给这个井号pic这个小家伙,给它进行一个什么,进行一个浮动啊,那也就是说在这里边。嗯,Pic在这儿啊,给他一个float为leftat。冒号left,让它左浮动,然后我们再来刷新OK,左浮动了,左浮动以后有没有发现它的负类找不到子类的高度了,对不对?所以这个时候我们应该让父类干嘛呢?变成这个olow,等于hi d hidden,好,再来刷新OK,又还原正常的了啊,那现在都是正常的了,那没有太大问题了啊,那这边呢,我也不要给他十像素了,刚才我是不是给money la10啊,哎,玛,卖了十五十五啊,15应该也差不多够啊,这里边你看多个五。
10:06
十十五二十多出20相除差不多,哎,正好够是吧,哎,好了,那这个时候它的外层的红色边框是不是就可以说拜拜了。刷新是不是这样效果了,对吧,那一样,我这里边凡是创循环出来多一个相册,你看好了啊,我在这里边只要是多一个相册,我是不是就CTRLC。CTRLV一次是不是就可以了,来刷新你看是不是就可以了,但是啊,我们相册L之间是不是还上下要有个距离啊,对吧,所以在这里边啊,那也就是pic是他对吧,这里边给不给妈没有给他妈精。MARGIN。Margin on top。给他一个10PX,好,现在我们再来看周你OK,距离是不是都有了,哎,好,有完以后这两个内容让他干嘛,让他居中一下啊,一个叫H11个叫做什么呢?嗯,我看一眼啊,一个叫做div里的内容。
11:02
这块给它起一个class吧,啊叫做C,然后这个h he不影响,就一个标签,那我就直接逗号,还有一个叫做点C,给它俩T-a Lin等于一个S。OK,创建相册页面是不是就有了,哎,有了以后,那接下来我们是不是就得去便利我们页面了,那也就是说这个pic我只需要留一个,剩下的所有的我都给它删掉了啊不需要了,因为我只循环这一个就可以了,对不对,那你就在在这块我要监括号问号,PHP问号交换回来,在这里面干嘛,是不是读取数据。读取数据啊,数据在哪呢?数据是不是在买s.TST里边对吧?哎,那好了,我来读取啊,比如说这里边Dollar了str等于等于什么F-get-CTTS,看读谁读当前目录叫做 MYs.TST来读它,那么把读到的SQL啊。买TT把读到的内容复制给了SKR,对吧?那接下来我就用它来拆分呗,XEPL。
12:02
Odx explode,他还问谁呢?是不是用这个符号用的每一句的结尾叫什么?每一句的结尾是不是它呀?是不是这样写的,然后拆分它呀,对不对,那这个时候我们来VR-D我们来打印这个Dollar AR这个数组啊。好,现在咱们来看,我再来刷新,你看只拿到一个看到了吧,哎,只有这一个,这一个是不是就是我的一个相册,对不对,但现在不行,我再来创建一个啊,还有什么呢?还有这个,呃。18年后的我。再来一个。哎,创建成功对吧,成功以后,现在你看是不是有两个相册了,对不对,哎,相当于我要便利两次,那把它的名字写到这里边对吧,把它的图片显示到这儿,把它的时间显示到这块位置,是不是这样的,哎,然后最后这个空的呢,那我肯定是不需要,所以我需要干嘛给它删除掉啊,那删除掉的话,哎啊哎喂A瑞。删掉谁删掉这个AR,它是操作了原来的这个数组变量,对吧?所以我不需要再去接收,你看是不是删掉了,哎,删掉以后,那接下来什么循环便利吧,也就是在这里边for e ch,遍历谁呢?遍历这个AR怎么遍历,像它的键对应它的值一样去遍历,那么在遍历的时候,每拿到这个信息,每拿到这一行的这个字符串,是不是我还需要再通过里边的这个符号进行分割?
13:17
对吧,所以这个时候我的这个Dollar,比如定义一个音符吧,等于什么呢?等于X explode。然后这个用什么分割,用的是这个符号来分割,分割谁呢?分割这个Dollar v好了,这回每次分割的内容就是什么,我们刚才流出的这个div吧。CTRLX给它剪切放到这里边来。好了,然后给他过来,然后A标签的,我们先不管它,那图片缩放这块是不是就不需要了,我们有这个缩列图的名称对吧,那我们直接把它。分割。连接应该是什么,是不是应该是info里边的这个二下标啊。我们分完info INF否是不是也是0123个对吧,所以它应该是一下标啊一下标,然后内幕名称呢,这块应该什么零下标吧,分割。
14:07
连接到了info里边的零下标对吧,然后还有什么,还有这个时间,时间的话再来分割,然后连接那是info里边的二下标,是不是就是我的时间,好了,那现在咱们来看是不是就可以了,来再来刷新。刷新诶怎么回事,没有什么,没有输出怎么知道吗?来艾这个SKR啊输出一下。你看这回是不是就拿到了。对不对,但是呢,时间怎么样,我们是不是得给它格式化一下,那使用date里边继续传入我们的这个。时间的函数。叫做y MD is。那搞定以后,这个时候我们再来刷新。时间你看2020年多少月,多少分多少秒是不是都有啊,哎,甚至什么呀,我们也可以干嘛,比如创建时间这块,我就直接让他换行了啊,直接给他一个BR啊,让他在下一行显示就完事了嘛。
15:06
是不是这样的,哎,直接写显示这块就可以了啊OK,那现在我们创建相册是不是就完事了,那同样在这里边我再创建一个还有什么,还有这个。俊男靓女。然后我们再给他一个。图片。点击创建,创建上的成功,那OK,三个是不是所有都可以了,那接下来干嘛?接下来我是不是就要打开这个目录对吧?也就是说当我一点击它的时候,是不是就进入到下一个页面,下页面干嘛?下一个页面是不是就要开始去可以往这个目录相册里面进行上传图片了,对不对?所以当我点击的时候,是不是就相当于打开这个目录,你看我创建了三个相册,那同样在我的这个拼里边是不是就要有三个目录啊,你看一八年后的我儿时的回忆,还有俊男靓女对不对?所以当我点击它的时候,就相当于我要打开它,那么也就是说在这里边只要我给A标签传走对吧,传到哪个页面,这里边我们看看我给他起的名叫什么名,嗯。
16:02
可瑞。显示相册中对应的这些图片是不是叫select的PP对吧?哎,那也就是说在这里边我需要有对应的这个select文件啊,那一样,我们先回到这里边,我们先不管它啊,那就叫select.pp这个页面,那么到select.pp这个页面以后,接下来呢,我要传一个URLUR,也就是我的这个图片的。地址对吧,我图片的信息,但是这个信息你要注意了,我这里边只能拿到什么,只能拿到这个儿时的回忆,是不是只有这个名字,我能拿到这前面的这个路径吗?前面路径是谁啊?我是不是所有的,你看所有东西我是不是都放到这个Q里边了,也就相当于这个是主目录,你永远不能让你跳出我的主目录对不对,所以你就只把名称写过来就可以了,也就是说你要打开的是哪个目录的名称呢?那这里边可以继续分割。然后连接叫做do info里边的。几啊零嘛,零是不是就是我们的那个名字,哎,好了,那这个咱们再来看啊,鼠标刷新一下,我把它放到这儿,我们看底下我传的URL的这个名称叫什么,是不是叫儿时的回忆,是不是就是我的目录名,也就说到下一个到下一个到这个文件,我是不是要打开这个目录了,对不对,那同样这里边。
17:11
把它先缩小啊,不需要了,放到这里边,你看传的是不是就18年后的,我这里边传的什么,是不是俊男靓女对吧?那现在我们查看目相册的这个目文件,也就是我们的indexp是不是就搞定了,那接下来干嘛点进去是不是打开对应的目录开始允许上传多张图片了,对不对,哎,那OK,那这节课我们到这里。
我来说两句