00:00
好,我们继续来上课,那么刚才呢,我们已经把我们这个global function的PP这个文件里边所需要的功能都已经封装好了,对吧?也就是说我们要做在相册中的这些所有功能都已经封装了,那么接下来我们就开始来做什么,我们的这个。上册的实际功能了,对吧。那么我们先去做一个这个创建相册页面的这么一个文件啊,然后呢,通过它我们先来创建相册。当我们创建完相册以后,再干嘛呢?再来做这个查看页面啊,好了,那咱们来看在这里边我们需要新建一个PP的文件啊,创建相册CT。叫做P。P。然后在这里边我们要执行的是创建相册的页面对吧?那么创建相册页面不需要有PP,我们需要的是什么?需要的是一个H牌表单啊,把我们现在现在先不认识的都给它删掉,不需要啊好了,然后在这里边我们给他一个标题叫做创建。相册好,然后这里边,嗯。
01:03
简单给点样式吧,是吧,也别一点不给,要么太难看了啊,虽然现在在这个阶段我们主要注重的是功能而不是美观,但是呢,我们还是要去用一用啊。好了,来这里边我们先给他一个这个标题吧,比如说来个HR叫做创建相册,那么创建完相册以后呢,它这里边要有一个相册的名称,那也就是说我们需要给他一个fom form表单。然后method的传输方式,那么这里边一样有相册名称,是不是也有相册的缩略图,那么只要有缩略图,也就是有图片上传,我就需要指定它的这个。传输类型吧,哎,给它设置这个multi from啊,然后在这里边我们写上叫做相册名。来个input test上成名,我们就用什么name了啊好,然后再往后给他一个BR。再来一个这个,呃。相册缩略图。来个input叫做fair,起个名呢叫做pic吧,啊,起个名叫pic,好也一样P,然后最后。
02:05
点击这个submit,我们叫做创建好,然后所有的内容干嘛呢?我让它进行居中显示了啊,那在它的外层这样吧,在它的外层我去定义一个div标签啊,给它一个副标签,然后把整个的这段内容进行一个包含。好,然后把这里边的东西给它缩进格式,我们依然要有啊,然后给它起个名吧,比如说ID叫做这个fo。那我们接下来就要找到这个井号的box,给它设置一下样式word。Width宽度,比如说我给它一个500,然后buildd啊,包ER给他一个移像数实现的这个灰色吧,九号CCCC啊好了,然后高度呢,我们就不给它了,然后现在我们先来看一下它默认的效果长什么样啊,那也就是在这里边我们要再访问的,而不是它了,是我们的这个create computer是不是就有了,哎,有了以后接下来干嘛呢?让他居中啊,首先让它里边所有的内容集中给这个text learn center啊。
03:06
刷新没问题对吧,居中以后,哎呀,他居中不是太好看对吧,那不应该让他啊,我应该让谁呢?我让标题居中就好了啊,那也就是井号box里边的HR标签,让他做一个text啊。好这样的这样效果,那它也确实要再小一点会比较好啊,那也就是井号。HR不是HR,是books from里面的input。我们找到这个input,那input的这个test。不是T是tap类型等于等于什么等于test的啊,我把它这个普通文本域给它放长啊,那它的宽度,比如说我让它变成变成400小数啊哎。刷新是不是就长了对吧?相册名称我们是不是就可以完成开始写了对吧?好了,然后在这里边,嗯,再就没有什么东西了,对吧?然后接下来呢,我让这个boss进行一个居中啊,那Mar GI上下为零,左右自动,那我们再来刷新,OK,创建相车功能就已经有了,对吧?然后同样这个创建的这个按钮呢,我们也可以给它进行一个调整啊,那也就是井号box。
04:15
Form input,它叫什么?Type等于sub me的这个加口,我让它的这个marin上下为零。左右自动。Out。不用吧,没用对吧,那应该是让他让他。居中。Take,杠,等于一个center啊。好了,刷新。也不行,因为它是一个行内元素,那这样吧,我们给他一个face play。变成什么,让它变成这个block块状的啊,变完块状以后,接下来我是不是就可以让它这个居中了,对吧,那让它R键上下为零,左右自动。
05:00
吧,这个这就居中了,然后同样它的宽度我们给它大一点啊宽度比如说给他一个100啊,或者不给100了,我们直接拿拍顶来顶吧,来PDDD拍顶,上下为十,左右为20,但上下为十可能会太大,上下为五吧啊左右为二十来刷新OK,创建这个按钮是不是就有了好了,游了以后呢,接下来在这里面还有什么样式,比如说这个每一行啊,我们让它有个距离,我就不用CS调了,直接用BR来顶一下了啊。然后把这个S删掉好了再来刷新,OK,没问题,相册名称,然后我们再选择策略图,然后再点击创建是不是就可以了,对吧,那这个时候我的这个灰色。一像素的灰色,我们其实也可以给它省略掉啊,或者是我再用这个,呃,浅一点的F1F1F1啊,再浅一点,然后再来刷新。OK,很淡的一个边框,是不是有了?好了,那现在这就是我们创建相册页面,在这里边,比如说我们先创建一个相册叫什么,叫做儿时的回忆。的回忆好了,然后选择一张你相册的缩略图,比如说我用这个帅哥当缩略图对吧?那么一点击创建提交到哪里了,那我们就要看一下在这里边我有没有给提交的页面。
06:07
啊,并没有对吧,然后提交的方式,那咱说了,只要是有图片上传,我的方式就得是post,对吧?然后提交的这个页面叫什么名呢?那刚才我们在这里边已经写的叫什么do create.pp吧,那好我就把这个文件复制过来啊,我们跟我们既然记录的文件保持的同名啊,叫do-create.pp那同样在这里边我需要去创建一个PP的文件。叫do杠点PP好了,那在这个文件中我们要干嘛呢?第一件事,我们是不是要包含什么呀?这个函数库叫公共,公共函数库,文件包含过来以后是不是调用。图片上传的功能啊。对吧,但这里边我们支持的是什么,只是单一上传对吧,也就是说我不需要多上传啊,单一上传,然后第三件事呢,是不是将将什么将用户。输入的。相册名称,相册名称对吧,以及缩略图地址。
07:06
相册名称,缩略图的地址,还有什么,还有我们的这个创建时间啊,是不是写入到文件中保存,这是不是我这个页面要做的,哎,因为只有写入到文件保中保存以后,我再查看相册的时候,是不是才能读出来这些内容了,哎,好了,那其实第一件事现在包含in的。我们用指令格式来包含了,包含什么当前目录的这个global function啊,包含过来以后在这里边。我们要进行上传了,对吧,但是上传之前我们先来打印一下哇,Up打印什么呢?打印一个files,还有一个VR-DP,再打印一个Dollar加热线post是不是这两个东西,哎,打印完以后我们再来看。点击重新刷新一下吧。第一个相册叫做什么叫做儿时而。时的回忆是吧,然后选择一个。缩列图点击创建,你看我是不是拿到了我的对应的图片信息,对吧,这里边pic对应的这些内容,然后又拿到什么,又拿到了这个我的相册名称是不是有了,所以第一件事我需要去图片上传吧,那图片上传在这里边,我们调什么,调用uplo的这个功能表单名称叫什么,叫做pic,然后传到哪个路径下呢?看到了所有的这些东西啊,我都传到这一个叫TH。
08:22
呃,HUB里边吧,传到传建到这里边啊,当前目录THUB下边。啊,这样的。那一样啊,给哪个都行,然后其他的呢,我们就不做要求了啊,其他的我就不做要求了,但是我传到这里边。传到这里边可以啊,就传到这里边来了。HUB,那不能应该这样,应该是我这么写啊,叫做p rue,我是不是没有这个目录,在这个目录下边有一个叫做HUB,也就是说所有的缩略图啊,我都会放到这里边啊好了,然后在这里边我们进行这个反馈,Re result,那么接下来他会帮我执行上传,对吧?那如果上传成功,也就如果到了了成功的话啊,也就是说它是一个数组对吧,A-A22。
09:09
Ay,谁呢?Dollar了人绕,我是一个数组,如果它是个数组,这个时候我是不是才要写入文件,也就是说这些东西我应该放到哪,是不是放到这里面来执行,对吧?首先你要想我保存的话,那么必须是你这张图片上传成功了,我才可以干嘛?可以帮你保存东西对不对?如果你没上传图片的话,我是不是不行啊,或者我们也可以单独把它拿出来,对吧,拿出来的话怎么办?也就是说如果你上传成功了,我就用你上传的,如果你没上传成功呢?那我默认就干嘛呀,是不是就给了一个默认呢?哎,所以这里边啊,尽量我们还是写到这里边啊,不用默认的了,我可以给他个否则,否则给他一个提示呗,是快的标签结束的,结束的是块的标签,也就是当你数列图上传失败以后,那是不是我可以给你弹出啊,对不对,叫做。这个上传失败对吧,失败的原因是什么呢?原因就是。长得不帅。
10:01
在这里边把原因给它返回去呗,是不是就这个这么算啊,原因就是这个啊,好了,那这个我们就搞定了。那成功以后,我是不是才走到这里边,走到这里边我们要干嘛,是不是拼接一个字符串呢,对不对,拼接什么字符串,拼接写入文件的字符串啊,这个字符串里边要包含什么,是不是相册名称对吧,还有什么呀,还有咱们的相,呃,不对,是缩略。缩略。图。地址吧,以及我们的创建时间啊创建时间好了,那这里边我们就来拼接一下,比如说str等于首先我的名称是不是post里面的name。N对吧,然后我们中间用一个符号来给它做一个区分,比如说我依然用这个符号,然后再连连什么连连上我们的这个缩略图的路径,但是这里注意,这里边有缩略图的地址嘛,没有了吧,哎,我们还没有缩略图的地址啊,所以在这里边我们需要给他去创建一个缩略图啊,那也就是说到上传成功以后,我需要干嘛呢?调用缩略图的地址。
11:03
略图地址,那好了,数列图的地址叫什么?比如说在这里边。糟了。Dollar a。THHUB吧,等于THHUB去调用对吧?原地址在哪?原地址是不是就在我这个Dollar result Dollar result这个数组中有一个叫做pass info了,这个是不是返回我这个图片的原地址啊。对不对,哎,好了,然后呢,接下来我如果不给他的话,他是不是就用我当前的这个路径了,对吧,然后再往后呢,我要存多大的,比如说180。压缩为180,一百八的啊好,我压缩这么一张图片啊,当我的缩略图了啊好了,这就是我的要求,那最终他是不是给我返回它的名称,那返回它的名称。那这里边我是不是就要给他去写一下,叫Dollar,呃,HUB。对吧,它是直接返回名称嘛,我们看一下是不是啊,在这里边HUB这里边打开,如果上传成功。
12:02
是不是直接返回这个径,哎,那OK,也就是我可以直接用的啊,好了,连上这个以后再来连上一个。这个符号最后连什么当前的时间戳,连完以后每一句的结尾我就用它OK。那么有了这个str,我是接下来可以写入文件了。Fair杠,Put-contains往哪写对吧?比如说往当前目录叫做MYSQL的TT里面写,写什么东西呢?写这个str对吧?然后你是怎么方式写呢?是不是我们要追加的方式,追加的方式,如果我用这种简写的函数函数的话啊,我是不是就来指定第三个参数叫做feelend对吧?追加那么一样它会给我返回写入了直结数,那么当我写入成功以后,这个时候我是不是就可以做一个判断,如果啊,Dollar in为帧对吧?或者说大于零都行,那我直接echo一个SC的标签结束的。S加T,然后给他一个提示,叫做at alert叫什么创建相册?成功。那创建谁成功,我是不是也可以给一个提示,比如到了下线posts里边的name对吧?创建相册这个家伙成功啊,那么成功以后,我们开始给他进行一个跳转,分号结束loc.location跳转到哪里,跳转到当前目录,我们查询是不是叫selectp。
13:15
对吧,我们看一下啊,啊不对,叫index是吧,哎,叫。Index PP啊好了,那你想创建相册失败的话呢,那我是不是就要再去返回到这里面来,对吧,这里边诶这里面没返回啊,那有问题叫什么location。OCT返回到哪儿,是不是要返回到?嗯。等于。叫做当前目录的CT computer的PP,对吧,回去重新添加,那一样我创建失败的时候是不是也要这样呢?CTRLC把它复制一下,Else写入失败。对吧,这块叫写入失败,叫保存失败,创建失败。创建失败啊。这块也改了,创建C失败。到了。
14:00
下划线。Post里面的name,然后后面加上失败啊,前面这两个失败呢,我们就不要了,这个也不要了,OK好了,那现在我们再来看,返回来我们重新刷新一下啊,然后在这块,比如商城名称继续叫做。儿时。召回。然后选择一张图片。就是它了,然后点击创建,告诉创建相册儿时的回忆,成功确定,确定是不是到这个页面了,那么到这个页面了,我是不是就得查询了,对不对?那现在我们添加相册的功能是不是就OK了,而且注意在我添加完相册以后,咱们来看在这里面是不是有个put特对吧?Q特里面有个th Hu MB Hu MB是不是就是我相册了,你看这是不是缩列图,这是不是原图对吧?那一样我在查询图的时候,我肯定要查数列图是不是做显示啊对吧?那数列图什么是吧?S-180,杠180代表着我数列是一百八的大小,那么如果我再说列别的大小,比如我还需要50呢,那我是不是就S杠五零杠五零了。对不对,这是不是就加以区分了,哎,好了啊,那这就是咱们的这个。
15:01
创建相册的功能已经实现了啊,那OK,那这节课我们到这里,下节课呢,我们再来便利我们的相册。
我来说两句