聚有品智慧商城 - H5移动电商平台

项目介绍

聚有品 是一款专注于提供高品质商品和服务的H5移动电商平台。平台采用了 Vue.js 作为主要的前端开发框架,并结合了Vant UI组件库来实现高性能、美观且易于维护的用户界面。

源码地址:https://github.com/feifan0620/smart-mall

首页:

分类页:

商品详情页:

购物车页:

个人中心页:

技术栈

前端:

  • Vue.js
  • Vant UI 组件库
  • Vue CLI 脚手架
  • Axios 请求库

部署:

  • 服务器:腾讯云 Linux 服务器(OpenCloudOS) + Nginx
  • 域名:阿里云域名
  • 域名解析:阿里云域名解析
  • 静态资源部署:腾讯云CDN
  • 支付:微信/支付宝支付(待接入)
  • 短信验证:阿里云短信服务
  • 部署上线/管理运维:宝塔 Linux 运维面板

主要功能

  • 用户注册与登录: 支持手机号验证码、微信登录(待开发)等多种方式登录,确保用户信息的安全性。
  • 商品展示: 提供清晰的商品分类,支持商品搜索、排序等功能。
  • 购物车管理: 用户可以将商品添加至购物车并进行统一结算。
  • 订单处理: 包括订单创建、支付、取消以及查看历史订单等操作。

说明

  • 测试环境,请使用 246810 作为短信验证码登录(后端不再提供真实的短信验证服务)
  • 测试环境,手机验证码登录时,输入任意4位验证码即可(后端不对验证码进行校验)
  • 使用 PC 浏览器(Chrome/Edge)访问项目时可以点击鼠标右键 -> 检查(或直接按下F12) -> 模拟移动设备以获得更好的访问体验