贝塔猫供应链

电子商务 B2B 案例ID：215846

折一枝花

3 年经验· 贝塔猫智能科技有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

公众号贝塔猫 BetaCat 左下角为小程序入口 btMall 商城是一个b2b项目把原本的线下宠物医疗采购全部转移至线上。此小程序类似大多数的电商平台，分为首页、分类页、商品详情页、额度流水页、订单页、售后页、提交订单页、购物车页以及我的页面。亮点：两种支付模式（先用后付，现付现结）支付方式为后台对医院的配置。（原生小程序+vant +埋点+sentry）
责任描述：项目的搭建，功能的评审，公共组件的封装，项目的排期，以及所有页面的交互。
使用技术：
1.根据不同页面的不同逻辑将所有的路由跳转统一处理，巧妙使用 redirectTo和 navigateTo 防止小程序页面栈溢出导致小程序卡死的问题
2.接入埋点（友盟），使用 Openid 来统计微信小程序的用户，会使统计的指标更为准确。记录用户经常下单的商品，返回给服务端，以便于供应商进行商品精准的进货。
3.接入 sentry ，精准捕捉报错，并且区分环境。若生产报警，会第一时间捕捉报错，方便开发人员及时了解 bug 并迅速解决。
4.采用 oss ，将本地资源转化为网络资源，提升加载速度，并防止本地资源过大小程序无法发布，同时采用分包、按需引入的策略避免小程序过大的问题。
5.二次封装 stepper 组件，统一样式，方便复用，并且传入不同的值达到不同的目的。封装 scroll ,将所有商品展示页面的上拉加载，下拉刷新以及 Loading 进行统一处理。
6.封装 format ，对时间格式以及金额进行统一的处理。
7.对接快递100，让客户可以随时查看已发货的物流状态并封装成组件用户不但可以输入快递单号进行快递查询，也可以通过扫描二维码，调取原生方法进行快递查询。
8. 封装 eventBus 解决小程序跨组件传值问题，解决一个页面发布，多个页面响应的问题。