一个基于Vue+Vuex+iView的电子商城网站

一个基于Vue+Vuex+iView的电子商城网站

当前文章收录状态:
查询中...

今天,给大家介绍一个基于 Vue 实现的电子商城网站。

项目介绍

Mall-Vue —— 一个基于 VUE + VUEX + iView 做的一个电商网站前端项目。这个项目是一个纯前端项目,实现了首页、商品页面、购物车等大部分常用的电商网站页面功能。

功能特色:

  • 首页
  • 登陆
  • 注册
  • 商品搜索页面
  • 商品详情页面
  • 购物车页面
  • 确认订单页面
  • 支付页面
  • 购买成功页面
  • 反馈页面
  • 商家店铺页面
  • 用户页面

项目截图

首页

图片[1]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客

商品搜索页面

图片[2]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客

商品详情页面

图片[3]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客
图片[4]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客

注册页面

图片[5]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客

登录页面

图片[6]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客

购物车页面

图片[7]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客

支付页面

图片[8]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客

支付成功页面

图片[9]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客

收获地址

图片[10]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客
图片[11]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客

我的订单

图片[12]-一个基于Vue+Vuex+iView的电子商城网站-明恒博客

快速上手

本地开发

1、拉取代码

 git clone https://github.com/PowerDos/Mall-Vue.git

2、安装依赖

npm install

3、启动项目

npm run dev

4、浏览器访问

http://localhost:8080/#/

默认用户名密码:Gavin/123456

5、打包部署

npm run build

Docker 部署

相关还提供了 Docker 镜像,可使用 Docker 进行部署。

docker run -d -p 80:80 --name mall-web registry.cn-beijing.aliyuncs.com/w929732982/mall-web

项目地址:https://github.com/PowerDos/Mall-Vue
在线体验:https://powerdos.github.io/Mall-Vue/index.html#/

© 版权声明
THE END
我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=270198dipw4ko
点赞12赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容