00:00
好了,这样啊,我们这个项目的后台的部分呢,都差不多了啊,那么这个会员分类和商品这里啊,这三个主要功能啊,然后加上后台的这个登录啊,然后订单呢,目前还没有订单的话,他应该是从这个呃,网站的前台由用户来进行下单,你后台呢才应该有数据啊,所以这个位置呢,咱后台基本上就差不多了。我这里呢,就不再写后面了,那么接下来我们看一下我们网站的整个前台页面哈,那么前台这个位置呢,我们应该把这个登录和注册先给他搞定。啊,他应该是可以登录注册的,对吧,那我们看一下哈,翻译一下,因为这个网站页面它模板我原来找的时候,它就是一个英文的啊,我得找一下。我们找一下啊,这个位置可以先进行一个登录啊登录然后但是你点击登录以后呢,如果你没有账号,你是不是可以去那个叫什么注册对吧?啊可以去注册啊对好,这样我们先去找一下模板,把这个位置给他改一下啊对,来看一下前台的模板。
01:05
在我们这个web目录。找到my home index,这是我们的模板页面,对吧?把它打开看一下啊。这是他的头部内容啊。这个是图片吗?这。怎么这么多?要有这么多蓝码。他还有个模特框。他这个模特坑在哪掉的?嗯,还有一堆GS啊对,2000多行,这个页面内容有点。有点多啊,超出我的想象啊,啊这样我们看一下啊,大概这个。
02:02
头部的内容。应该是这一部分啊,看哪里算投保还啊,一直到顶部,其实它这个网站的话,每个页面的头部应该都是固定的,对吧?啊,这是中间的一部分内容。这个是他的轮摩托。这么多呀。我的妈呀。下面还有。我们大概看一下它这些元素都是哪一部分内容。这是背景。背景是哪里?这么多。背景是这个是这样的。哦,是这样打头,然后再往下走走。
03:06
这个这个。哦,这是底部的元素对吧吧,那他这个模态框在哪里呢。还真不知道。看一下啊,跟着CC搜一下,跟着F搜一下这一个。在哪个位子啊?这是在哪儿呢?1234567。三九十一,九十一一三五七。这么多元素吗?我找一下第一个是哪里啊。这么多。
04:01
到处都在第379行代码。这样吧,从这里边去找一下元素。是他麻烦啥了?这是哪个元素,是这个。这个A链接什么都没写呀。他是还是加了一个字体啊,我还真不知道他这个是在哪。不对呀,哎,他这个元素在哪啊。
05:00
看的是这里边,不知道是哪一个。链接。啊,算了,不管它了,到时候把它删掉,用的时候再说吧,好吧,嗯,好,这样的话找一下我们大概的这个页面中的内容,然后我呢,我们的这个去把他的那个登录页先给他设计一下啊,这样吧,先去设计它那个登录页吧,然后我们这里呢,因为登录和注册啊都需要有页面,所以我这里呢,专门写一个页面啊,专门建一个文件夹,里边放登录和那个叫。登录和注册的这个页面哈,然后我们去找一下我们的模板位置啊看一下。在这个味道。Log对吧,这是一个啊,然后那个注册页,注册页。打开。对吧,两个页面是吧,两个页面反正感觉样式还是有点丑,而且他这个头部和尾部都是一样的,对吧,还得把它拆出来。
06:07
那你还得还还是需要把你这个,呃,原来这个页面啊,这个页面的内容拆成一个。对备页面,然后呢,由他由他们去继承就可以了,来打开之后啊看一下。的内容。中间的内容。这样吧,我把下边的都折起来就完事了。看一下他的福特在哪呢?Model。No。好,这个留下这东西都给他删了吧。暂时先给他删掉。删掉能行吗?从这里开始删。上到这里,上到这里了,哎,骚。我应该把那个谁改改改。
07:00
把这个页面改掉,对啊,这个页面先不动,先不动,我们先改好一个页面,然后我们可以去看到效果啊,来刷新看一下。对吧,这就是那个叫什么中间都没有了,对吧,中间都没有了,然后呢,其他页面想要又要这个要呃,有这个中间的内容的时候呢,都把它继承过来就可以了。嗯,所以我们看一下啊,这个页面没有问题。这个页面东西太多了。这么多。好了,到这个位置啊位置啊,这拿一个标签啊,Block b and and b给它包裹一下啊,我们目前不清楚他到底有多大,所以就先把中间内容都给他包裹去了啊啊包裹起来以后呢,这个内容呢,全部都给复制走。CTRLX复制组,好,然后这个页面呢,删掉啊,接下来去写继承对吧,EXTS对吧,继承我们这个叫做这个目录什么呢?是my home。
08:18
My home下的。贝第二干码对吧,去继承这个页面地址啊,然后把中间这个内容全部给粘上去。调整一下数列啊。这么多,天呐,好多啊。来刷新一下这个页面。诶。没变化。继承重写。哦哦,这边把block也弄走了是吧?对,这边留下那block b。
09:00
然后画画号按的啊,这个内容你得留下啊,你不留下你继承是不管用啊,继承不起作用的,继承过去之后重写是不起作用,对这这可以了吧,啊,这个页面先留着它啊,先不动啊,那有了它以后呢,我们再去,呃,去建我们这个叫login页面啊log页面来打开log roin log.html。然后把这个页面的内容打开,应该和这个index是一样的,对吧?来把这个复制放到我们的log页面,然后这里呢,画括号,百分号,按到block b啊,然后把这个内容复制完以后哈,我们去给它对应的那个录适度函数,然后看一下能不能解析到这个位置啊,看他解析对不对。嗯。找到我们my home,然后us。去写我们的RO log,好吧,啊,就叫log就可以了啊,然后这个位置写logo。
10:03
嗯,这位的写到老根。好,然后对应的找到我们的四度函数,在里边写一个啊,这个叫登录页面登录。登录页面request啊,然后这里呢,去加载那个指定的页面来复制过来,因为后台我们需要用到那个。就是交工框架自带的那个方法,但是前台我们不用,前台我们要自己写对。嗯,好了,我们先测一下这个地址,先手动敲一下二五节看一下过来之后对不对,对哦,他说my home log哦,我们还有个目录呢,对吧,Log下的log对吧?嗯,来刷新。啊,对吧,啊,然后呢,剩下的就是中间这一块的内容,给它加载过来就行,就是log的这个内容,对吧,来看一下直接在这里哈,查看我们的源代码啊。
11:03
这个页面怎么还有这么多?诶。我这个页面好使啊,为什么这个页面里边还需要这个东西呢?嗯,啥意思。这边到底有什么呀。哦,在这在这。这个啊,它这是一个叫什么路径导航,就当前你在所在哪个路径,然后这个位置才是我们真正的内容啊,来把这个拷贝一下。Copy一下放到我们的那个log的页面里边啊,这是第一部分啊,这一部分呢,是路径导航,大家知道什么叫路径导航吗?它叫做面,它叫做路径。导航,导航也叫做面包蟹。面包,谢谢。
12:01
面。谢谢。导航。好,什么意思,就是告诉你当年他在哪个位置知道吧。他在后也都是加目录对吧,首页下边的注册页面,也就是说这个位置应该写成首页。首页这个位置是登录录,应该是这个意思,刷新看一下下。Sorry,应该在这啥看到吧,首页下载登录啊,这什么叫面包卸,知道啥意思吗?路径的能听懂,比如说一个网站里边,它有很多的那个页面哈,然后有分类啊,有详情有有很多哈板块干嘛的,进去以后他会告诉你当前在哪一个,比如说首页下的哪个板块下的哪个分类下的哪个详情里面懂我意思吧,那这就是也就是说你当前的访问路径,它全部给你显示出来。明白我的意思吧?啊,这叫路径导航,那为什么叫面包蟹,知道吗?不是扎的比较多,这是来源于一个神话路径是啥意思意思?
13:03
指路对吧?面包蟹就是以前有一个小姑娘,就是神话童话故事里面哈,说有一个小姑娘,然后被一个坏人那个抓走了,然后他被抓走的时候呢,他正在吃面包,然后他为了让他妈妈找到他,所以他在路上不停的剥那个面包屑,然后撒了一路,他妈妈顺着这个路找到了他。明白了吧,对,所以这个这种导航又叫做面包蟹导航,明白了吧了吧,好了,来来把这个拷贝一下啊,一点不像鸟,所以你想想它为什么叫面包蟹,因为扎多是吗?呃,不至于个事啊,来,这是中间的那个登录的那个页面啊,中间的登录的那个内容,好来我们看一下下个啊。刷新可以吧,以后把这个内容做一个调整啊,来这里是登录。他这句话是什么意思啊,我们。翻译一下,看看什么意思。写的什么玩意儿?翻译呀。这么慢慢。不行,我英文不好,哎,他不是英语,他是英文是吧,我这听懵了,这到底是啥呀,就不知道写的啥是吧?不知道不知,嗯,那就把他删了就得了,对吧。
14:09
嗯,好,然后下边这位置用写手机号对吧,嗯,下面这位调整一下啊对,来这样,嗯,Ctrl shift加H。是不是有这个内容他调整不了。Is a。怎么回事?你们看一下这是怎么回事?Input text,这是一个元素,嗯,诶,他这个怎么写到这了。一般我们内部都不这么写啊。调整一下。这是一个下边这个是什么?下边的一个登录和技术账号。来写那个手机号对吧,我们是要求用手机号注册对吧,嗯,手机号。
15:05
然后复制一个。密码。密码对吧,嗯,然后这个位置改成pass word word对吧,然后后面这个删掉就行,然后再来一个就是那个log登录。这么长,这么多。看一下啊,这是另外一个是SPA,这个是div。怎么又来个A链接啊啊,这忘记密码了吗?忘记密码。这个不用加他就行,Login是个A电机。改成巴塔或者是我们对应的那个叫什么,我们那个input才行。不然的话,他链接怎么提到对吧,无法提到。
16:04
可以吧,这样行吗?哎,不对,是这个刷新新。好丑,我的个乖乖。A,链接就链接来刷新新。是是是。意思行了,Button按钮。他也没写个类给他控制,没写个样子给他控制就。光找这个类型。哦,你看他是给这个A标签写的是吧,给这个A标签写的,那还。啊没关系,系A链接一样一样也能让他提交就完事了,嗯,可以吧,好,这是那个登录页面啊,登录页面完事以后,对应对应的是不是有个那个叫什么呢?咱们的那个注册页面对吧,注册页面那大同小异了吧,和这个内容对吧?嗯,所以我们再去调整一下注册页面啊来在这里再写一个。
17:03
把这个页面呢,也给它调整一下样式来放到这里。所有的登录ctrl a换成注册,注册。啊,这是一个啊好,完事以后呢,把这个页面我们看一下这个页面内容容它俩应该是差不多的好。是吧?是一样的吧,一样的布局和样式啊对,无非就是一个是登录,一个是注册,对吧,我们看一下哈,注册的这个页面呢,我们也给他配置一个对应的路由和速函数,然后让它呢,能够跳转过来,来这里re GI注射。好,然后呢,我们同样的给它对定一个四函数。干掉来看一下啊啊好好看一下啊,CTRLC复制,然后在这边访问一下看看对不对啊好注册页面对吧,注册页面啊注册页面,然后有手机号有密码。
18:09
呃。还,还写什么?确认,确认密码。还有什么什么不用写了,那就头像默认啥都不给了,什么昵称啥的都没有可以吧,嗯,对,就到这个人页再去写那个内容可以吧,嗯,然后下下边还有一个就是那个。短信验证码是吧,验验证码验证码。验证码这个位置我看一下啊,确认密码text验证码后面应该放一个按钮,然后呢,到时候再去做那个就行了啊,这个是注册。刚才那个Logan。打开。这应该是我来刷新看一下一下可以吧。可以吧,验证码,然后到时候在这里呢,给一个按钮点击发送就可以了。OK吧,然后让他自己去写这个验证码的内容就行了,嗯,你们看一下写一个按钮啊,写一个按钮,这个按钮放到哪儿呢?放到。
19:10
就放到这个位置吧。Type等于Bo done button type等于八,好,然后这个是发送,发送手机验证证码。对吧吧,来先看一下,小心他会这样对吧,然后把这个验证码呢,调整到这个位置置对不对,同时把它的样子给他做一个这个控制就可以了,嗯。看一下这个页面,这个页面它用的是。用的是什么开发的?看一下病。也用不是吧,他还写的东西还挺多。他可能不光用到这个内容啊,Photoshop是不是也用到了。用了好多。
20:01
用了好多。我们看一下好不好使就行了,在这里写一个,那个叫做class,等于Bo。是是这么写的吧,我记得好像有个类来刷新看一下。没效果。没效果,来Bo OTC。打开网站,我们去找一下它那个按钮的样式,大概给他控制一下。这个发送手机短信验证码是不是最好在这位的。对吧,在这个位置啊对。诶,换成A链接不就得了吗。看啥啥休息。哈哈哈哈。是不是这样就可以了,对吧,这样可以了,但是你调整一下这个什么呀,调整一下位置,然后那个写一个ref,等于一个javascript Java c PT。冒号vod号。暂时啊,没事,好了,来看一下刷新没有问题吧,好,然后把这个按钮呢,给它放到这个位置来啊嗯,放到这个位置来的话呢,得它得有一个定位。
21:07
Star。Relative,先给负极做一个定位,然后接下来呢给个定位。它的定位是star,然后它的冒号。5PX。然后是。RIGHT10PX。看一下好不好扫啊,刷新新。有有有。五个像素,诶,怎么跑到这儿来了。15。还不行,行。30。可以多了一点是吧,嗯。那个给个28像素,我看一下。
22:00
可以吧,右边那个不要是吗。或者是小一点的吧,看一下五像素行不行。还不行,那就去掉就得了,0PX就当贴着边就完事了事,可以吧啊,只不过这个边框啊,放在这里稍微有点不太好看,稍微有点薄不太好看,对。把冰封取消掉也可以,这个位置来一个包。冒号。上线,谢谢。可以了吧吧,嗯,对,发送那个手机验证码,发送手机那验证码,到时候他一点啊,就给他手机发短信验证,然后这个时间呢,这个按钮你就不能再点击了,懂我意思吧,改变一个他的状态,不能让他再点击了击,也就是说他正常60秒或者120秒内只允许他发一次的信息。没有意思吧,不然他在这啪啪啪啪点点一会儿十块钱没了,所以这个内容呢,到时候得再调整啊好了,那这样的话,但是呃,前期的我们基本的那个页面处理是不就完事了啊,基本的页面处理啊好好嗯,我看一下还有没有别的呀呀,好好,那就基本就这么多吧吧,就这么多吧,好好。
我来说两句