星空网 > 软件开发 > Java

淘宝购物车页面 PC端和移动端实战

最近花了半个月的时间,做了一个淘宝购物车页面的demo。当然,为了能够更加深入的学习,不仅仅有PC端的固定宽度的布局,还实现了移动端在media query为768px以下(也就是实现了ipad,iphone 6 plus,iphone6,S5等)的flexbox弹性布局。

 

还要再说的是,pc端和移动端淘宝购物车页面的bug基本修复完毕,完全适合一个对html,css,css3html5和js有基础,并且熟悉jquery,scss,熟悉json数据交换格式,jquery ajax的人进行学习。当然对json并不是一定说要非常熟悉,你会编写对应的数据即可;对jquery ajax 应当知道常见的jquery封装好的http请求方法,如$.get , $.post 等;在CSS3方面,需要熟悉flexbox伸缩布局盒模型。

 

源码地址: Uncle-Keith的Github。

有一定前端基础的同学可以尝试阅读一下源码。当然,没有前端基础的人,也可以阅读,只是速度会慢些罢了。

 

这是淘宝购物车pc端页面和移动端页面的截图。当然,这只是学习的过程,在移动端方面没有使用MVVM框架实现。在淘宝移动端页面上(非APP),淘宝团队是使用Reactjs实现的。另外,所有的css,js和图片本人并没有使用gulp进行压缩处理。 


注:这个截图是在缩放比率为80%的时候截下的,所以文字不太清晰。

淘宝购物车页面 PC端和移动端实战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

 

   

  接下来,只是会大概讲一下pc端和移动端实现的功能,具体怎么实现我会在之后的博文中分享。

 

  在pc端实现的淘宝购物车页面实现了以下功能,或者说的高端一些,实现了一些与用户交互方面的功能。

  1:顶部实现了hover状态和非hover状态时二级菜单的出现和隐藏,并且弹出的二级菜单absolute化。这里的icon涉及了css3中的伪元素。并且向下的按钮是使用css3实现的。

淘宝购物车页面 PC端和移动端实战

  2:搜索框实现了功能比较多。

    首先是当你输入某个字符串之后会有相应的下拉菜单弹出。这里涉及了jquery ajax 的方法,使用$.get方法去获取json数据,然后动态加载html,最后返回到客户端上。另外涉及了jquery中的键盘事件keyup,当keycode为13(也就是enter键)时,会有相应的json数据被异步加载,然后放到相应的容器内。这样做的好处是不用整页刷新,对客户体验较好,特别是在移动端上。异步加载会极大减少流量的消耗。

    当然这里还要重点在说的是,如果希望可以操作异步加载的数据,然后返回到客户端上的相应内容时,这里需要用到事件代理和事件冒泡的原理。什么意思呢?就是说,如果你把一些事件绑定在被动态加载html的元素上面,那么这些被绑定的事件会失效。解决方法是需要将事件绑定到body(或者其他非动态加载的html)元素上。详细的我会在之后的文章中谈及。

淘宝购物车页面 PC端和移动端实战

  3:商品的选择,查询,删除,增加。

    选择商品大概有几种逻辑:当点击全选按钮时,全部商品被选择,并且计算相应的价格和商品数量;取消全选时,全部商品被取消,并且商品价格和数量相应变化;当在全选状态下,某个商品被取消选择,则取消全选状态,并且会相应计算商品价格和商品数量;当所有商品被全部选中时,全选按钮重新被激活,并且计算相应的商品价格和商品数量。

    查询商品:如果想要查询自己购物车的商品,我的实现是自己去写一些json数据,然后通过ajax动态加载html,然后返回到客户端。

    删除商品:pc端页面还有一个没有实现的就是当我去删除某个商品时,如何删除json数据里面的相应商品数据。我能做到的就是在页面上删除。做法是使用了jquery的detach()方法,而不是remove()方法。如果有博友知道怎么实现json数据内的相应商品数据一并删除,希望能给我留言,给予我一定的解决方案。

   4:固定底部的商品操作栏。

    这里主要有两个知识点:一是让整个footer的父容器fixed,然后bottom设置为0。二是在.container元素上设置margin-bottom值,距离可视窗口底部有一定的距离。如果不设置的话,当拉到最后一个商品时,最后一个商品会被fixed的容器覆盖。用户体验不够好。

淘宝购物车页面 PC端和移动端实战

 

  在移动端,一套代码实现了不同设备的响应式布局,我使用的media query最大支持768px。因为我是第一次接触移动端页面,移动端淘宝购物车页面是基于css3的flexbox伸缩布局盒模型实现的,如果有什么不足之处,希望博友指出,抱着学习的态度,本人积极改正。

  在移动端上,实现的功能相对简单,因为手机屏幕小的原因,对很多在pc端存在的元素,在移动端页面上都进行了相应地做了减法。

 

 

 

  ok,大概的项目介绍就到这里。相应功能的介绍我会在接下来的几篇文章中谈及。

 

 

  感谢大家的阅读。

 

 

 

    

 




原标题:淘宝购物车页面 PC端和移动端实战

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

亚马逊入驻指南(一)个人销售跟专业销售的区别!:https://www.ikjzd.com/articles/140062
什么是FBA分仓和合仓,被分仓了怎么办?:https://www.ikjzd.com/articles/140063
亚马逊运营QA集锦(1674-1683):https://www.ikjzd.com/articles/140064
2020年,柬埔寨、老挝、缅甸等新兴市场表现如何?:https://www.ikjzd.com/articles/140065
亚马逊卖家300万!沃尔玛卖家7万!商机在哪?:https://www.ikjzd.com/articles/140066
广告数据差的产品如何优化广告?:https://www.ikjzd.com/articles/140067
37号文今后是否会更新?一文详解关键信息 :https://www.kjdsnews.com/a/1836441.html
探讨内地人开设香港账户的可行性 :https://www.kjdsnews.com/a/1836442.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流