小程序添加地址能改吗?关于小程序地址问题的总结
小程序可以帮助开发者快速的开发小程序并且便捷地获取和传播,而今天讲的小程序地址的更改也是与之相关的,接下来,小编给大家详细介绍下关于小程序添加地址能改吗?小程序地址问题的总结。
首先,怎样将原来的地址等个人固定信息独立成一个模块进行管理(选择收货地址)呢?包括新增地址、地址修改、删除等可以直接选取个人地址而不需要每次都填写,话不多说,先上一张动态效果图:
动态效果图:
一、小程序添加地址修改
下面是修改前后的对比图:
修改前:
修改后:
虽然修改后页面数量变多了,但是在用户体验上有了提升,用户不需要每次都输入个人地址信息,第一次输入后提交后以后可以直接使用或者在原信息上进行修改等操作。
二、小程序地址新增
下面是一些项目细节,首先我们要做如下的两个页面,第一个页面上方为用户新增的信息,下方为一个按钮,用户点击后跳转到第二个小程序网页进行新增新的地址。第二个页面为一个表单,用户在这个页面写入自己的信息,点击提交后将数据提交到前一个页面并显示
第一个页面
第二个页面
第一个页面中的数据循环显示采用的是wx:for循环绑定数据,将数据存储在list数组中,循环显示,关于wx:for的使用
第一个页面的wxml:
第一个页面的部分js:(切记!list为json数组,里面的每组数据需要用{}括起来)
我们可以看到,第一个页面中的数据都存储在名为list的数组中,list里面的参数需要通过data-any (any任意类型) 方法,通过这种方法,可以将数据循环显示,先上一张循环显示的效果,list数组里面有几组数据显示几条信息:
这个时候想要循环显示了两条信息,此时list里面应该为:
第一个页面可以正常显示小程序数据后,我们现在需要做的是如何把第二个页面的表单的数据提交后显示到第一个页面中,这里我们采用在url中带参数传递,然后在第一个页面onload的时候将传递过来的值赋值过来。
第二个页面中的表单提交事件(其中包括表单验证和参数传递):
第一个页面onload的时候赋值:
以上就是小程序添加地址能改吗?关于小程序地址问题的总结全部内容啦,感兴趣的小伙伴们赶紧学习起来吧,希望对大家有所帮助。想知道更多精彩内容请关注微小乔。
相关推荐:
微信小程序如何产生利润?
摩拜单车小程序需要押金吗?摩拜单车小程序怎么退押金?
如何添加摩拜小程序?