基于vue开发的移动端(仿蘑菇街,淘宝)电商项目
基于vue.js的知识点(webpack,Vuex,Vue-router,axios)开发电商手机网站项目
组件库:vantUI、ElementUI
码云地址:https://gitee.com/YGWG-LX/ShopApp
若觉得还行 可以点个小Star
吗
项目持续开发中 若在使用过程中有发现bug或改进思路可在评论区连续,不胜感激
mallapp
LE 购手机购物网站使用说明
搭配使用
需要搭配使用仓库 MallAPI 的接口
在线接口文档:https://october.w.eolinker.com/share/index?shareCode=ZsQNDF
swagger文档:http://oct1001.icu/swagger/index.html
接口使用可将域名更改为 http://www.hj0819.top:44369、oct1001.icu
在线演示地址:http://hj0819.top
请调整至手机模式查看(f12 ==》手机模式,推荐使用谷歌,屏幕大小:414x736,86%缩放)
若是用电脑模拟器访问的话,建议进入首页时进行下刷新
项目运行图
登录注册:
项目内部运行图
*** ps:支付宝支付需要使用沙盒账号 *** 项目结构(部分) ,,,api封装有接口
项目依赖的安装与使用
npm install
项目运行
npm run serve
项目打包
npm run build
项目模块:
- 登录注册
- 手机号注册,调用阿里云短信服务接口
- 手机号是找回登录密码、支付密码的唯一验证
- 登录密码、支付密码采用MD5加密方式
- 后台会记录用户的登录ip、时间、浏览器类型、登录状态
- 首页
- 轮播区图片的展示,暂时未做轮播跳转地址的页面设计,所以仅作展示用
- 分类选择区 ,从数据库获取到分类的标题与ico,点击跳转到搜索界面 并进行搜索,注意 该方式进行的搜索不会记录到搜索历史中
- 热门、新款、最新商品推荐
- 商场(分类)
- 头部nav-bar可跳转到搜索页面
- 左侧遍历数据库的第三级分类进行展示
- 右侧对左侧标题的选择进行对应加载、显示
- 可点击右侧对应展示的商品跳转到详情页面
- 购物车
- 用户可在详情页进行商品的购物车加购
- 可进行购物车数量的添加与减少,最少一件 最多十件
- 可进行购物车中商品的删除、结算
- 结算时可选择单个结算与多个商品的结算,底部导航可对价格、数量 进行实时的计算
- 删除时可选择单个删除与多个一同删除
- 头部导航会统计购物车中商品的总数、采用分页展示,每次最多展示5条商品(还是10条来着,忘了 ̄□ ̄||)
- 个人中心
- 用户可查看自己的个人详情及相应的修改
- 收货地址的管理
- 浏览记录管理
- 商品收藏的管理
- 余额、积分变动详情
- 每日签到
- 订单的管理
- 详情页
- 商品详情的展示
- 商品的购买、加购购物车与取消
- sku属性展示(暂时只有默认的属性)
- 用户购买评价、追评、回复的展示(开发中)
- 前往店铺 进行店铺商品的检索(开发中)
- 联系客服(未开发)
- 购买功能
- 确定下单前可进行商品的确认、收货地址的修改、购买总数与总价的核算
- 支付暂时仅支持支付宝网页支付与本商城的余额支付,余额支付的默认密码为123456,忘记密码可前往忘记页面进行密码重置(手机号需要与登录账户的注册手机一致),支付宝支付需要使用沙盒账户支付,普通账户会显示支付异常
- 对于已创建,未完成支付的订单可前往个人中心的订单管理进行支付与取消,,在支付页面停留超过15分钟会自动跳转到订单管理中心
- 使用支付宝支付时 在支付途中退出,也将跳转到订单管理中心
- 支付宝支付完成 会跳转到支付验证页面,需要用户手动进行支付的验证(因为支付宝的异步通知需要内网穿透,我的穿透太慢 没法完成异步通知的调试,就选择了主动查询的方式向支付宝查询支付状态)
基于vue开发的移动端(仿蘑菇街,淘宝)电商项目相关推荐
- 计算机毕业设计——基于HTML仿淘宝电商项目的设计与实现管理系统论文源码(21页)
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...
- 仿淘宝电商官网静态页面(HTML+CSS+JS)+ 常见布局解析,学会如果做是关键!
仿淘宝电商官网静态页面 作为一个前端开发,布局+样式已经成为了必备的技能,你做得好是应该的,做的不好可以原谅,但当你意识到不足时,补足它 这是我刚"入坑"的时候写的Demo,因为当 ...
- HTML5期末大作业:仿淘宝电商网站设计——仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业
HTML5期末大作业:仿淘宝电商网站设计--仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业 常见网页设计作业题材有 个人. ...
- html网页制作——仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业C71
HTML5期末大作业:仿淘宝电商网站设计--仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业 常见网页设计作业题材有 个人. ...
- 1个人,3个月业余时间,采用Flutter,居然仿写了一个淘宝电商开源项目
来源 | https://www.jianshu.com/p/194448388ce9 前言 Flutter现在如火如荼,Google也在大力推广,是到了学习Flutter的时候了,今天推荐一款用Fl ...
- HTML5期末大作业:电商网站设计——仿淘宝电商网站管理系统21页(含毕业设计论文7500字) HTML+CSS+JavaScript
HTML5期末大作业:电商网站设计--仿淘宝电商网站管理系统21页(含毕业设计论文7500字) HTML+CSS+JavaScript 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. ...
- 基于 Serverless 无服务器(0成本),B2C电商项目开源了
用云电商 uniCloud 版本 Usecloud.usemall.b2c 完整的业务流程数字化电商项目,JavaScript 解决前端后端.数据库的全栈开发 uniCloud serverless ...
- 基于HTML仿oppo手机商城电商项目的设计与实现6个页面
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...
- 仿淘宝电商网站管理系统前端静态页面(html+jquery+css)(含毕业设计论文及源码)
摘要·······································································Ⅰ 1 绪论····················· ...
最新文章
- 神经学家探寻:机器如何拥有意识!如何避免机器人伤害我们!
- inotify java maven_INOTIFY 系列(一) 安装 和初步使用
- android 使用photoshop 裁剪图片
- 三维重建 几何方法 深度学习_Occupancy Networks:基于学习函数空间的三维重建表示方法...
- xampp 无法启动mysql
- java11创建项目_2019-04-11 使用IDEA创建SpringBoot项目
- Qt中视图的缩放对应缩略图中矩形框的缩放
- Pytest之skip、skipif、xfail
- js中函数对象的方法,原型方法apply、call、bind、toString、toLocaleString、valueOf
- 数据科学之——大数据体系
- 深入浅出mfc之6大技术 运行时类型识别 DCLARE_DYNCREATE、DECLARE_DYNAMIC 、DECLARE_SERIAL、RUNTIME_CLASS、DECLARE_SERIAL 等
- python中的filter函数
- 数据加密以及国密基础知识
- 记账一定要读财务专业吗
- [微信小程序] 原生小程序picker组件实现时间日期的选择
- 3D变形:平移、旋转、缩放
- UVA 12304 计算几何+圆模板
- mac mysql docker_Mac上使用Docker如何快速启动MySQL测试
- MFC 显示透明png图片
- java 生成水印图片工具类, MultipartFile接收上传的图片,处理成加水印之后的MultipartFile
热门文章
- 不属于python语言保留字_以下选项中,不属于Python保留字的是( )_学小易找答案...
- 记一次河北衡水地区的结婚流程
- 模板方法--之办理银行卡
- 计算机管理任务计划程序损坏,处理设置任务计划程序win10中出错不可用的方法...
- wangEditor使用教程
- 华为平板m6 鸿蒙,第一眼就爱上它:华为平板M6开箱体验
- 气质结果重复性比较和pdf结果文件的批处理
- 当骨病找上大明星,明星也扛不住呀!
- CAD增加线型(网页版)
- python对excel操作简书_Python 操作Excel