前言

现在做的是一个商城类型的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相关推荐

  1. 官方文档 android ios,Android 和 IOS 办公文件 doc,docx,ppt pdf 文件查看

    更新记录 1.3.0(2021-04-09) 增加了 IOS 端的文件预览查看支持. 1.2.0(2020-07-01) 新增一个 android 系统文件分享的接口. 优化了打开文件时,有部分安卓机 ...

  2. MySQL sku 数据批量导入_求node.js中mysql商品sku批量更新解决方案

    前提:不使用循环 1.sku具备添加.删除.修改功能,绑定数据sku sku:[ { goods_id: "1MJlrjS17jQ", id: 103, inventory: &q ...

  3. 一次编码 android ios,android ios opus语音编码压缩库编译

    据说Opus 比speex库,aac各方面性能更好,也很适合做网络语音通话. 采样率 : 音频取样频率, 指每秒钟取得声音样本的次数.采样频率越高,声音的质量也就越好,声音的还原也就越真实,但同时它占 ...

  4. 两行代码搞定iOS自定义HUD风格动画弹窗(支持选择记录) - SKChoosePopView的使用和实现思路

    作者 ShevaKuilin 关注 2017.03.25 18:28* 字数 2014 阅读 270评论 0喜欢 23 さらい屋五葉 原文地址----> MyBlog HUD风格的选项弹窗是我们 ...

  5. 我的第一个 Mono for Android 应用

    我的第一个 Mono for Android 应用 Mono for Android 初体验, 学习怎么使用 Mono for Anrdoid 创建 android 应用, 如何使用 Intent 启 ...

  6. android隐私违规获取问题处理 及 Hook拦截处理记录 (VirtualXposted/epic等)及 android/iOS 多bundle加载方式修复方案

    文章目录 1.如何检测/复现 android_id/Mac地址等权限被超前获取 ```但是,检测机构是如何检测我们的APP?``` 关于hooklogin插件 太极 ---- 以上基础工作完成---- ...

  7. B2C电子商务系统研发——商品SKU分析和设计(一)

    一.SKU及相关概念定义 在设计商品SKU之前,首先让我们熟悉一下SKU和相关的一些概念. # 什么是SKU: SKU=Stock Keeping Unit(库存量单位) 同一型号的商品,或者说是同一 ...

  8. B2C电子商务系统研发——商品SKU分析和设计

    一.SKU及相关概念定义 在设计商品SKU之前,首先让我们熟悉一下SKU和相关的一些概念. # 什么是SKU: SKU=Stock Keeping Unit(库存量单位) 同一型号的商品,或者说是同一 ...

  9. android js下载地址,js点击下载跳转iOS或安卓

    在移动wap上,最常见的就是引流用户下载安装自己的应用程序,如何通过js点击判断下载是ios还是安卓呢?其实很简单,就是要判断用户的设备是iOS还是Android,然后分别跳转就可以了. var u ...

最新文章

  1. oracle对象权限回收,【Privilege】Oracle对象权限级联收回现象测试
  2. datatables中的bug
  3. ftl数据类型转换以及list遍历的使用
  4. 增长黑客入门:手把手教你增长模型的实践操作
  5. Spring 配置元数据
  6. 超燃!支付宝技术双11纪录片《一心一役》全球独家首发
  7. 面试官:final、finally、finalize 有什么区别?
  8. ajax 链接java_如何使用ajax将下拉菜单链接到表
  9. 两个单片机iic通讯程序_PIC单片机之DS1302时钟
  10. 丢失MSVCR71.dll问题解决
  11. 腾达和小云无线路由中继(WISP)解决
  12. 阿凡题UWP的源码公开
  13. 对大学三年学习生活的总结与反思
  14. 平面设计之CDR文本绘图工具总结
  15. linux命令行下载BT种子和磁力链接
  16. hive的环境搭建,以及简单使用-01
  17. 万用表的使用方法,焊接
  18. R语言绘制不一样的韦恩图
  19. AC1200 双频无线路由器网段设置
  20. 视频教程-ElasticSearch7.x集群搭建(es7)主从读写分离搭建教程-ELK

热门文章

  1. Tik Tok跨境电商:3个变现模式 所有抖音玩过的都值得再做一次​
  2. graphql 接口定义加注释
  3. vol.146 生活这么苦,为什么你们还要玩更苦的游戏
  4. CAD绘图有什么快捷方式?有什么适合刚入门CAD的小白学习的方式?
  5. vul.php,phpvulhunter 精短简小的PHP代码安全审计,可 SQL注入漏洞、跨站脚本等 Exploit 弱点检测 267万源代码下载- www.pudn.com...
  6. 码支付如何对接网站_第四方聚合支付特色之一的轮询机制是怎么防风控的?
  7. macos安装iterm2
  8. Linux expect —— 安装、常用语法及案例
  9. android 亮化图片,城市亮化工程常用的建筑亮化手法有哪些
  10. Mybatis3快速上手(详细)