基于Vue开发的电商APP项目（仿蘑菇街）

项目源码已放到GitHub上，欢迎访问~

项目地址：https://github.com/weining-zhang/mall

如果觉得有用请不要忘记右上角给个star哟~~

说明：该项目是本人在学习Vue过程中的一个练习实战项目

1、项目描述

项目基于VueCLI3脚手架 + Vue全家桶 + ES6 + Webpack等技术开发
项目采用模块化、组件化、工程化的模式开发
项目主要分为四大模块：首页 + 分类 + 购物车 + 我的

2、使用的插件或第三方库

使用 vue-router 开发单页面
使用 vuex 管理应用组件的状态
使用 vue-lazyload 实现图片的懒加载
使用 axios 的封装从后端拿取数据
使用 less 写部分组件的样式
使用 better-scroll 实现移动端页面滑动效果
使用 vant-ui 组件库构建界面

3、实现的功能

首页商品款式的切换
分类页切换展示分类商品
右下角回到顶部按钮
商品加入购物车
购物车内商品勾选

4、项目截图

首页图1

首页图2

商品详情页

分类页

我的页面

购物车页面

基于Vue开发的电商APP项目（仿蘑菇街）相关推荐

基于Vue开发的电商APP项目——蘑菇街app
基于Vue开发的电商APP项目--蘑菇街项目源码:https://github.com/Limna777/Shopmall.git 1.项目描述 2.使用的插件或第三方库 3.页面主要实现的功能 1 ...
Django+Vue开发生鲜电商平台之1.项目介绍
文章目录一.项目概览二.项目技术要点三.项目预览我永远相信只要永不放弃,我们还是有机会的.最后,我们还是坚信一点,这世界上只要有梦想,只要不断努力,只要不断学习,不管你长得如何,不管是这样,还 ...
html全局布局 vue_基于Vue+Element的电商后台管理系统
前言 mall项目后台管理系统的前端项目. 项目介绍 mall-admin-web是一个电商后台管理系统的前端项目,基于Vue+Element实现. 主要包括商品管理.订单管理.会员管理.促销管理.运 ...
java 毕业设计源码-基于Vue助农扶贫电商平台ssm电子商务网站
一.源码描述这是一款基于web的前后端分离JAVA+SSM和vue.js源码基于B/S开发,包含毕业论文和答辩ppt,可下单后有偿转成springboot,开发工具idea支持eclipse, ...
电商App项目的离线数仓
参考项目网址:(1)https://hub.fastgit.org/HammingMa/gmall-dw (2)warehouse: 电商数据仓库相关概念 SKU,SPU 首先通过检索搜索出来的商品 ...
Django+Vue开发生鲜电商平台之2.开发环境搭建
文章目录一.PyCharm的安装和简单使用二.MySQL和Navicat的安装和使用三.Python的安装四.虚拟环境的安装和配置五.Vue开发环境搭建一.PyCharm的安装和简单使用 ...
Django+Vue开发生鲜电商平台之3.数据模型设计和资源导入
文章目录一.项目初始化二.数据模型设计 1.用户数据模型设计 2.商品数据模型设计 3.交易数据模型设计 4.用户操作数据模型设计三.xadmin后台管理系统的配置四.数据迁移和数据导入 1. ...
Django+Vue开发生鲜电商平台之11.首页、商品数量、缓存和限速功能开发
文章目录一.首页功能完善 1.轮播图实现 2.新品功能开发 3.商品系列分类展示功能二.商品相关数量功能实现 1.商品点击数.收藏数功能实现 2.商品库存量和销量功能实现三.DRF缓存设置 1. ...
基于SpringBoot开发的电商后台管理系统
项目介绍一款 Java 语言基于 SpringBoot2.x.Layui.Thymeleaf.MybatisPlus.Shiro.MySQL等框架精心打造的一款模块化.插件化.高性能的前后端分离架构 ...

基于Vue开发的电商APP项目（仿蘑菇街）

项目源码已放到GitHub上，欢迎访问~

项目地址：https://github.com/weining-zhang/mall

说明：该项目是本人在学习Vue过程中的一个练习实战项目

1、项目描述

2、使用的插件或第三方库

3、实现的功能

4、项目截图

首页图1

首页图2

商品详情页

分类页

我的页面

购物车页面

基于Vue开发的电商APP项目（仿蘑菇街）相关推荐

最新文章

热门文章