基于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:44369oct1001.icu

在线演示地址:http://hj0819.top

首次加载较慢,大概需要20s左右

请调整至手机模式查看(f12 ==》手机模式,推荐使用谷歌,屏幕大小:414x736,86%缩放)
若是用电脑模拟器访问的话,建议进入首页时进行下刷新

测试账号:admin

测试密码: 123

购买密码:123456

项目运行图
  1. 登录注册:

  2. 项目内部运行图

    *** ps:支付宝支付需要使用沙盒账号 ***
    项目结构(部分) ,,,api封装有接口

项目依赖的安装与使用

npm install

项目运行

npm run serve

项目打包

npm run build

项目模块:

  1. 登录注册

    • 手机号注册,调用阿里云短信服务接口
    • 手机号是找回登录密码、支付密码的唯一验证
    • 登录密码、支付密码采用MD5加密方式
    • 后台会记录用户的登录ip、时间、浏览器类型、登录状态
  2. 首页
    • 轮播区图片的展示,暂时未做轮播跳转地址的页面设计,所以仅作展示用
    • 分类选择区 ,从数据库获取到分类的标题与ico,点击跳转到搜索界面 并进行搜索,注意 该方式进行的搜索不会记录到搜索历史中
    • 热门、新款、最新商品推荐
  3. 商场(分类)
    • 头部nav-bar可跳转到搜索页面
    • 左侧遍历数据库的第三级分类进行展示
    • 右侧对左侧标题的选择进行对应加载、显示
    • 可点击右侧对应展示的商品跳转到详情页面
  4. 购物车
    • 用户可在详情页进行商品的购物车加购
    • 可进行购物车数量的添加与减少,最少一件 最多十件
    • 可进行购物车中商品的删除、结算
    • 结算时可选择单个结算与多个商品的结算,底部导航可对价格、数量 进行实时的计算
    • 删除时可选择单个删除与多个一同删除
    • 头部导航会统计购物车中商品的总数、采用分页展示,每次最多展示5条商品(还是10条来着,忘了 ̄□ ̄||)
  5. 个人中心
    • 用户可查看自己的个人详情及相应的修改
    • 收货地址的管理
    • 浏览记录管理
    • 商品收藏的管理
    • 余额、积分变动详情
    • 每日签到
    • 订单的管理
  6. 详情页
    • 商品详情的展示
    • 商品的购买、加购购物车与取消
    • sku属性展示(暂时只有默认的属性)
    • 用户购买评价、追评、回复的展示(开发中)
    • 前往店铺 进行店铺商品的检索(开发中)
    • 联系客服(未开发)
  7. 购买功能
    • 确定下单前可进行商品的确认、收货地址的修改、购买总数与总价的核算
    • 支付暂时仅支持支付宝网页支付与本商城的余额支付,余额支付的默认密码为123456,忘记密码可前往忘记页面进行密码重置(手机号需要与登录账户的注册手机一致),支付宝支付需要使用沙盒账户支付,普通账户会显示支付异常
    • 对于已创建,未完成支付的订单可前往个人中心的订单管理进行支付与取消,,在支付页面停留超过15分钟会自动跳转到订单管理中心
    • 使用支付宝支付时 在支付途中退出,也将跳转到订单管理中心
    • 支付宝支付完成 会跳转到支付验证页面,需要用户手动进行支付的验证(因为支付宝的异步通知需要内网穿透,我的穿透太慢 没法完成异步通知的调试,就选择了主动查询的方式向支付宝查询支付状态)

基于vue开发的移动端(仿蘑菇街,淘宝)电商项目相关推荐

  1. 计算机毕业设计——基于HTML仿淘宝电商项目的设计与实现管理系统论文源码(21页)

    常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...

  2. 仿淘宝电商官网静态页面(HTML+CSS+JS)+ 常见布局解析,学会如果做是关键!

    仿淘宝电商官网静态页面 作为一个前端开发,布局+样式已经成为了必备的技能,你做得好是应该的,做的不好可以原谅,但当你意识到不足时,补足它 这是我刚"入坑"的时候写的Demo,因为当 ...

  3. HTML5期末大作业:仿淘宝电商网站设计——仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业

    HTML5期末大作业:仿淘宝电商网站设计--仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业 常见网页设计作业题材有 个人. ...

  4. html网页制作——仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业C71

    HTML5期末大作业:仿淘宝电商网站设计--仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业 常见网页设计作业题材有 个人. ...

  5. 1个人,3个月业余时间,采用Flutter,居然仿写了一个淘宝电商开源项目

    来源 | https://www.jianshu.com/p/194448388ce9 前言 Flutter现在如火如荼,Google也在大力推广,是到了学习Flutter的时候了,今天推荐一款用Fl ...

  6. HTML5期末大作业:电商网站设计——仿淘宝电商网站管理系统21页(含毕业设计论文7500字) HTML+CSS+JavaScript

    HTML5期末大作业:电商网站设计--仿淘宝电商网站管理系统21页(含毕业设计论文7500字) HTML+CSS+JavaScript 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. ...

  7. 基于 Serverless 无服务器(0成本),B2C电商项目开源了

    用云电商 uniCloud 版本 Usecloud.usemall.b2c 完整的业务流程数字化电商项目,JavaScript 解决前端后端.数据库的全栈开发 uniCloud serverless  ...

  8. 基于HTML仿oppo手机商城电商项目的设计与实现6个页面

    常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...

  9. 仿淘宝电商网站管理系统前端静态页面(html+jquery+css)(含毕业设计论文及源码)

    摘要·······································································Ⅰ 1 绪论····················· ...

最新文章

  1. 神经学家探寻:机器如何拥有意识!如何避免机器人伤害我们!
  2. inotify java maven_INOTIFY 系列(一) 安装 和初步使用
  3. android 使用photoshop 裁剪图片
  4. 三维重建 几何方法 深度学习_Occupancy Networks:基于学习函数空间的三维重建表示方法...
  5. xampp 无法启动mysql
  6. java11创建项目_2019-04-11 使用IDEA创建SpringBoot项目
  7. Qt中视图的缩放对应缩略图中矩形框的缩放
  8. Pytest之skip、skipif、xfail
  9. js中函数对象的方法,原型方法apply、call、bind、toString、toLocaleString、valueOf
  10. 数据科学之——大数据体系
  11. 深入浅出mfc之6大技术 运行时类型识别 DCLARE_DYNCREATE、DECLARE_DYNAMIC 、DECLARE_SERIAL、RUNTIME_CLASS、DECLARE_SERIAL 等
  12. python中的filter函数
  13. 数据加密以及国密基础知识
  14. 记账一定要读财务专业吗
  15. [微信小程序] 原生小程序picker组件实现时间日期的选择
  16. 3D变形:平移、旋转、缩放
  17. UVA 12304 计算几何+圆模板
  18. mac mysql docker_Mac上使用Docker如何快速启动MySQL测试
  19. MFC 显示透明png图片
  20. java 生成水印图片工具类, MultipartFile接收上传的图片,处理成加水印之后的MultipartFile

热门文章

  1. 不属于python语言保留字_以下选项中,不属于Python保留字的是( )_学小易找答案...
  2. 记一次河北衡水地区的结婚流程
  3. 模板方法--之办理银行卡
  4. 计算机管理任务计划程序损坏,处理设置任务计划程序win10中出错不可用的方法...
  5. wangEditor使用教程
  6. 华为平板m6 鸿蒙,第一眼就爱上它:华为平板M6开箱体验
  7. 气质结果重复性比较和pdf结果文件的批处理
  8. 当骨病找上大明星,明星也扛不住呀!
  9. CAD增加线型(网页版)
  10. python对excel操作简书_Python 操作Excel