点击空白处退出提示
作品详情
业,改项目中包括基本的app登录退出功能,数字藏品列表展示功能,发售日期功能,订单列表,合成列表,邀请海报的生
成,用户信息的修改,用户所购买的藏品或者盲盒列表,并且实现用户之间藏品转赠以及批量转赠的功能。
负责模块: 整个app的开发以及维护更新。
技术描述: 使用uniapp以及uview组件库开发,登录登出模块主要是对token的持久化处理,在用户点击登录按钮的时候,
调用登录接口,后台会返回一条字符串就是token,前端拿到token之后,需要将token存储到本地,在app.vue
的onLaunch钩子函数中进行判断,如果本地存在token,就直接进入到app的首页,如果没有,就跳转到登录页,从而实现
app的免登录,退出登录的时候,需要先将本地存储的token删除,再进行跳转到登录页,登录登出模块结束。
藏品列表页和订单列表,基本上写法相同,做的一个优化就是分页,每次请求10条数据,可以加快页面的加载速度,藏品详
情页面的话,由于最大的藏品图比较大,如果每次都使用后台返回的数据,每次图片加载的速度就特别慢,耗费用户的流
量,所以在这里也做了图片的缓存,只需要用户在第一次进入到详情页的时候加载,直接将图片进行缓存,下次进详情页的
时候直接读取缓存的图片。在叁贰贰这个app中的支付,对接的是第三方易宝支付,基本的流程为:先生成预支付订单,在
点击去支付的时候,通过webview的src属性,跳转到易宝支付页面,具体的回调后端会做好处理,但是支付完成之后,需要
返回到app端,h5的页面不能直接返回到app,这里需要前端写一个html文件提供给后端,在返回商户的时候返回的是html
页面,然后再返回到我们的app中,这里的html文件只做了一个中转站的作用,基本的支付就结束了。
技术栈: 技 uniapp、uview-ui、Vue2.0、Axios、Vuex
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论