企业官网建设流程全解析

目录

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 可以快速新建分包页面，自动配置分包路由。

官方文档

经验：分包一般是按照项目的业务模块划分，如会员模块分包，订单模块分包等。

会员模块的二级页面，按模块处理成分包页面，有以下好处：

1. 按模块管理页面，方便项目维护。
2. 减少主包体积，用到的时候再加载分包，属于性能优化解决方案。

分包预下载：当用户进入【我的】页面时，由框架自动预下载【会员模块】的分包，提升进入后续分包页面时的启动速度。

提交代码：

退出登录

提交代码：