找回密码
 立即注册
首页 业界区 业界 一个基于Vue+Vuex+iView的电子商城网站

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

电棘缣 2025-6-6 16:11:10
大家好,我是 Java陈序员。
今天,给大家介绍一个基于 Vue 实现的电子商城网站。
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍

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

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

首页
1.png

2.png

商品搜索页面
3.png

商品详情页面
4.png

5.png

注册页面
6.png

登录页面
7.png

购物车页面
8.png

支付页面
9.png

支付成功页面
10.png

收获地址
11.png

12.png

我的订单
13.png

快速上手

本地开发

1、拉取代码
  1. git clone https://github.com/PowerDos/Mall-Vue.git
复制代码
2、安装依赖
  1. npm install
复制代码
3、启动项目
  1. npm run dev
复制代码
4、浏览器访问
  1. http://localhost:8080/#/
复制代码
默认用户名密码:Gavin/123456
5、打包部署
  1. npm run build
复制代码
Docker 部署

相关还提供了 Docker 镜像,可使用 Docker 进行部署。
  1. docker run -d -p 80:80 --name mall-web registry.cn-beijing.aliyuncs.com/w929732982/mall-web
复制代码
  1. 项目地址:https://github.com/PowerDos/Mall-Vue
  2. 在线体验:https://powerdos.github.io/Mall-Vue/index.html#/
复制代码
最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star:
  1. https://github.com/chenyl8848/great-open-source-project
复制代码
或者访问网站,进行在线浏览:
  1. https://chencoding.top:8090/#/
复制代码
14.png

大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册