00:00
好了各位同学,那咱下午接着继续了啊,这个咱们呢,看一下咱们上午已经写到哪了,是不是写到了咱们那个详情。对于这个详情模块呢,咱们已经搞了一部分了,就是这。对,不放大镜。以及底下的这个轮廓图。当然这里的数据啊,和这的数据咱是不是都已经搞完了。那接下来咱们要做的一件事是什么呀,就这。咱们先看一下已经上线的这个项。那首先说电商类的平台,你购买的产品,你在加购物车之前,你是不是得自己选择买几个?对吧,那咱们看一下啊走。看这那点击它是不是加乙。点击它。减一,那当然用户能够输入进来。是不是都可以?当确定了你买的这个是谁?
01:03
啊,什么颜色,什么版本,多少个完是不是就要加入购物车。OK吧?那加入购物车代表啥代表你看这个页面代表啥,是不是又是一个路由组件,它代表你是不是把你购买的产品。是不是加入购物车成功了?这能懂不?那当然你可以去购物车查看,你先看看业务。OK,不,那当然你也可以回来,或者再回谁查看商品上。详情是不是又回来了?这能懂不?所以说咱们接下来要做的是哪是这哎。这块记住老师一句话。如果这块要涉及到让用户。它能输入,我告诉你幺蛾子就很多。就这句话我会验证的,就是在咱们后台。后台的那个项目当中,你会发现很多表单元素都会让谁去输入。用户,但用户一,我告诉你这个这个事多不多。
02:01
就多了,对不好了,那咱们呢,就先搞搞这来看这啊。那首先说啊,那这块是不是展示的,是不是应该是咱们的什么呀。是不是个数?你购买产品多少个,那咱们应该知道默认是几个。一。对不,那咱们呢,那老师问你,你说这个值要不要变。要吧,那所以说应该是一个什么样的一个值,是不是小式的一个值。对不,就跟咱当年学BOE那个那个计数器,点击加一点击减一是不是很像。对吧,那所以说啊,来咱们呢,先把这先给它折上。那这里呢,老师把这也给他折上,那咱们找一下谁呀。对,没写了是吧,那再来一个date。那这个呢,咱们给它起个名字吧,叫什么?叫做产品的个数。SQ默认是几个一。OK吧,所以这块呢,老师可以给你想介绍这个应该是咱们购买产品的什么。
03:05
个数没问题,那咱们先看一下子走。谁在用,是不是这个表单元素。对不,而且接下来这条数据你要不要收集。要你看你你看咱上线这个,就比如说你看啊,你看这就举个例子,老师想买一个苹果手机。啊,这个网速啊,每个班都这样啊。习惯就好。看这那比如说咱们要买苹果手机,就举个例子,我现在要买六个。OK吧,你说这条数据你要不要数据要为啥要你加入购物车,你是不是得告诉人家?我买的是谁?我买了几个,你是不是在存储到数据库的,而且就算不存你看啊,你看这。又没用。有没有当你加入购物车成功之后,你看你刚刚购买六个,这是不是也要显示六个。对吧,所以说这条数据一定是需要收集的,那所以说来咱们看一下,找到那个文本框,咱找一下应该是在哪,应该是在这个售卖属性的底下,那就不是这。
04:12
应该是右边的。看一下右边的底下吧。住这儿。这不加减和一个文本框吗?对不,那所以说啊,那咱们这得琢磨琢磨,你需要收集。那你猜猜会用到谁?微杠暴动。咱们说过收集表单数据,咱就学那几种,第一种we model,第二种re。对不,所以这里面呢,咱们很简单,就直接V杠。呀。We哪去了?这呢,We model。谁呀,是不是咱们那个叫做SKU number,那咱们先看一下的数据能不能收集。来看这儿。举个例子,老师呢,现在在这儿呢,我输一个什么呢,我输入一个12啊,行11。
05:05
真的咱们看一下咱们这个组件,这个组件呢,应该是有没有。有吧,没问题,好,那再来。首先说啊这块的操作,用户可以怎么做点点汤。点他或者自己。点进来聚焦之后是不是自己输入。对不,那都可以干,是不是都可以修改你这个产品的个数,那首先说最简单的是点击加。你只要加我是不是在已有的基础上,是不是加一个。你要有钱买一个就行。对不,那这块好整,那减呢。点击减一。但你要注意。你不能出现啥负数,零或者是负数是都不行,你总不可能买某一个产品,最终商家还要给你钱。对吧,你负数是不是商家要给你钱了,对吧,那以及呢,这块咱们最后再说用户输入的事,那咱们看一下看这。
06:08
所以说这是简单点击就咋的。加一那这块好整,那就是SKU number咋的。佳佳。老师问你不想回答行不行?可以吧,是不是可以写一些简单的赋值语句对吧,那咱们先看你点击加一没毛病,你点击看这。加加没问题吧。那你点击这呢。我知道是不是减一,但你最小应该是几?错一。啊,最小是一。OK吧,但是你要想明不能不可能出现啥。负数对不,那所以说这块呢,你要得写了,你要这么写,你看行不行,直接这么写at。Click。直接SKU number减减,你说行吗?不行。你这会你得分情况,比如说如果你的SQ number是大于一的情况下,你可以干什么?
07:05
大于一的情况下,是不是可以减减?对吧,那就怎么把怎么整SKU number加加,那否则呢。啊对,减减了,那否则呢。否则想,否则你是不是SQ number小于一了能行吗?什么叫小于一?是不是出现零或者负数不行,那你的SQ number。就应该是。SKU,呃,Number就等于几等于一对不,这也能看懂。对吧,那所以说来咱们回首看一下,你看。不变吧,来看这啊,加加加没问题。减减减没问题,但至少是一对,不像这一块加减都简单,就这你需要做用户是不是也可以咋的。自己输入,我告诉你,以后咱见到用户输入的地儿一定要想全了。
08:03
因为用户不是你。对不,他啥都可能说。你想想是不是这个道理,但你要明白一件事,什么事,那你是不是需要给这个input是否绑定事件,绑定什么时间。把那什么时间,你就像咱表达元素学的时间,就那几个聚焦。施角性质。你像咱咱学的表达元素的时间就这几个聚焦。这不失去焦点画啥?好。是不改变了什么,对不?所以说咱们可以给他绑定个事件给谁,是不是给这个这个这个这个文本框,那咱来一个呗,艾特,那这回咱起个什么名字呢?那这这块不能瞎讲,就是change起个什么名,这块咱得想。
09:01
比如咱们叫什么叫做呃,Change。呃,SKU。Number,咱写一个回调。OK吧,好,那咱们呢,在底下给他来一个,找一个谁是method。走那这块来写啊,这应该是表单元素修改什么,是不是修改产品的啥个数。咱哎呀妈错了,叫啥来着,叫叫叫change。SQ对吧,这里的log。走。那你说咱先打印一下你要干什么,你是不是要修改这个产品的个数。来看这儿走。老师呢,在这呢,先测试一下,你只要输入有发生变化,看这1CHANGE是不是就触发了。对吧,那你再想想用户他可能输入啥。啥都有可能,但咱先不管别的老师问你,你这个你这个函数里面你要干啥,是不是要修改这个小是属性的属性值对不对。
10:06
那你前提你得拿到什么,是不是得先拿到表单元素里边这个。文本吧。哎,对不对,就是咱先别管情况有多少,因为你写的这个回调的目的是什么。你是不是要把用户输入进来的这个文本赋值给谁?SQW。这个能想通吗?那我老师问你,我怎么样才能拿到这个表达元素的文本?是不是一点target even.target是不是能拿到。喂,对不对。对不对吧,那你看咱们呢,在这儿老师给你来一个,那咱这接受过谁。EEV体一,那咱们先看能不能拿到。咱们打印一下叫even的点。Target的点value,那咱们现在能不能拿到value?
11:03
他这啊,咱测试一下,举个例子,老师输入的是一个123走,能有哪能,那你要干啥。只把它复制给SQ number。但你要注意。活就多了。为啥呢?因为这玩意儿他不是说他都是正常。你举个例子。来,你告诉老师,谁家购买的产品有叫1A23,这是个数字吗?不是。对不?而且你看你这还可以长这么来。副省。对不?对吧,退款,而且你看还能怎么还能这么玩买某个产品。我告诉你活多不多多咋处理。
12:08
就现在老师问你啊,你你要想明白啊,一定要记住,因为这件事咱们在后台项目当中我还会再强调,就是啥出现了表单元素是谁输入。用户输入,那只要是用户输入的,我告诉你腰蛾子就很多,你举个例子告诉老师,举那些情况是都要考虑。咋整?满脑袋想,哎呀是吧。来老师告诉你,这个很简单,你看。假如说你看。假如说他输入的是一艾米。那我说你它是个什么尾数字符串。这没问题吧?那我说你像这种情况,它是个字符串乘以一等于多少?
13:01
哎呀,我的妈呀。来来来,你别吓老师啊,来,看着来一个叫我爱你。乘以一。等于多少?嗯。啥拿呀?是不也?只要这哪叫难啊。你说你说老师现在为什么要让他乘以一。也就是说你这个字符串当中带带啥。带非数字的字符乘以一定等于NN。对不对。你看这句话能不能理解啊,就是说你用户输入进来的这个东西乘以一。只要这个字符串当中包含啥,包含非数字的字符,这一一定等于na。
14:00
你琢磨吧,你看,举个例子,老师给来一张。来个122。是不是N。啊,当然那当然这这咱咋的。赔偿的,你看老师给你来一个。老师做一件事,就是用户输入进来的文本,我让它乘以几乘以一,你看啊,来,咱们就叫value吧,等于啥even的点。target.Y6乘以几?乘以一,你看吧。咱把这老师给你攒的。打印一下你好。来看这儿。如果说你你是个正常人。你输入个数字没事,12乘以一是不是还是12。这没问题了,但是如果用户输入进来这个这个里边带啥带非数字形式的字符。乘以一是不是就等于?这种想同步。在哪有小偷,也就是说咱们可以通过乘以一的形式,是不把一些非法的是不是就可以排除掉。
15:06
举个例子,那假如说我输入的全是啥纯的啥,我爱你塞北的大学,你看是不是就。对不,那老师问你,就假如说用户现在输入的是EA,我问你你应该显示EA吗?不应该就是谁一。对不?对不对,但是你看这算出来啊,是不是Ann,那所以说你这块要判断判断什么,就说如果。如果用户输入进来的是啥非法?就比如na,那你是不是得判断,你怎么判断这个Y流是不是N。是不是叫is an呢?啊,这个应该啥写的大A,如果你是NN谁等会啊,就是这个Y流,如果你是NN老师问你,你要干啥。
16:01
判非法的。就是一。这能懂不?假如说你是非法的,我说白了,你这玩意儿是不是应该就是一。对吧,假如用户输入的是12A,那是不是应该也是因为你非法。对吧,那所以说怎么办,那很简单,就是这点谁。SKU。Number等于几等于一还有一种情况。还有什么呢,你看。来看这,老师问你还有什么情况,你也要考虑。咱先不说小不小数,还有一种情况是什么?不合法吧?负一和五或者负二。合法吗?不合法,所以说非法的情况,还有还有一种情况,什么情况。小于。一的。对不对。对不对,对吧。
17:00
那所以说还有一种非法的,那咱也咋的。需要去搞一下,或或谁就是你这个Y6小于几,小于一,那老师说你要干啥,是不是也要等于一。对不?你看现在老师给你们看一下子走。Cano.log来看,这非法。大家看着。走就是现在老师就专门输入啥,是不是输入非法的,你看啊,老师现在来一个负的负一。说非法。但你看。是不是还是一。对吧,假如说你看,比如说你下面这些新的考好了,负200个白扯,哪有负200,还是你只要非法就A1。这能懂不?或者你看你再来,再来啥一二哈。非法是不是还是一?这个能不能懂。那当然这是非法的,那当然还有啥?
18:00
合法?合法的怎么处理?这是合法的,那不还简单了吗?这是点。SK等于啥value?哎,你说这样写对不对。什么叫合法的,就是你正常输入。是没问题。好家伙。行吧。不想那咋整?就是用户,他就非要说。带点的。老师问,你现在走的是不是else?那你咋整?取整。让他小点,以后他咋的?不要,那这块你就怎么办,很简单了。他是谁?In,那为啥Y0?就这能不能走?能懂,所以说你看咱试一下,比如12.8,什么点82。
19:04
这能懂不能吧,那如果说你输入了非法非法的。我都不知道我输在哪,全归一归一,这能懂不?哎,能不能,那那假如说出现在测负的,我也不知道我写的是啥还是几。一。就这玩意能走。所以说你看咱说白了,这块是不是在处理什么是非,什么时候出现非法出现什么。出现na或者是啥,或者是小于几的,小于一的,是不是都属于非法的?但底下这也要注意,这是属于啥,是不是正常的。但是这个正常说白了就是啥呢,是不是大于几。大于一,但是你要注意,有一种情况你也要跑进来。是大于一,但你需要是什么数?整数不能出现啥。出现小数。这个能懂不?
20:01
所以说咱们这块的解决方案很简单,让这个我们说白是不是让用户输入进来这个字符块乘以几。乘以一,因为如果你输入的这个数字正常,你乘以一影响它的结果。就比如说你买六个,六个乘以一是不是还是六。不影响,但是如果说你输入的是非法带非法字符乘以一,那等于啥了。哎呀。这能理解不?能不能理解,可以吧,好嘞,只是它。
我来说两句