目录2.4 登录模块小程序快捷登录模拟快捷登录保存登录会员信息2.5 用户模块会员信息展示猜你喜欢分页加载设置页分包和预下载退出登录个人信息页准备工作个人信息展示修改用户头像修改用户昵称更新Store信息修改性别修改生日修改城市个人信息页总结2.5 地址模块准备工作新建地址列表渲染修改地址–数据回显修改地址–保存修改表单校验删除地址2.6 SKU模块基本概念下载SKU插件使用SKU插件渲染商品信息打开弹窗交互被选中的值加入购物车2.7 购物车模块列表渲染删除单品修改单品数量修改选中状态底部结算信息两个购物车页面2.4 登录模块小程序快捷登录官方文档:获取登录凭证 (code)获取手机号代码实现:注意:获取手机号功能针对非个人开发者,且完成认证的小程序开放。工作场景:使用企业小程序appid,且把微信号添加到开发者列表中。前端:调用wx.login()接口获取登录凭证(code)。后端:通过凭证(code)向微信服务器生成用户登录态。注意code 获取不要在 getphonenumber 事件回调函数调用,否则可能会出现错误!!!用户登录态,不包含用户昵称、性别、手机号码等信息,作用是用于后端与微信服务器通讯。出于安全限制,小程序【规定】想获取用户的手机号,必须由用户主动【点击按钮】并【允许申请】才可获取加密的手机号信息。前端:提供open-type按钮,在事件处理函数中获取加密的手机号信息。后端:解密手机号信息,把手机号和用户登录态关联在一起。常见问题:Q:为什么我无法唤起获取手机号的界面?A:获取手机号功能目前针对非个人开发者,所以个人开发者无法唤起获取手机号界面详见文档。工作场景:使用企业小程序 appid,且把微信号添加到开发者列表中。模拟快捷登录说明:获取手机号功能对个人开发者不开放 官方文档提交代码:保存登录会员信息提交代码:2.5 用户模块会员信息展示提交代码:猜你喜欢分页加载组合式函数官方文档提交代码:设置页分包和预下载小程序分包:将小程序的代码分割成多个部分,分别打包成多个小程序包,减少小程序的加载时间,提高用户体验。分包预下载:在进入小程序某个页面时,由框架自动预下载可能需要的分包,提升进入后续分包页面时的启动速度。温馨提示:通过 VS Code 插件uni-create-view可以快速新建分包页面,自动配置分包路由。官方文档经验:分包一般是按照项目的业务模块划分,如会员模块分包,订单模块分包等。会员模块的二级页面,按模块处理成分包页面,有以下好处:按模块管理页面,方便项目维护。减少主包体积,用到的时候再加载分包,属于性能优化解决方案。分包预下载:当用户进入【我的】页面时,由框架自动预下载【会员模块】的分包,提升进入后续分包页面时的启动速度。提交代码:退出登录提交代码: