00:00
来看一下我们现在这个项目哈,它后台呢,基本上我们主要功能把它完成了,那就不用管它了,那么剩下的就是我们。呃,前台这个位置啊,前台这个位置,它主要是做这个数据的展示啊,数据展示我们目前做了这个登录和注册功能是吧?啊其他功能还没有,那目前呢,呃,接下来呢,就开始把这个叫商品的这些分类哈,都给它列出来来。嗯。分类列出来就列到这个维度就行了,看一下。他这里边儿原来都是啥呀。儿童读物。博客页鼠我们用不了那么多吧。对吧,我们看一下我们后台这个里边都大概都有多少表。
01:09
看一下我们的分类啊,一个两个三个四个四个分类,四个分类的话看一下啊。这样我们把主要分类放到这儿,好吧。就是主要分类,比如说就是这个小说,文艺历史和传统文化可以吧,放到这儿啊,就所有的,到时候你再添加这种一级分类,也都放到这个位置可以吧。啊,然后这边呢,去放那个二级分类可以吧。他大概能放能放好多,我感觉。嗯,这里放到比如说这个位置是小说,小说下边就是不同的类型的小说了。可以吧,不同。然后他这个是。它这个分类这么多。
02:03
要不然上面感觉空空的,没有东西。对吧。那他这个模块还比较多,我们没做那么多模块,我们就是把相关的数据模块给他做上就行了。这里是一级分类,这里是二级分类。一级分类二级分类,一级分类二级分类,那也就用俩呀呀,那用不了那么多呀。对吧。那这样我们去看一下,找一下这个元素在哪个位置。Menu菜单这个好,打开我们的页面码去找一下啊。
03:01
来找到我们I home里边的,嗯,应该是在base里面对吧?啊,跟着F搜一下啊对,就这位置,这是我们的所有菜单啊单,然后这边有几列HOME123啊,它这个是一级菜单是吧?一级菜单,然后里边还有很多小的子菜单,对吧?啊,你看如果我把它,如果我把它删掉,来看一下页面。如果把他删掉。进去之后就没有下拉的那个了了,对不对啊,就没有下拉那个了,你看看清楚它的页面布局结构就行了,嗯,然后下边是不同的类。这么长。没有变化呀。怎么没变化?太长了,这个哦,这个是吧。这个是他原原那个网页的那个地址。
04:01
把他删了也多也长哎。双层是吧,好,那这样我们看一下啊,找到这个标签CTRL加。呃。A是吧,啊,找到这个标签,然后等于引号,引号里边是点星问号。对吧,然后把它替换成空可以了吧,嗯,就把它删掉。那这个还很长,这个依然很长。嗯,依然很长的话,我们把它复制出来。然后百度上找个工具。我这个。百度找一个找个代码格式化工具,我这个可能格式化的还不够好啊。有点HTML代码格式化。找工具,嗯,找工具吧。
05:04
把你的代码往这里一粘。哦,然后呢,我看一下啊。来。嗯,格式化后我看一下block哪去了,Block还有没有啊,Block丢了。Foot。Broken。最后还有。哦,有是吧,还在还在就行,来C复制,嗯,就是他你你用这个工具做完以后。他好像多了点东西。我感觉。来删掉看一下过来。
06:00
放到这里啊。找所有的不block f搜一下,调整一下格式啊。别到时候不这。啊,就这俩行了,这俩完事以后再去回到上面那个位置。嗯,叫CTRLF搜一下me nunu,对对,这个的话就比刚才好多,这码换个行嘛,你不换行看不清到底是什么东西哈,嗯。好了,这个是我看一下,那这样咱们第一个就不要了啊,第一个就换成首页就可以了,这个位置来换成首页。首页,嗯。然后这个首页下的其他子类这个就删掉了,不要了。看一下啊,刷星星。可以吧,可以吧,然后这个是分类,可以吧,啊分类。
07:03
图书分类,这个地方叫图书分类。调整一下样式啊,调整一下格式啊,20以后呢,这个位置里面去放其他分类,我看一下啊,放了几个呀。Title。图书分类,嗯,比如说这个位置啊,叫小小说小说诶。然后这个换一下叫小说123,其他都干掉。弄多了。1233。先看一下样式不是对不对哈。来突出分类,点下来来点哎哦,鼠标放入啊,鼠标语录啊,小说123可以吧,嗯,不同的分类不同分类。嗯。
08:03
图书分类类好,那这个位置就是这个位置就是一级一级分类,这是二级分类好吧,因为实际上咱们后台的话也就。做了个二级分类对吧?啊,其他分类没有好,然后这边呢。这多余的我先给他删了吧,多余的先给他删掉啊,来把这个R折一下折掉。先删掉啊,来刷新看下,诶,哎,删多了。把它后边的删掉啊,来刷新看一下。可以吧,嗯,这个也给他干掉了啊这个。这个我看看啊。对。看一下这个父子俩看看什么效果啊。刷新新AB这个可以放一些推荐的分类可以吧,啊推荐的分类过来啊对,暂时我们就可以先不管它,好吧,暂时不管了啊好,那这个就差不多了,哎,这下边还有有。
09:12
ER mder LG。又来了一遍,我看看啊。这个是什么意思?是其他屏幕的吗?他是做了试用的吗?不同屏幕用的不一样吗?这个单词什么意思?移动端是吧,我们还做移动端吗。你要做移动的话,移动端的话呢,你两个就留着了,你要不做移动端的话呢,你就把它删掉。来看一下,现在移动端是这样的,看到了吗?把这个移到边上。那这个百分百。看到了吗?看到了吗?对他因为他是是这样的的,他是这样的知道吧,移动端到时候你想要你就留着,你不想要你把它删了可以吧吧啊移动端也挺好看的是吧。
10:05
嗯,行,留着他吧,留着他吧啊。就暂时我们先不管它,你后期要做移动端的话,你再把它打开就可以了,好吧,啊,我看一下把这个还是把那个叫什么多余的都删一删,因为太多了。删掉这个太多了,要不然啊啊,这个留留下啊,这是移动端啊,移动端完事以后还有哪个东西,我看他首页上面这个位置还有一堆。How do you say it。哦,这个不是这个页面栏哦,不是这个页面不是在base页面,是在那个那个那个什么列表页面了,对不?这好了,那这个位置啊,可以先放,这不用管了,嗯,上边是什么。我的账户check out退出是吧。退出不应该放到这儿。
11:04
我看一下啊,等一会儿啊。这个是UR。退出。You are。稍等啊,我看一下这个这个这个判断跑偏了,有点啊。等会啊,我把这个调整一下,把代码调整一下啊W,我这里是不是应该再可以再给一个,再给一个注册对吧,注册的那个叫是吧,Re GI,好,这是。登录退出,然后账户的话,他应该也是那个叫什么,登录以后是不是才有我的账户啊。啊,登录了以后才有我的账户对。或者就。
12:02
放到这儿。行了,这个进进个个人中心就可以了,然后这俩不要我先把它删了啊。看一下行不行,刷新一下页面,好像哪里不对。好像这是一个R,这个R跟这个怎么不对劲。多了一个对吧,嗯嗯。好了好了,刷新一下看看啊。登录和注册对吧,然后你你如果登录一个,比如说昨天有个手机号,拿这个吧。123456登录一下。前后台登录的,现在是一个,嗯,看这可以吧,啊就这样啊就这样,嗯,行行,这回就有了啊,上面这个要不我把它删了呀。上面两角的位置把它删掉啊。删掉的话我看一下啊。
13:03
这个位置是购物车,他是这样的,就是他进购物车的话,他可以从这里点,或者说加在那个商品的详情页,点击直接进入购物车也可以知道吧,因为这个页面随时都能看到这一个,另外呢,他如果下单以后,他可以在下单的流程当中完成付款,如果说他并没有完成付款,那个订单也可以生成进入到他的账户里就行了。在就是点击我的账户,在里面就他个人的收货地址呀,他个人的所有订单呀,然后待付款订单,已付款什么订单啊,这都有。可以你在这里点击付款,那你付哪一个对吧,他还得进到那个订单里边。明白李总,对,嗯,就在我的个人个人账户里边是有一个,呃,就是个人个人信息,然后什么收货地址信息,然后还有一个就是那个叫。购物车啊,不对不对,不是购物车那个叫什么订单啊,订单主要的三大件啊,就个人中心里边边啊,主要的三大件就三三个东西啊在里面呢,可以查看到你所有订单啊。
14:03
包括历史订单,包括呃,还没有完成的订单都可以看到,在里面呢,你可以继续选择付款,比如说没有付款的订单,你可以选择付款就可以了,以了,明白了吧吧,嗯,好了好了,那这位置啊,这位置不能动了,嗯,然后然后下这个图标还跑偏了,不管它了啊呃,然后下一步呢,我们这个页面啊,调整了大概啊大概率调整一下哈,那么接下来就是把这个内容去处理一下,首页这个不用动,但图书分类里边的,像这个小说呀,以及小说下的子类是不是这个东西都应该查询出来。参与出来对吧,好大家看一下啊,我们数据库里边的数据啊,是什么样的,怎么才能查成这种格式,给他以这种方式显示出来,或者说教给你以后啊,你怎么才能把你的所有分类全部都列出来,出来放在这个显示。什么时候做多点联动,就是你前面不选,我后边不知道你要做什么。那个时候做多运动,比如说你不选省,我怎么知道你在哪个市市,明白了吧吧。
15:01
那那种情况下是做多点联动的,但是在这里是我要给用户展示我所有的分类。啊,你你说的那个不是不是那个叫什么,不是联动那个是那个鼠标移入以后再显示下一个对吧?来鼠标点进来移动出来的。但你看他这个,他这个是竖着是那个叫什么竖着排的所有的商品分类嘛,对吧,然后我们这个因为页面布局不一样,它页面是在上面。对,但效果是大同小异嘛,对吧,不管是这种还是这种都是一样的,就是现在这一步就是。你我我给你数据,就你现在你知道咱们的数据在哪里里分类是不是都在我们的那个types里面,对吧,那么现在问题是你怎么才能把数据查出来,并且在这个位置展示明白了吧。展示成这个要要。啊。你怎么做?知道了吧,首先啊,首先的话是这样的啊,就是这个位置所有的上面这个位置是不是都是所有的一级分类。
16:02
对吧,然后下面是不是他当前的子类。对吧,好么,去查所有的顶级分类,PID等于零是不是就所有顶级,那么怎么查这个类下的所有子类呢?这个类下的所有子类类,也就是说说这位的哈。我们去看一下我们的。嗯,想想我们在哪个页面啊。找home。Views大家看我们views里面如果要写的话,会也会变得很多,对吧吧,所以这个位置是不是也可以去调整一下那个叫什么。分成那个不同的。不同的那个,呃,建成一个包是吧,建成一个包S的包。然后里边去把它分开处理,要不然太多了了。然后这个我们改成index。VWS.t不对不对,点P是吧。然后呢,还有一个哦。
17:03
我看一下啊。行,再建一个,再建一个,所有的登录相关的啊,登录相关的都放到这里。Log没有RO可以吧,Log把这两个都分开处理。啊处理啊,然后把我们现在现有的VI的内容啊,先给他拷一份放到我们的logo里面,嗯,然后这些内容呢,都不用动,都不用动,把index单独拿出来就可以了,Index放到我们这个里面来。对吧,然后上面的该导入的内容给他导入可以了,来复制。对吧,啊,这个是首页的对吧,这样的话我就把它分开了,可以吧,兄弟们啊,这个所有相关登录啊,注册的这个内容全部都在这个统函数当中和这个文件当中,你看这些都是。对吧,啊,这些都是对,把它分开处理,处理好,然后我们。嗯,对应的,只需要把那个谁改掉,改到我们的那个叫,呃,对那个路由就可以了,对吧,然后这里是导入了view对吗?还导入路由还对吗?点down views不对了吧,或者是点views views,然后import星对吧?然后呢,那你就需要在你的这个文件里边,是不是建一个in啊,建一个杠杠in init杠杠点PY文件。
18:24
然后在这个里面打开。创建一个变量叫做杠杠,哦,杠杠对吧?它等于一个列表对吧?你当前这个列表里边的所有内容写上,有没有简便的写法呢?S一个来logs RO gn logs这两个对吧,好把它定义一下啊,定义完成以后回过来把我们上一个页面的views可以把它删掉了,对吧?啊删除掉,然后把它做开分离开啊分离开以后我们再去看一下哈,嗯,这个位置这个在index views。
19:02
S里边的in的方法对吧,In DX方对不对啊,前面这个不需要了啊。然后剩下的都在Logan。叫RO logs对吧?啊,这个是写下注释啊,这是前台的前台。首页。对吧,后面这个位置来这个是啊,这个登录注册相关路由。可以了吧,啊好把它分开啊,分开处理好,那这位的哈,嗯,他还有没有问题哈,访问我们的这个四函数,四多函数里面这位的。他在MY里面。找到音泡的views,这个应该问题不大,来我们看一下,重启一下,先刷新首页,没问题吧,啊,没问题啊啊,然后我们退出一下确定,然后点击一下登录。
20:08
这都OK吧,你这个页面都好使的话,那几个页面也可以了啊。4566。可以吧,没有问题啊,好最基础的好,那这样的话我们就完成了基础的第一步啊,先把这个页面的内容给它分开啊分开,要不然处理起来太麻烦了,嗯,好了,我们把这个,呃,剩下一步就是把这个分类啊,首页的用了分类给它处理完就可以了。好吧好吧,大家琢磨一下一下啊,怎么去查查。
我来说两句