西花有品

我要开发同款
proginn20382987482023年08月10日
158阅读
所属分类作品

作品详情

该项目是一款电商App,主要核心:首页,登录页,页面跳转交互以及详情页展示并增加用户体验感,加入购物车
有本地存储功能,给用户喜欢的商品进行储存,点击搜索获取相对于数据,店铺点评,本项目是结合后端数据进行开发 。
技术方面:
uin-app开发:uni.request + tabbar + uni.redirectTo + uni.setStorage + uni.getStorage 工作内容:
在本项目中我主要负责:首页,详情页,商品分类,加入购物车,登录页等。 配合后端拿到数据,进行数据页面渲染。
使用 uni.request 封装数据接口有利于后期的维护。
使用 tabbar 底部全局组件进行切换提高用户方便体验。
使用 uni.redirectTo 实现页面跳转及动态传递参数进行页面渲染。
使用 uni.setStorage 把用户收藏或加入购物车的数据存储在本地缓存中增加用户的。
使用 uni.getStorage 获取及操作缓存数据。
对重复性代码进行模块化封装提高性能。 使用模块化对登录页进行模块封装及进行用户判断,如果登录可以访问购物车中的商品,如果没有登录则不可访问
购物车中的商品,并携带存储token值,防止用户密码或账户名冲突。 支付实现方式:
1.当用户点击了支付按钮后,就会向后台发送一个请求下单的支付的请求。
2.当后台接收到请求下单的支付接口时则会,向微信服务器发送小程序登录的API请求,微信小程序后台收到请求 后,返回给后台一个Openid。
3.在后台生成商户订单后,后台又将订单信息作为参数,调用微信后台的调用支付统一下的API方法,微信服务器 处理后返回给后台预付单的信息。
4.后台接收到了返回的预付单的信息对这些信息进行再次加密返回给前端,前端这时候监听到了后端返回的数据 后,利用这些数据调用,wx.pay()的方法,然后在用户页面弹出确认支付的弹框。
5.下列操作都是由用户来操作的包括了微信支付密码,指纹等验证,确认支付之后执行鉴权调起支付。
6.这一步没有与后台进行交互,直接在微信后台进行鉴权,微信后台直接返回给前端支付的结果,前端收到返回 数据后对支付结果进行展示。
7.微信后台在给前端返回支付的结果后,会向后台也返回一个支付结果,后台通过这个支付结果来更新订单的状 态。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论