聚有品智慧商城 - 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) -> 模拟移动设备以获得更好的访问体验