网上购物商城前后端

电子商务 B2C 案例ID：181587

颜超群

1 年经验· Byte runout

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

案例介绍

1．详细模块

根据界面及交互设计要求，将该在线商城APP主要分为四个模块：首页推荐模块、分类展示模块、购物车模块、个人中心模块。

① 首页推荐模块

首页为进入应用后的默认界面。上方搜索栏使用自定义ToolBar，在导航栏中加入搜索框。轮播图片栏使用第三方控件SliderLayout，使用OkHttp框架，通过JSON与服务器交互，获取需显示分类图片的URL并加载显示，但是商品图片需要通过将二进制转化为图片。商品展示卡片使用ListView和CardView实现效果。

② 分类展示模块

使用JSON与服务器交互获取一级分类列表以及二级商品列表的图文及价格信息并使用ListView呈现。图片加载使用Fresco框架以加快加载速度，优化程序性能并实现渐进式加载效果。点击列表中的商品进入商品详情，商品图文详情由基本的activity完成，与原生Android交互实现加入购物车功能。顶部自定义ToolBar添加返回上一页按钮。加入购物车的商品以JSON字符串的形式发送至服务器，服务器利用Mysql存储记录，在购物车页面呈现，增加减少按钮基于Github开源的dialog组件。

③ 购物车模块

读取存储已添加购物车的商品的JSON字符串将商品信息及购买数量读入到ListView中，开源diglog组件加入编辑购物车按键。RelativeLayout中添加全选选项，并自动计算已选商品总价