00:00
大家好,我是学习园地的特约讲师高洛峰,上节课呢,咱们完成了地址,嗯,网络封装请求,那这节课呢,咱们来开始开发这个地址的页面去处理,那看一下,呃,地址管理呢,分为两个页面,一个是地址的列表,因为你可能会有多个地址,你比如说家庭地址啊,或者是呃,办公地址啊,这样在商城里边买完东西的话,那可以给你寄到一个默认的地址,地方在我们订单里边,我们会有一个选中一个默认地址,展只展示默认地址,如果想改变邮寄地址的话,点击这个生成订单,就点击这个地址这个箭头,那么就会给我们转到地址管理里面,你切换一下默认地址就可以了,如果没有地址,你点新增地址就可以新增地址,然后进行编辑这个地址就行了。这是我们地址管理的,呃,原型,那地址管理呢,这些组件的部分。组件的部分呢,我们在这里边已经给我们提供好了,也就是VAT VE的这个组件库有三我们开发的,你看专门有地址列表,就是这样的地址列表,看一下可以点击这个去编辑,但是这个他没做链接,然后可以新增地址,然后呢,可以选择默认的地址,那也可以在地址编辑的地方,地址编辑的地方。
01:14
对吧,是这样,在这块设置默认地址,然后再编辑地址的地方,可以有什么保存地址和删除地址,然后呢,里边有固定的几个部分,比如说收货人的姓名啊,手机号啊,选择省市区啊,对吧?是这样的一个情况,如果选选中,比如说天津的核心区确定,那他就会地址就会上来,然后呢,详细的地址。你比如说门,具体到街道门牌号这样的信息,然后邮编,邮编一般都是可见可贴这样的两个组件来完成的。嗯,当然你可以配合一些其他的业务,所以呢,组件编辑地址使用这个组件,那地址列表使用这个组件,那我们先需要把这个地址组件给我们加进来,对吧?那这个呢,我已经把这两个页面都加进来了,比如说组件编辑地址和这个你在这块加一下,然后柚子一下就可以把这两个组件拿回来使用,然后提前呢,因为他也需要一些简单的样式吧,比较繁琐一些,然后呢,也要把这个添加地址和编辑地址,不是添加地址啊,就是地址列表用到的这个组件。
02:12
我已经给你先写好了,就是粘过来这些就行了,当然了还有一些什么,还有一些。呃,稍稍一部分的样式的一个问题啊,你可以稍微改一下,然后这个就是它的基本结构,按照它组件写的基本结构,它默认这个就会带新增地址,新增地址然后呢,可以默认加的这几个事件,它这块就有,所以这几个事件在这块已经给你加好了,然后到这个路由地方,那路由呢,我也在这个地方给添加了,你不加路由它肯定转不过来,对不对,咱们找到这个路由。在路由的地方。给你看写的过程,因为这部分是给你省略掉的,我先提前给你写好的,你看就是地址对吧,然后都需要授权的,一个是地址管理,一个是地址编辑,或者叫编辑地址都可以啊,这个无所谓了。那我们看一下这个圆形图。
03:01
嗯,现在只是有界面,简单的界面还没有功能,对吧,你比如说到地址管理这块,咱们就可以过去,对吧,然后还没有地址去添加那本身的组件呢,那咱肯定先从添加地址开始,然后呢,有地址了,咱们才获取地址列表,然后才编辑地址,所以呢,咱们先从新增地址开始这个页面,那编辑地址我们用到的。呃,用到的组件就是这个地址,编辑添加和编辑用的是一个,用的是一个,你看基本用法就是这些,这里边指定什么,这个省市县的一个,呃,区域那边,然后呢,呃,这里边是否显示删除啊对吧?然后呢,呃,如果这是不这些都是布尔形状,默认的话是处对吧?当然你可以假如说变成假就不显示这个删除按钮,对吧?默认显示保存按钮,那保存的时候到这块来,删除的地方到这来,对吧?当然还有改变这个详情的地方出发,然后这里边指定默认的,请选择默认,你可以写好这个地址,把数据放在这块就可以了,这是区域列表,你可以放一个默认的,比如我们修改的时候需要修改区域这个列表,把这个值换掉就可以了。
04:04
然后呢,这里边儿得有区域列表和这个搜索结果,那还有这个保存删除,它里面没写功能,咱们也没写功能对吧,还有这个改变详情,那就按照它的组件的结构,我现在把这个已经拿过来了。就是按照这个组织结构。然后呢,稍稍写点样式,其他的什么都没改,稍稍写点样式,只是把结构写完了,其他没动啊,所以呢,这些结构你是应该可以看得懂的,你下直接翻过来,不然这些咱们都得先写一遍,其实现在讲那么多跟先写一遍也没什么区别了,知道这样的一个过程就行了,现在一点页面就到这个。啊,一点这个页面。就到新增地址这块来了,你看你点新增地址,咱们先添加一个,在这里填收货人姓名电话,必须详细地址,对不对,这些学校这里边咱们还没有。嗯,没有其他的数据,所以这些东西咱们现在都没有不能操作。那看一下,如果写添加地址的时候,我们先在这个里面。
05:02
我们需要把网络的所有的咱们写的接口那些东西都倒过来,在这里边用到,嗯,在这写吧,这样让我从network network下边的有一个a res,所有接口的内容都是在这个里边,对不对?所以呢,我们需要引入,那都有什么呢?比如说我们这里边得用添加地址ad,呃,Ad re ss有添加地址对不对?当然这个页面我们也处理编辑地址以呃,E res,但你可复制过来啊,还有什么删除地址de,呃,Le res。L得到地址,ADD ress得到地址的详情,因为它编辑的时候也要详情嘛,DTL对吧,得到地址详情,这几个是咱们这个页面里边需要用到的,咱们前边提之前已经在这里边把这个接口咱们写完了,对吧,可以用到。然后我们就开始,呃,想现在是新增,我们先不做编辑对不对,看一下上面这块,我们先做新增地址,我们先添加几个,然后我们才能做地址列表啊,其他的那些内容对不对才可以做。
06:12
然后在这个区域列表里边,我们需要这里边需要有省、市、县,那省的单词是PVI,这个是省的意思,那省个列表我们先初始化出来,对吧,是空的,然后这里边有三个,还有一个ciy城市的列表list,对,把这个拿过来,然后呢,我们还得有呃线曲线曲线,Com Co TY t TY TY list。就是把这个先拿过来,其他的呢,我们先不需要,然后。你看啊,这块挂载数据的时候,咱们这块现在也不需要,呃,在这里边去写挂数据,我们唯一需要写的就是什么,就是我们把这个省市县的内容取出来,那省市县的内容在哪呢?也就是在我们这里边原来保存在里边,你看已经把这个所有的省市县,当然它都是这个异位数组,你看都是一个对象界和值的,有区域嘛,比如类似邮邮编对不对,它都用区域嘛,然后和名称给我们放在一起的,你可以找到这里边你自己的家乡,对吧,有很多,然后我是找到了,我这里边我的家乡是能找到。
07:22
然后通过这几个方法来获取级别,级别存这个ID区域码就能给我们返回具体的这样的一个,呃级别,那我们就通过这个方法来用,但是通过这个方法来用,那首先我们这个处理这个地址的选择省线这块稍稍复杂的,不然的话这个没有什么太复杂的地方,那我们现在把什么把这个省省,然后市。去。曲线。区县省市区吧,省市区列表我们先等来构造一下。上。构造出来。嗯。
08:02
因为我们看省的列表,市的列表和这个,虽然我们都在哪个里边,都在我们那个包里边,我们得把这个包我们的引入。Port portt,我们的引入我们的,呃。这个啊。UT里边的这个方法得拿过来,这个方法里边有一个。T,呃,Dt Dis把这个拿过来啊,T Dis在地址编辑这一个,嗯,T Di。G Di。TSTTST。GS。拿过来在我们这块。From从哪呢?从我们的uts这个目录下有这个别名啊a.SS你可以找一下voe点的文件里边,我们配置了这个边边,所以直接能找到这个。这里边是使用工具的这个地址是接口网络请求的这两一样,那找到它,找到它呢,我们就可以通过那个列表里边去获取所有的这些数据,然后呢,把那数据形成完之后,放到这个里边能构造出来,那直接我们访问那些数组太多了,对不对,那我们先生明几个变量来。
09:12
呃,下划线有构造的嘛,就我们先生明一个临时的变量,然后把临时变量放在这里边,所以前面再加一个呃下划线或者两个下划线都行啊,然后呃,这里边我们先声明一个空。然后。嗯,再声明一个就省的,然后再声明一个城市里边的。取出来先放临时变量里边,然后呢。再把临时的面料,然后放在这里边,不然操作这里边太烦了,对吧,然后城市列表等于空对象,然后来再来一个线曲线列边,曲线列边麻过来。等于这样的话,我们只是说明这个,那具体的数据得从哪拿呢?那我们得从在这里边能拿出来,你比如说TD点里边有个,你看有这三个方法,这三个方法那我们看一下第一个方法给我们拿出来的数字是什么样的,Rog这数字会比较长啊。
10:06
来,我们一人一加载的时候就会给我拿过来干。有这么多。那一级的就会把什么,把所有的省。都拿过来了对不对,那我们调一下二呢,二级别二级的。有错吗?你看。嗯。级别。二级别我们这里边看一下。大于SS。是啊。对。有个错误。处理。行了,这个暂时我没用上,你就这样,二级三级这样的话,我们通过这个拿出来,然后呢,就可以获取我们所有的这个省的级别了,当然在这里边需要参数,二级别需要参数,刚才错误知道了,得需要那个一级级的参数,咱们加参数的话是不行的,因为拿二级就得把第一级省级的东西拿出来,对不对,所以呢,我们通过这个t disst里边的get一级的,这个一级是不用学参数的,它获取所有的省的级别,对吧,然后便利它的所有数据,我们只要它里边的名称,因为拿过来的话,咱们可以看到这个。
11:28
点rog啊,你看看到的这个数组的值,我是一点。你看这里边儿有什么,有ID和文本,有这两个参数,那我们要这个文本对吧,不要ID把文本放到这个里边,那我们就通过这个啊。TDT里边的get级别一通过这个方法拿出所有省,那我们只要假如说只要里边的文本对吧,然后放到我们的这个里边,放到我们这个数组里边拿出来怎么办呢?通过这个方法能获取到所有的省拿出来,那我们就是for h便历对吧?便历这里itm也行,这个省我就叫P吧这个变量,然后拿出来在这里边就可以放到我们的这个里面去。
12:10
放到我们的省列表里面,你看放到我们省列表里边,这里边声明的变量吧,然后呢,它可以把它放到它的一个,呃,声明一个相当于一个速度p.ID把它ID拿出来和它的P点里面有个。Test文本付给这里边的对象,这相当于下标了,ID下标,这相当于值对吧,相当于一个数,但这声明对象实名对象了,这样也能够拿出来,那这样的话,我们就把这个省级的所有的东西都拿出来了,省级所有都拿出来,那我们是不是得把这个省的字符串付给他们,对吧?注意它就行了,那它是在哪里边呢?ST里边的所有的省的列表。省的列表拿过来,这个就写这些东西是比较麻烦的啊,当然不是,这里边省级里边上面还有一层AR区域列表里边的省份拿出来。对吧,然后我们付给他等于下划线。
13:03
就都复制一个格拿过来,这样的话,我们获取的所有省现在是不是就出发到这里边去了,那同样有了省了,这里边批点ID还是省的ID了,拿省的ID传给下一个级别,那就能把什么省拿出来,就能把市拿出来,对不对,所以呢,用这个在这个循环里边,再把TD ist里边的啊。第二级别的对吧,当然这里边我们得传省的ID拿出来,拿出来,同样我们需要for h便利这里边的所有的,那这个城市我们就叫C吧。城市便利这里边把每一个通过这个把每一个城发过来,里边一也是什么ID和文本的,那我们这里边就需要给谁赋值了呢,给这个城市赋值。把所有的通过那列表里边通过第三级遍地把省级城市这个东西,呃我们拿到,然后呢,这里边一样是c.ID城市的ID,然后等于c.test这个把对模本拿过来,那同样我们在这块也把这个呃,ST里边的区域列表里边的呃城市列表,对吧,这个等于下划线城市列表。
14:13
那这样的话,把城市列表拿过来了,在成列表里边,我们还得往下去便利,便利第三级的曲线,曲线是最多的,然后还是TDST里边的,我们得得到第三级别的,它需要一个参数,那这个参数呢,就是城市的ID拿过来就会找城市下边的曲线,然后for h便利,然后城市的一个曲线,这个咱们不能也叫也叫西,呃,不能直接叫西了,西是城市的这个曲线也是西,开头咱们换一个吧,曲线咱们区用一个。嗯,Q放代替曲线,那同样在这里边,我们需要把曲线的这个下划线,曲线的这边这个里边曲线的ID放到这块来,然后呢,把这个呃虚1.test对不对,拿过来放在这。这样的话,我们下边再遍历一下STT点区域列表里边点,然后呢,虚线列表等于下划线虚线列边,这样的话我们就将这个省市县列表构造出来了,就从那一个大大长长的这个列表里边,把所有的数据咱们都列列出来了,然后呢放到了这三个里面。
15:19
放到这三个里。对吧。也就是我们在奥贸的时候,便利的时候,需要从当然这块数据库里边,如果有省市区县的话,你也可以从表里边查,它接口是提供的,但是呢,那样的话,美在的查询表后台影响后台的什么执行效率,影响后台的那个执行效率啊。那这些都完事了,那我们添加数据的时候,省市县那这块有了之后,我们其实就可以等到他就可以选择了省市县区域这些东西了。你看啊,这里边儿选择你看啊,把这个列表放到这里边,因为它是相当于双向板定的嘛,石家庄对吧。去这样确定,你看这个省线区就过来了,其他的当然就是文本填写的了,对吧,只要我们放在这个状态里面,省市现列表。
16:04
放到这里边对吧,那它根据这里边儿这几个条件,省市线,那就能够给我们一个一个获取到我们的省市线,这是。呃,在里边我们家这些东西。当然在这里边我们还可以,比如说获取到这个,呃,其他的一些不需要,暂时这些东西都不需要,然后呢,我们得把这个信息。呃,获取到一个这个信息加到这里边儿,跟他是双向绑定的,你看这个添加信息。这个信息我们。得需要获取一下,不然的话我们添加应该也没问题啊,它这里边儿直接我们保存的时候。添加省去式,那保存就在这保存,保存的时候会把这里边的内容我们打印一下,你看啊student.l。我们打开这个,当我们一点保存按钮的时候,现在肯定是保存不了的,那我们选中的这些对吧,这里边儿输入姓名111电话。
17:04
12345678,当然这块还有验证啊,幺八八幺零零八一两三四,随便写几了,省市县选择一下北京,北京市东城区确认。然后呢,详细地址1112123,对吧,是否是默认的,你看我添加完之后,我们看一下,我一点保存。点控制台啊,大家点保存,你看我们这里边打印的这个对象里边有什么直他在里目标里边能看到啊,你看是不是就在这里边就有什么,就有我们的地址,详细的地址信息,对吧?还有区域码,这区域码指的就是我们省县市左后的区域码,然后呢,北京市,北京市当然根据这个区马克添加的时候会获取一个标。然后县市城市这个是区里的省份电话名字是不是都在这里边呢?所以呢,既然我们通过这个里边输入的内容和我们信息是是绑定的,信息是绑定的,所以呢,它这里边直接有保存按钮,就会把这里边添加的信息直接给我们加到这里边来,所以呢,这里边我们就可以调谁啊。
18:10
把它形成参数,然后我们直接提交给服务器,添加服务器就行了。GST,比如说形成参数PAPA啊,PA ras。这块它省区县这里边都有,然后呢,我们看一下咱们接口里边添加接口,它都需要什么参数,这里边地址添加地址,它需要有名字,有地址,有电话,有省市县是否缺省值,需要这么多地址,那么我们就做一个参数对象,他需要什么接口需要什么我们就传什么,对吧?比如说有名字,那我们就是student里边有一个呃,Name对吧,对应的名字,然后呢,还需要有电话pone.student里边的变化,它变化应该是。刚才打印是TEL,应该是T,它不是这个货。
19:00
啊。这块打印下行,我先放这看最后的整体打印一下,看看能不能打印出来。Gun,然后电话。这有个红线没关系啊,仔细写下去,这块应该是冒号啊。然后呃,有省份P,嗯,VI省份,然后省份什么呢?Student里边有省份PR,呃,里边pro VI一级市。VI,呃,Vic对吧,你前面的名称是一样的省份,然后呢,城市ciy,然后con里边的ciy,然后再来一个,呃,有城市,然后有曲线,有曲线,曲线在这里边,Con里边的con啊Y。拿过来。然后省份除了,然后还有什么详细的地址,地址的详细的。
20:01
这里边详细地址,咱们接口的地址是啊,就是ad这个没大概说明ad ress to n t里边的。呃,地址ad。Res,地址。材料,因为这个给按这个组件给我们提供的,它提供的是这个电料,所以我们可以把这个电料拿过来,然后呢,是否缺省的。De fatt缺什么?这个我们数据库表字段要求是这个对不对,那是不是缺什么呢?那咱们就看咱们在页面组合这块选不选择。在这块啊,当然这块现有错误,它会有一个选择了一个这样的一个按钮,修复是否设置为默认地址,如果设置上了,那我们同样修完计烟器,通过这个里边的呃,点里那个配置。缺少啊is。等于R等于这个,最后它这里边这确认值,如果它设置存在存在的话,那么我们就因为数据库里边要求存的是零一这样的值啊,你看这块。
21:06
不是真假值,这里边是整形一为默认值,对不对?零就是不缺什么就需要这个值,所以这块我们别写错了。号。问号,然后呢是一,否则我们是零,怎么去加就可以了,这样的话我们就可以获取到所有的一个参数了。那会取到这所有参数,那我们就直接调用ad接口里边的地址,我们直接等它添加进去,添加进去就行了,这里边直接需要这个参数,因为我们前面写的那个,呃,地址地址地址这里面。啊,添加地址直接需要这个参数post提交过去就OK了,那我们在这个里面地址编辑里边,那我们就直接调用呃,这个方法。然后把这个参数PMS直接我们传过去就可以了,传过去Chen,那如果res成功的话。
22:04
当然你可以判断状态码成功返回什么状态码,那我们就跳toast,这里边直接弹出一个。啊。保存成功或者是添加保存成功嘛,因为它编辑有可能也用对吧,保存成功添加也算是保存成功,那保存成功之后,我们就可以让它,呃。做一个秒钟吧,在太我们做一个跳转。添加保存一秒钟,成功跳转。嗯。这块来个一秒钟,这个跳转到哪去呢?呃,直接RUT,你可结构前面写完的直接列CK返回一下就行了,从哪来的咱就添加完,咱们就返回哪去,当然这个添加我们可以写到。嗯。写到下面。这样的话,我编辑的时候我们也用这个页面,这样的话就不用重复写了,这个我们不用判断了,直接就是调用接口添加。
23:06
要用,嗯。接口。添加数据。然后保存成功跳转,你就这么写,这样的话,我们编辑的时候也可以直接使用,就能试一下看可不可以,如果能添加成功的话,我们地址里边就有一个了。啊,收货人姓名,比如说我可以叫高路峰对吧,收货电话188,呃,1008。一两三次。然后选择省市区。选择北京市,北京市对吧。比如说西城区确认,然后地址默认的。然后详细地址,比如说这里边可以写上门门牌号,比如说学习园地,然后11222,门牌号输入号幺幺杠二二。然后我们保存一下,看一下可不可以。
24:01
保存成功提示,然后回到添加地址,因为这里边儿我们还获取没获取地址信息的,那么再加一个。比如说容值。教育手机号199。1999,然后8877随便写一个啊,选择北京,北京市东城区确认,然后地址这块就直接写门牌号了啊,11288299这边写了几个。然后如果他这个后然接口写了地址,默认地址只有一个,所以咱们前面已经把那个做成默认地址了,那如果你这个要改成默认地址,那么前面那个就会取消,你比如说我这块添加默认地址保存。你看。那当现在咱们还看不到那个获取地址列表的时候,你就可以看到只有一个有效,你不管在什么地方设置默认地址,他就会把当前的设置默认地址,其他的都给取消掉就可以了。那两个地址你可以设置三个四个的都可以啊,然后大家可以编辑了,比如说呃,测试地址。
25:03
测试地址我们加三个吧,手机号1777888。6666。省市县,北京。河北吧,石家庄长安区确定。L号这块是呃。12212212随便写几个,这个假如设置默认地址这个我先不设置缺什么。保存成功就可以了,这就是我们添加地址没有出错,那数据库里边也添加完了,那下节课呢,咱们编辑这个地址,然后呢,最难写的其实是那个编辑那个地址啊啊,谢谢大家,这节。
我来说两句