基于Vue开发的电商APP项目——蘑菇街app
基于Vue开发的电商APP项目——蘑菇街
- 项目源码:https://github.com/Limna777/Shopmall.git
- 1、项目描述
- 2、使用的插件或第三方库
- 3、页面主要实现的功能
- 1、首页
- 2、应用分类
- 3、购物车
- 4、个人中心
- 4、基本目录
- 5、项目截图
项目源码:https://github.com/Limna777/Shopmall.git
接口私聊
1、项目描述
- 项目技术栈Vue2.0 + vuex + vue-router + ES6 + webpack + axios
- 项目采用模块化、组件化、工程化的模式开发
- 项目分为四大基本模块:首页 + 分类 + 购物车 + 我的
2、使用的插件或第三方库
- 使用 vue-router 开发单页面
- 使用 vuex 管理应用组件的状态
- 使用 vue-lazyload 实现图片的懒加载
- 使用 axios 的封装从后端拿取数据使用 less 写部分组件的样式
- 使用 better-scroll 实现移动端页面滑动效果
3、页面主要实现的功能
1、首页
- 首页轮播图的展示
- 首页局部商品分类应用的切换
2、应用分类
- 头部nav-bar可跳转到搜索页面
- 左侧遍历数据库的第三级分类进行展示
- 右侧对左侧标题的选择进行对应加载、显示
- 可点击右侧对应展示的商品跳转到详情页面
3、购物车
- 用户可在详情页进行商品的购物车加购
- 商品的全选功能
4、个人中心
- 利用组件化完成基本页面的布局
4、基本目录
|
|—— build
|—— config
|——src : dev resources.
| |—— assets/
| | |css
| | |images
| |—— public/ 公共组件
| | | BottomNav.vue
| | | SearchBar.vue
| | |____ TabBar.vue
| | |____ sidebar.vue
| |—— page
| | |____ cart
| | |____ category
| | |____ good
| | |____ mainframe
| | |____ mine
| |—— router/
| | |____ index.js 路由映射
| |—— store/
| | |____ store.js
| |—— App.vue :neteast-yanxuan SPA
| |__ main.js : the entry of douban-movieSPA
|
|__ static : static files
5、项目截图
基于Vue开发的电商APP项目——蘑菇街app相关推荐
- 基于Vue开发的电商APP项目(仿蘑菇街)
项目源码已放到GitHub上,欢迎访问~ 项目地址:https://github.com/weining-zhang/mall 如果觉得有用请不要忘记右上角给个star哟~~ 说明:该项目是本人在学习 ...
- 基于vue开发的移动端(仿蘑菇街,淘宝)电商项目
基于vue.js的知识点(webpack,Vuex,Vue-router,axios)开发电商手机网站项目 组件库:vantUI.ElementUI 码云地址:https://gitee.com/YG ...
- 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, ...
- Django+Vue开发生鲜电商平台之3.数据模型设计和资源导入
文章目录 一.项目初始化 二.数据模型设计 1.用户数据模型设计 2.商品数据模型设计 3.交易数据模型设计 4.用户操作数据模型设计 三.xadmin后台管理系统的配置 四.数据迁移和数据导入 1. ...
- Django+Vue开发生鲜电商平台之2.开发环境搭建
文章目录 一.PyCharm的安装和简单使用 二.MySQL和Navicat的安装和使用 三.Python的安装 四.虚拟环境的安装和配置 五.Vue开发环境搭建 一.PyCharm的安装和简单使用 ...
- Django+Vue开发生鲜电商平台之11.首页、商品数量、缓存和限速功能开发
文章目录 一.首页功能完善 1.轮播图实现 2.新品功能开发 3.商品系列分类展示功能 二.商品相关数量功能实现 1.商品点击数.收藏数功能实现 2.商品库存量和销量功能实现 三.DRF缓存设置 1. ...
- 基于SpringBoot开发的电商后台管理系统
项目介绍 一款 Java 语言基于 SpringBoot2.x.Layui.Thymeleaf.MybatisPlus.Shiro.MySQL等框架精心打造的一款模块化.插件化.高性能的前后端分离架构 ...
最新文章
- KMP算法求回溯数组的步骤
- [干货]我如何考察面试者的机器学习水平
- python——聚类
- java抢答器代码_java竞争抢答器
- c++ using 前置声明_C++ 类声明 类前置声明范例
- 2018.10.13 bzoj1834: [ZJOI2010]network 网络扩容(最大流+费用流)
- mysql字符集调整总结
- Java --- 常用API
- struts2异常处理
- 组件和高阶组件区别_为什么要对高阶组件使用代码拆分
- windows下Emacs的安装与配置
- 索引 mysql_深入理解MySQL索引
- C 远程登录linux,远程登录Linux主机进行C编程的操作方法简述.doc
- 学习总结之 WebApi 用户登录和匿名登录,及权限验证
- mongodb 的 GridFS 详细分析(二)
- Android实战简易教程-第七十三枪(拨打、接听电话自动免提)
- mysql根据身份证计算具体的年龄
- 中国电信中兴 B860AV 1.1-T线刷及卡刷固件和刷机教程.zip
- bfs的算法的详解(代码版)
- J2SDK和TOMCAT的安装及配置