项目描述 :励齿(励齿商城)是一款提供正规、优质、齐全、实惠的口腔产品的电商小程序。
项目周期 :2022.7-2022.8
技术栈: uniapp。
负责模块 :注册、登录模块 ,首页数据渲染、商品搜索模块、励齿币充值、励齿活动专场、励齿直播模块。
1、注册模块 :用户填写的手机号、验证码、诊所名称和设置密码等信息去校验正确后点击注册按钮注册成功。
2 、登录模块有两种方式 ,第一种是输入注册的手机号加验证码; 第二种是微信登录 , 需要用户授权通过设置按钮 open-type 为 getPhoneNumber 拿到手机号 ,然后使用 wx.login 获取 code 返回给后端 ,让后端返回 token。
3 、 搜 索 页 面 输 入 关 键 字 后 点 击 搜 索 会 进 行 入 搜 索 的 商 品 页 面 , 使 用 了 wx.navigateTo , 在 success 回 调 中 的 EventChannel 中 emit 一个自定义事件 ,然后在商品页面用 this.getOpenerEventChannel 来获得事件对象 ,使用 on
方法去监听事件获得关键字 ,调用接口。
4、励齿币充值 ,输入支付金额点击支付按钮调用后端接口获取支付参数使用的 wx.requsetPayment 去拉起微信支付。 5、励齿活动专场模块 ,使用混合开发技术 ,通过 webview 包裹 H5 页面 ,通过首页点击的活动专场动态传递 id ,跳转
对应的活动专场。
6、励齿直播模块使用 live-player-plugin 代码包 ,使用的是分包引入直播组件 ,项目也是使用了 subpackages 进行了
分包 ,提升小程序的性能。