00:00
哎,写完了,下边我们写前台了,前台两件事儿,发请求处理响应啊,那看什么时候发请求,需求说了,用户选择要修改市场,选完了之后一点修改按钮就发请求了,所以我们下边要做的时候就是给这个按钮加一个单击时间,所以我们加吧,那加的话应该在这个市场活动的主页面上面,在它上面找到修改按钮,你看找一找修改按钮在哪呢?看看搜一下啊修改了。修改按钮点下一下边这个修改按钮,咱就这个按钮看到吗?一点它要弹不到任务弹之前先向后台发请求,把数据查完显示好了再谈,大家看他美工已经帮我们谈完好了,对把它删了,然后呢,这个地方给大家一个ID,这个ID来一个随便写了修改市场工动呢这个按钮艾艾,然后谁呀发开,你看大家这些按钮你看我都都喜欢,嗯。
01:05
你将来你要做更复杂的功能后,后边还有这些按钮都得加是这些,那我们这个地方来给它加事件,那给他加一个单击事件加过来。这个地方,然后呢,在这个地方在入口函数找到入函数,在这个地方加给修改按钮,添加单机事件用on还是用传统的方式。那你就看看能不能确保这个按钮是固有元素,能吗?能不能能是不是一定能呢?对,一定能,所以用种传统的方式就行了啊,拿上这个地方来一个ID感测机。然后呢,直接掉床住,你说老师这些技术学多了是不是也不太好,以前学语言学一个的时候,不管三心二一都用到一个是吧,但你学多了,那那那是,但你能力大了,你承担的责任也大。
02:12
哈,就你学的技术多了,你考虑的事儿越多了,所以越到后边你考虑到这考虑到这个问题越多,知吧是吧,好,这时候我们让,然后呢,这个地方来一个叫function来,诶这个地方来,然后呢,看一个参数,这样就行了,当用户一点修改按钮,执行我们这个函数,把代码写到里边,写在里边干什么?两件事,发请求处理响应,发请求有参数收集参数,收集什么参数。对,就这个ID,这个ID在哪呢?对选中的拆开包S上面的,所以我们下边还是要获取列表中所有选中的拆包S知道吗?对,那往这个地方来个首先获取列表中被选中的拆个boxs鸟。
03:05
叫拆个包子,那获列表中被选中拆包子是不是已经写过很多遍了?对啊,获取列表,列表出提包的下边的check box input,嗯,Check boxs,来一个type,等于对t boxs,这是列表中所有的tbos,我要获取被选中的t boxs。Check,这是列表中所有被选中的拆包定个变量保存的我这个动作check ids,我们说这是个解块对象,它里边包含一个数组,是有那些所有被选中的元素高不对象所总的数组,通过这个数组可以做个表达验证。怎么验证,看看他选了没选。选了是不是选多了,这个段就判断了,那判断那看看是不是选了吗?怎么判断选没选对看完这个长度是不是等于零,等于零说明一个是不是一个都没选,一个都没选提示,然后对方来一个请选择要修改的,对对要修改的啊,数据或记录或者什么市场活动啊,这样吧,掌握那提示完了,如果没选是不是后边代表都不用执行了,直接这他了,这样就行了,那如果说不等于零,不等于零就选了,选了是不是就一定合法呢?不一定,还得什么进一步判断是不是选多了,是不是这样总选多了也不行,这需求需求跟我说的很明白了,每次能就只能选一个,而且我能选,而且只能选一个吗?
04:51
不选不行,选多了也不行,那如何判断它选多了呢?对,那就看这个长度是不是大于一,它只能等于一才行,懂,如果大于一,那就给他提示。
05:05
提示,那就来一个告诉他,每次只能选择只能修改一条,是每次只能那吧,修改一条市场合作啊,然后提示完了之后,后边代码也不用执行了,数据不合法知道吧,好,那如果说他既不是没选,也不是选多了,是不是一定只选了一条,对这里边这俩都进不来,那就往下边走就行了,下边写代码写下边写代码干什么呢。是不是要把他选的那一条拆包上面那个Y6值拿到了,拿到就是那个ID了,那我要拿那个ID值打到。现在你有几块的对象?对,知道吧,对点VL就可以了,DL解块为对象,这个块的对象是不是一定就代表那个拆boxs的结块对象,这一定是它的只有一个元素嘛啊,所以定一个变量接受了ID等于它就行了啊,它一定只有一个元素啊。
06:09
啊,当然这这是一种方式,我这样写大看你要行不行啊这样写,然后呢,这个地方点,哎对GET0这是得到啥了,当对象当墓对象拿到当墓对象获取咱某一个属性的,咱他脱去。对,获取Y6属性是不是这么获取,这么获取是不是也是ID值啊对,也是ID也是这样转成刀对象了,回我这样写,你看行不行啊。对,这。对,这是不是也能拿到盗墓对象?对盗墓对象获取属性,直接把属性名写上就行了,这三种方式都行,爱用哪一个用哪一个是吗?这是我们说的,这样我们就可以了,可以完了之后呢,参数拿到了,然后也验证了,然后怎么办呢?对是不是可以发请求了,对参数都准备好,也都验证了,下边发送请求,发送请求根据我们的设计,是不是一个义务请求,义务请求阿贾克斯叫做成了一个对象,这个对象一个URL表示你要发到哪去,那我们要发到哪呢。
07:27
发到这里,发到这个地方。CTLC,然后呢,这个地方来拿到它发到这啊,然后呢,下边是不是把参数提交过去啊,参数这个参数那只有一个参数,参数名,参数值数是不这样吗?啊那你说老师拼一个字符串可不可以对也行,知吧,但你拼不去不麻烦吗?知吧,所以这是我们这下边呢type请求方式post,然后呢,Data have来一个叫什么对接层啊好,这样前台的第一个指道就完成了,对发送请求,下边第二个第二个指道对这个是处理响应,让这里边data接收响应信息啊,这个响应信息咱看就是这个对象。
08:18
里边都是属性名属性值,属性名属性值拿到之后怎么办?对,通过属性名把这些属性值是不是都取到,取到之后干什么?对,是不是该显示到框里边,显示到框里边,然后呢,这个什么拆开boss这个什么,这个select该选中谁选中谁是不是这样子,当然还有一个ID是不是选到一个隐藏域里边,这样就行了,好,那我们来看吧,首先来看那个ID,开那个ID应该显示到这个模态窗口里边,给他加一个隐藏域,不让用户看见,但是以后一点更新能够拿到它知道吧,所以那来看看吧,那首先找到修改上文模特窗口,找到表单,给他加一个隐藏域。
09:00
这是修改上时,这是个表达,给它加一个隐藏域来保存ID,保存ID加一个隐藏域,隐藏域怎么写对隐input,然后呢,这里边写什么?对A是吧?啊,为了操作它方便,给他起个ID,这个ID我就简单写了I杠是杠ID,市场活动ID,然后呢,把我们这个市场活动返回到这个ID值,是不是赋值给这个隐藏域啊,赋值给隐藏玉怎么赋。到了时候然后呢,哎这个地方到时候然后呢,跑对负值,其实是不是就给它呢,Y6属性值设一个值啊给Y6属性值设置是不是VL啊VL那这值设成什么呢?对data塔是一个市场温度对象,它的什么对ID值,这这是我们看这这这个ID设好了,设置好之后再看这个所有者是不是所有者下拉列表这块数据都已经有了。
10:08
我只需要这个当前这个市场活动,要修改这个市场活动所有者是谁,只需要默认选中谁是不就可以了,怎么选中谁?怎么选中某一个下拉列表某一个选项的,对,把市场活动所有者的这个ID跟下边列表中每一个选项是不是都有一个option里边都有个Y6值啊,跟那个Y6值,每一个选项都有Y6值,跟那个Y6值比一比,跟谁相等就选中谁的,那你说老师这个比怎么比?不需要你比,你只需要干什么,把市场中所有者的ID直接赋值给select,浏览器会自动根据你给他赋值这个select,到它下边所有的option里边去比对去。
11:00
给谁的Y6属性值相等,就直接选中哪个option,它自动的选中,大家能理解这个意思吧,就这,所以我们只需要把市场活动所有者的ID直接复制给select就行了,它会自动的去比对,知道吧,那市场活动所有者的ID是谁啊?是不是欧,然后呢,把它复制给谁啊,复制给那个下拉列宝就行了。富人下来边,下来边谁,你看看下拉列边你找一找里边谁啊?哎,对头,是不是这个这个所CTRLC把它拿到了,拿到之后呢,我们这个地方继续来。然后呢,把它赋值到这里,这是c select给它赋值,怎么赋对V还是V赋值成什么就复制任它啊。这是所有者的ID。将来浏览器会自动根据这个ID到这个select的下边所有的option里边去比对,去所有的option,就是这些option都有一个Y6属性,根据给的附值到这些select这option这option里边一个一个比对,跟谁相等自动选中谁,浏览器帮我们比对,你不用管,你只需要把值复制给他进了。
12:20
他就给你选中了是吧,好这样的话可以可以完了之后,他下边这些都好办了,这个什么市场房的名称是不是直接赋值就行了,对直接赋值,直接赋值负一下吧,这个地方来一个,然后呢,这个地方来一个好老符号,然后赋值叫什么V,对这个地方来一个谁啊谁打点name,还有下边还有谁看看还有啥。开始。对,开始日期结束日期是吧,这个开日期这个他这个这个他这个美工写的,他这个美工写的没有规则,咱们得一个一个考,你看吧,知道吧,这是开始日期,然后呢,点2V这样的话取个值点二对start date直接复值,还有一个是不是结束日期啊对,结束日期这个是来个in time,这个地方叫in date,这还有谁呢?还有成本是吧,成本就这个成,这个地方来一个成本,这还有一个是吗?对,描述是描述叫description,嗯,然后呢,这里边也有一个description。
13:40
啊,下边下边它那个跟咱们不一致是吧,咱们要description,你看他这个叫啥看对就这个,你看这个改一下,当然这个地方给它改过来。就是他写的这个不太好,不一致,这样的话来看,我们就把查出来数据,该选中的选中,该显示的都选中。
14:06
这个摩擦窗口边都有数据了,有数据之后下边是不是就可以弹摩道窗口了,就弹出摩擦窗口,所以下边我们这个地方,然后呢这呢对这个呢,我给大家写个注释B啊,市场活动的信息显示在修改的模态窗口,模态框窗口上,然后呢弹出模态窗口,这个时候就可以弹出模特模态窗口,弹模特窗口咋弹对获取这个div的解拍的对象model一下就行了,这个地方还有个然后呢点对model啊弹出来叫什么?对收下这样切开就行了,这这这就按照我们设计的流程写啊。
15:06
这样我们就可以可以完了之后呢,后边其实还有个流程,用户看到它之后,填写表单一点保存,又想获得完,下边还有个还有个流程呢,对那个流程大家自己课下自己写,能能写出来吗?可以吧,可以课下自己有时间你别等我,你往下写就行,看自己能不能写出来,我们先把这个流程测一测,其实大家做完前面几个功能之后,都是类似,你要自己能够举一反三,往下做下去打,我们说你第一开始做肯定会出现一些问题,或者是做的比较慢,当然你做几个功能之后,你掌握这种开发的这种模式了,就比较好办了啊啊。那你比如说他往这个地方来市场额,我想修改,那我想修改,假如我一个不选啊,一点不让点,那我要我选多了一点也不让点是吧,我只能选一个,那假如我修改这个零三嘛,选中它之后一点再看这一个什么,我的任务弹出来,弹完之后这一条市场活动这些信息全出来。
16:06
包括这个隐藏域,还有ID。当然了,我说这个地方也可以做成日历,这个地方做自己做啊,对吧,我们在课堂上我就不给他做了啊,自己做好做吗?好做好,但我们这边加一个my data是不是就可以了,卡拉加卡拉就行了,但我就课堂上不给大家做了,你看下自己加上就行了,好,这样的话我们这个流程就做完了,就明天我们继续往下边做,就对用户填写表单填填完了之后一点更新按钮,下边的流程开始。大家课下先自己往上边做一做,看能不能做出来,做不出来没没关系,也不犯罪,那我们这个对啊对,你自己尝试着做一做啊好,这个我们这个今天先到这吧,大家下课吧。
我来说两句