Skip to content

qiaobing96/PhoneStore

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

项目简介:该商城是一家专业提供各大类手机品牌的线上购物平台,产品种类涵盖华为,vivo,oppo,荣耀,苹果等,本商城坚持为消费者提供潮流,新颖,实惠的各种商品.

项目描述:本网站是一个个体户的电商类网站,项目中有轮播图、商品展示、商品分类、购物车、个人信息管理等模块,用户在使用时可以进行登录注册,查看本商城所有商品,查看商品的详细信息,也可以将商品加入购物车,在购物车中对商品进行数量,全选等操作以删除操作,也能进行付款购买。根据用户需求还对其开发了一套后台管理系统,在后台管理系统中可以进行商品的CARD,管理注册的用户,对用户已购买的订单进行处理以及日销量,月销量等数据的统计。

责任描述: 1.轮播图:根据后台的数据实现网站首页顶部的轮播图效果,使用Swiper插件实现轮播图的自动循环播放,点击上一页、下一页能实现切换,切换到某一张图片时下方的分页器页会相应的改变 2.商品分类页:根据数据库中的数据对不同商品的分类,在页面中创建相应数量的按钮并放入数组,根据点击时的索引值为其添加class,实现点击切换效果,同时发送Ajax请求从后台中拿到相应类别的商品。 3.购物车:当用户将商品要加入购物车时判断该用户是否登录,如果为登录则应提示用户进行登录。若用户以登录,则要验证该商品是否已经在购物车中存在,若存在则商品数量加1,若不存在则在购物城中添加一条新的数据。打开购物车列表时,看到该用户的所有购物车信息列表,若列表过多则进行懒加载处理。同时可以进行商品的全选,反选,也可以改变某个商品的数量,也可以直接删除,在做这些操作时,被选中的所有商品的数量、价格总计也会做出对应的相应。当用户付款成功,此用户的购物车信息也会从购物车表中删除。

技术覆盖:Vue(components,vue-router,生命周期函数),Element UI,Swiper,axios,qs

About

叮当手机商城

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published