sku默认点击第一个android,iOS/Android实现商品sku弹窗并选择打赏Valine
前言
现在做的是一个商城类型的app,然后里面有商品,有spu,有sku,然后就不可避免的出现了需要在spu大背景下选择不同的规格,属性得到目标的sku,然后添加到购物车中。因为需要原生的流程远高于web,所以这个需要开发iOS/Android两个版本。
最终开发的UI如下:
开发流程h5页面把数据获取到,点添加购物车的时候把数据传给App;
App解析数据,并且得到目标数据结构;
将规格,属性显示在页面上,然后客户选取得到目标sku。
具体流程
数据结构
数据经过和后端开发讨论了几版,最终确定如下:
{
"id": 10086,
"package_id": 128,
"brand_name": "三全",
"series_name": "千丝抓饼",
"spu_name": "",
"spu_alias": "",
"type": 1,
"sales_entity_id": 2,
"default_item_id": "409",
"default_item_type": "1",
"standard": "320g/袋",
"sku_info": [
{
"key": "口味",
"values": [
{
"standard_value": "葱香味",
"values": [
409
]
},
{
"standard_value": "辣酱",
"values": [
410
]
},
{
"standard_value": "原味",
"values": [
411
]
}
]
}
],
"items": {
"409": [
{
"item_id": "409",
"item_type": "1",
"unit_name": "1袋装",
"stock": 1084,
"price": 700,
"seller_id": "2"
}
],
"410": [
{
"item_id": "410",
"item_type": "1",
"unit_name": "1袋装",
"stock": 1302,
"price": 700,
"seller_id": "2"
}
],
"411": [
{
"item_id": "411",
"item_type": "1",
"unit_name": "1袋装",
"stock": 1095,
"price": 700,
"seller_id": "2"
}
]
},
"image": {
"409": "xxx409.jpg",
"410": "xxx410.jpg",
"411": "xxx411.jpg"
},
"name": {
"409": "三全千丝抓饼320g葱香味",
"410": "三全千丝抓饼320g辣酱",
"411": "三全千丝抓饼320g原味"
},
"alias": {
"409": "",
"410": "",
"411": ""
}
}
数据结构确定了,然后进入开发阶段了。
OK,完成!
本文由darling_shadow完成,谢谢。
sku默认点击第一个android,iOS/Android实现商品sku弹窗并选择打赏Valine相关推荐
- 官方文档 android ios,Android 和 IOS 办公文件 doc,docx,ppt pdf 文件查看
更新记录 1.3.0(2021-04-09) 增加了 IOS 端的文件预览查看支持. 1.2.0(2020-07-01) 新增一个 android 系统文件分享的接口. 优化了打开文件时,有部分安卓机 ...
- MySQL sku 数据批量导入_求node.js中mysql商品sku批量更新解决方案
前提:不使用循环 1.sku具备添加.删除.修改功能,绑定数据sku sku:[ { goods_id: "1MJlrjS17jQ", id: 103, inventory: &q ...
- 一次编码 android ios,android ios opus语音编码压缩库编译
据说Opus 比speex库,aac各方面性能更好,也很适合做网络语音通话. 采样率 : 音频取样频率, 指每秒钟取得声音样本的次数.采样频率越高,声音的质量也就越好,声音的还原也就越真实,但同时它占 ...
- 两行代码搞定iOS自定义HUD风格动画弹窗(支持选择记录) - SKChoosePopView的使用和实现思路
作者 ShevaKuilin 关注 2017.03.25 18:28* 字数 2014 阅读 270评论 0喜欢 23 さらい屋五葉 原文地址----> MyBlog HUD风格的选项弹窗是我们 ...
- 我的第一个 Mono for Android 应用
我的第一个 Mono for Android 应用 Mono for Android 初体验, 学习怎么使用 Mono for Anrdoid 创建 android 应用, 如何使用 Intent 启 ...
- android隐私违规获取问题处理 及 Hook拦截处理记录 (VirtualXposted/epic等)及 android/iOS 多bundle加载方式修复方案
文章目录 1.如何检测/复现 android_id/Mac地址等权限被超前获取 ```但是,检测机构是如何检测我们的APP?``` 关于hooklogin插件 太极 ---- 以上基础工作完成---- ...
- B2C电子商务系统研发——商品SKU分析和设计(一)
一.SKU及相关概念定义 在设计商品SKU之前,首先让我们熟悉一下SKU和相关的一些概念. # 什么是SKU: SKU=Stock Keeping Unit(库存量单位) 同一型号的商品,或者说是同一 ...
- B2C电子商务系统研发——商品SKU分析和设计
一.SKU及相关概念定义 在设计商品SKU之前,首先让我们熟悉一下SKU和相关的一些概念. # 什么是SKU: SKU=Stock Keeping Unit(库存量单位) 同一型号的商品,或者说是同一 ...
- android js下载地址,js点击下载跳转iOS或安卓
在移动wap上,最常见的就是引流用户下载安装自己的应用程序,如何通过js点击判断下载是ios还是安卓呢?其实很简单,就是要判断用户的设备是iOS还是Android,然后分别跳转就可以了. var u ...
最新文章
- oracle对象权限回收,【Privilege】Oracle对象权限级联收回现象测试
- datatables中的bug
- ftl数据类型转换以及list遍历的使用
- 增长黑客入门:手把手教你增长模型的实践操作
- Spring 配置元数据
- 超燃!支付宝技术双11纪录片《一心一役》全球独家首发
- 面试官:final、finally、finalize 有什么区别?
- ajax 链接java_如何使用ajax将下拉菜单链接到表
- 两个单片机iic通讯程序_PIC单片机之DS1302时钟
- 丢失MSVCR71.dll问题解决
- 腾达和小云无线路由中继(WISP)解决
- 阿凡题UWP的源码公开
- 对大学三年学习生活的总结与反思
- 平面设计之CDR文本绘图工具总结
- linux命令行下载BT种子和磁力链接
- hive的环境搭建,以及简单使用-01
- 万用表的使用方法,焊接
- R语言绘制不一样的韦恩图
- AC1200 双频无线路由器网段设置
- 视频教程-ElasticSearch7.x集群搭建(es7)主从读写分离搭建教程-ELK
热门文章
- Tik Tok跨境电商:3个变现模式 所有抖音玩过的都值得再做一次​
- graphql 接口定义加注释
- vol.146 生活这么苦,为什么你们还要玩更苦的游戏
- CAD绘图有什么快捷方式?有什么适合刚入门CAD的小白学习的方式?
- vul.php,phpvulhunter 精短简小的PHP代码安全审计,可 SQL注入漏洞、跨站脚本等 Exploit 弱点检测 267万源代码下载- www.pudn.com...
- 码支付如何对接网站_第四方聚合支付特色之一的轮询机制是怎么防风控的?
- macos安装iterm2
- Linux expect —— 安装、常用语法及案例
- android 亮化图片,城市亮化工程常用的建筑亮化手法有哪些
- Mybatis3快速上手(详细)