以下为《仿京东购物设计》的无排版文字预览,完整格式请下载
下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。
仿京东购物设计
设计原则
能够实现购物车基本功能,对商品进行添加删除操作,实现统计商品数量和金额的功能。除此之外用户的体验也很重要,在开发上要确保软件运行的流畅性,不出现页面加载卡顿,不出现页面内容错乱。在设计上要确保页面布局颜色等要符合标准审美,并让用户不产生审美疲劳。
逻辑结构设计
该软件由vue框架对页面进行逻辑架构,由fastmock虚拟接口平台提供动态后台数据。仿京东购物页面开发使用flex+rem+mixins+scss自适应适配布局,能够匹配任意尺寸手机确保页面完整展示,进入软件后,用户需要登陆或注册进入首页,进入首页后不在进入登陆或注册界面。消费者可以完成各种操作—商品加购物车、商品下单购买、商品浏览、商品数量加减及全选等一系列操作。然后通过发送相应的axios请求,向fastmock访问相应的数据或调动相对 内容过长,仅展示头部和尾部部分文字预览,全文请查看图片预览。 、修改、删除相应的收货信息(姓名、联系电话、所在地址等)。
3.2后端数据提供
该软件目前数据由fastmock虚拟接口平台提供,数据采用json格式进行存储,通过不同接口对不同路由进行数据管理。前端页面通过get或post请求获取相应数据。以下是关于不同路由下的数据存储,通过不同路由获取相对页面的数据信息
/
以下是关于fastmock虚拟接口平台数据的数据结构,其中对数据采用对象的形式进行存储数据使用json格式。前端请求应严格遵守请求方式,才能够获取数据。
/
小结
以上描述了关于整个软件系统设计与实现,其中包括前端的页面渲染和数据操作,以及后端的数据存储与返回。分别从不同角度分析了软件的设计需求,以及系统实现由于部分数据不能直观展现,比如vuex,所以不做详细描述,以上分析阐述了设计思路及设计实现的可行性。
[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]请点击下方选择您需要的文档下载。
以上为《仿京东购物设计》的无排版文字预览,完整格式请下载
下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。