00:00
大家好,我是学习园地的特约讲师高洛峰,下节课咱们做了添加地址,添加地址呢还是比较繁琐的,当然更繁琐的还是编辑地址的啊,那咱们这节课呢,先来个简单的获取地址管理这样的一个列表,那地址管理列表在我们这里边使用这个地址列表就是这个组件呢,很简单,加上这个组件就可以了,当样洲音响了,然后呢,通过这么几个属性指定列表的数据,它就会自动循环遍历,把我们有多少地址都拿过来,那是否显示默认标签啊,对吧?呃,操作范围啊,你都可以去加,然后默认带添加按钮和到这个编辑的这个按钮,它都是自动加的,下边列表里边需要我们有这样格式的数据,那我们现在这个数据在接口里面,我们已经添加了对吧,我们只要把它获取到就可以了。到这个位置来。看我们就是把刚才那列表其他什么也没有对吧,拿过来,只要我们把这列表的数据补全就行了。数据不全,其他的呢,咱们也不用去做它这块呢,就是默认选择的一个一个ID啊,都是里边给我们提供默认的,然后有添加这块选择,对吧,默认选择哪个是默认的,加了几个里边。
01:03
呃,当然可选择这块是,呃,我们创建订单的时候,在这里边是选择,当然这个现在你可以回到那个订单的地方去,呃使用啊,这个先咱先放在这块,就是必选中的,必选中的里边咱不需要这个可以把它去掉啊。嗯,如果需要的时候,咱们再加这个,咱现在也不需要。嗯,现在假如说咱们就需要这两个方法。这桥。这两个。这两个呢,它是默认提供按钮,那我们就直接转到地址编辑,然后呢,带一个类型是添加这块呢,是呃,这是添加的到这块来,如果是你是编辑数据对吧,想重新改这个数据,这是添加新数据,也就是在下边给我们提供的这个按钮,它会自动提按钮这个地址,点这个时候调用的,你看点那个时候调用的就转到这了类型给我们来一个ad添加,那如果我们点这个点每一个选项的时候,因为它自动遍历嘛,那就会到这个路由的地方编辑,那带着我们这个ID过来,对吧。
02:00
就是这个参数,它自动在这里边把我们的列表里边当前的这个ID给我们传过来,它都是自动传到这组件里面,所以这些东西他不用管,所以他只需要获取这个列表和数据,咱们就能把这个功能给开发完,那获取这个数据,那首先呢,我们得找到我们的接口,对吧。接口里面。这个里边呢,咱们呃,使用了咱们自己做的这个方法,获取所有的接口数据,然后在里边获取数据,然后对数据模型进行初始化就OK了。就这几步,那路由这几个呢,上面都已经声明了,咱们都不用管,然后状态呢,咱们已经导出了,也不用管,对吧,直接写这边就行了,盖ad获取地址列表,然后呢,咱们也不用传,呃,也不用传什么样的,也不用存什么参数吧,直接获取就可以了。因为根据当前的用户授权,他就能获取你这个用户编辑的,对吧,咱们用edo work2这个用户编辑了,他就会获取edo work2这里边的所有的数据。
03:00
Re,拿过来。然后我们看一下,打印一下,呃,打印一下这个数据。嗯,如果列表为空的话,那咱们上边就是为空对不对,Res现在咱不是空了,那我们rog打一下。啊,我们刷新一下。那这里边有个date,对,在这里边有三个数据对吧,咱们自己添加的测试的三个数据,然后这里边都有什么呢?有省份,城市创建世界是否缺省的对不对,这些都有了,然后电话号码,省份对吧。然后看一下这里边电话。就跟我们接口里边那些字段都是一样的。不用去管它,然后呢,我们获取到了,你可以先判断一下这个呃长度,如果比如说我们这个res里边的,因为它在D里边刚才看到对不对,它这里边的length长度如果等于零的话。那我们就可以。做这个数据list,呃,S sta,别忘了我们外边有一层ST状态对吧,这个里边的list我们就可以让它是一个空数组,相当于初始化一下,那如果返回的数据不是零。
04:10
这里边直接每天报下执行了对不对,如果返回的数据不是零的话,那我们就可以干嘛,我们就可以把这里边的所有的数据取出来,当然我不直接放到这个列表里边,我可以去便利挑一些数据放过来,那就是ST里边的啊list啊。类似这里边等于。res.BT嗯,里边的咱们外克一下,便利一下,便利一下这里边的所有的数据IM咱们起一个IM名,这样的话咱们挑着数据去留下返回,返回什么数据对吧?这里边我们返回什么数据,那就会在这个里边留下什么数据,咱们过滤一下,因为咱们数据库字段里边,呃,没有那么多,对不对,咱们只要这里边的。返回这里边儿的。
05:00
因为返回的数据会直接付给这个list嘛,对吧,当然如果直接写返回的话,是一个对象的话,那你外层小括号,你上大括号,你就不用这么写了,不然的话你就直接这么写,那我们要这idm里边刚才咱们也打印了,里边肯定是有ID的,跟数据表结构有点像的,然后名字咱就过滤一下。点name里边有名字,然后呢,电话为什么需要返回这样的格式呢?过滤一下,你看啊,因为我们在列表里边他用的电话是TL,而我们数据库里边的电话是phone,看到了吧,这个,然后所有顾滤层列表的都需要按照什么,按照我们这个组件里边要求给我们的ID,电话地址,你看这些信息按他的要求去返回啊,所以呢,到这里边也这么去过滤一下,然后电话地址res这个地址呢,我们存的一个是详细的地址,详细的地址如果我们想用的话,是不是我们得用,嗯。里边的。列表里边详细地址,假如我们想显示的话,在页面里边这块。
06:00
你看显示的是不是把省市县什么的都连在一起了,对吧,所以呢,我们给这个组件提供的地址的信息的话,我们需要咱们用模板字符串一下吧。用上这里边了itm,我们把里边省拿出来,P省份省份拿出来,然后呢,什么省空格。那来什么是itm.ci然后再加上。我们的ITITTM里边的,呃,区县com TY,把这个省市区这个详细的拿出来,对不对才可以,然后呢,我们菜里加上一个。你的具体的门牌号辖区对不对,加上STEM里边的ad res res,从数据库里边拿到的这个,这样的话,我们就组合一个完整的一个地址,这个地址的信息放到这列表里边,它就会放到哪去,放到我们这里边去,放到这里边去显示的时候,就会按照这块去显示的,用组合的,所以呢,这个地方我们得返回一个这样的一个对象。
07:06
返回一个地址这样的信息,那除了地址呢,我们还得缺省的,在它组件里边是a def rt,缺省是用这个属性啊,那我们就可以it t,呃里边的是这个a de1学成的啊,它是零一对吧,那我们先把它转成呃布尔形,再再直接再举板一下。呃,就相当于没做处理两次去就转转下,对现在而已,一般用两个就可以。嗯,缺省值这里面都有了,那这个列表的信息我们就复制成功了,对不对,在这里面。那其他的呢,就不需要了,那我们看一下是不是列表里边已经有了,如果没有的话,我们这边看有了这样的列表对吧,前面如果想加上单选项的话,自己可以选择啊。其他都不用了,在京东地址还是这样去过去,然后呢,我们。刚才是一晃的一个有加载过程,当然你可以加上那个模态,那个轻提示这个消息对不对,比如说数据加载中都可以啊。
08:04
肯定不用了,你想家自己家吧,然后我们现在你看这里边名字和电话,名字和电话它是这么显示的,然后下边是详细的地址,对吧,什么省什么市对吧。然后点击编辑。这个地方我们就能过来去编辑了,那编辑的时候我们需要两步,一是把这个详细的地址信息拿过来,对不对,详细的信息拿过来,然后呢,我们再去做,再去做处理。这里边儿它默认的那个。默认的那个我们过来。默认的没拿回来,我们看一下啊,这里边应该啊,缺省的标签显示默认的这个有在这呢,那我们就数据里边缺省的。缺省的这个,呃,As before,那随便说a beforet beforet有没有写错?一个。嗯,就两个转换或者行。加两个句号线,It default def UT,你比如说我们这块加一个加处。
09:07
先看一下前面的属性,我们就去找的,默认是有的。那。两个转换将因为存的是01010101转成布尔型真假值,先这块转成,不管是零一转成真假值,然后呢,再取反这块只是来转向类型没问题啊。I点。这块你们看一下啊。电力这块的时候,我们先打印一下这个吧。IM,在返回之前。我们it点,嗯,DEF3角线DEF,我们看一下取出来的是不是全是假值。啊,三个都是假啊,那因为那是我们没设默认的对吧,那应该是默认的是或者设置错了,那添加的时候,或者编辑修改的时候咱再看吧,总之现在这个全是假值,对,你看我如果不加这个两个。
10:08
这两个你看这都是零对吧,都是零。这样情况。那都是零,如果加这个它就会转成布尔型,对吧,然后呢。当然也有取反的意思,那你再给他返回来,对吧,这两个叹号,这是我们经常做的这种转换,那不是假值对吧,不是都是人。啊,那这节课我们就讲到这里,这节课主要是我们就讲了一个这个呃,商的地址列表,那下节课呢,我们开始编辑这个历史信息啊,这我们到这里。
我来说两句