{"repo":"wayn111/waynboot-mobile","free":true,"listed":false,"github":"https://github.com/wayn111/waynboot-mobile","clone":"git clone https://github.com/wayn111/waynboot-mobile.git","description":"waynboot-mall是一套全部开源的微商城项目，包含一个运营后台、h5商城和后台接口。实现了一个商城所需的首页展示、商品分类、商品详情、商品搜索、加入购物车、结算下单、订单状态流转等一系列功能。waynboot-mall的h5商城界面","language":"Vue","stars":231,"topics":["mall","springboot2","vant-ui","vue","mybatis","redis","rabbitmq","elastic","waynboot"],"license":"MIT","category":"databases-storage","readme_excerpt":"waynboot-mobile waynboot-mobile 是 waynboot-mall 的移动端 H5 商城前台，负责首页、分类、搜索、商品详情、购物车、下单、支付、订单、地址、优惠券和用户中心等核心购物链路。 项目已经迁移到 Vue 3 + Vite 6 + Vant 4。当前代码重点是移动端体验、浅色 Apple 风格 UI、清晰商品信息和稳定下单流程。 技术栈 分类 方案 --- --- 应用框架 Vue 3、Composition API、 构建工具 Vite 6、 @vitejs/plugin-vue UI 组件 Vant 4 路由 Vue Router 4，Hash 路由，部署基础路径 /mall/ 状态管理 Vuex 4，模块自动注册 请求 Axios，统一 Token 注入和业务错误处理 样式 Sass、 postcss-pxtorem 、项目设计系统 图标 本地 SVG 图标插件、FontAwesome、iconfont 微信能力 weixin-js-sdk 快速开始 环境要求 - Node.js = 18 - npm 安装依赖 启动开发服务 默认访问地址： 开发环境接口配置来自 .env.development ： Vite 代理会将 /dev-api 和 /upload 转发到 VUE APP BASE URL 。 常用命令 命令 说明 --- --- npm run dev 启动本地开发服务 npm run lint 检查 src/ 下的 .js 和 .vue 文件 npm run test:node 运行 Node 回归测试 npm run build:prod 生产模式构建，压缩并移除 console / debugger npm run build:dev 开发模式构建，便于排查构建问题 npm run svgo 压缩 src/icons/svg/ 图标 目录结构 核心模块 应用入口 src/main.js 负责创建应用并注册核心能力： - router ：页面路由。 - store ：Vuex 状态管理。 - setupVant(app) ：Vant 组件和兼容 API。 - setupWx(app) ：微信 SDK。 - setupFontAwesome(app) ：FontAwesome 图标。 - setupCommonComponents(app) ： image-pic 、 nav-bar 、 svg-icon 、 back-top 等公共组件。 - setupFilters(app) ：全局格式化方法。 路由与权限 路由位于 src/router/index.js ，统一使用 createWebHashHistory() 和页面懒加载。 src/permission.js 负责： - 根据 meta.title 设置页面标题。 - 基于 Cookie Token 判断登录态。 - 对购物车、订单、地址、用户中心等页面做登录拦截。 - 未登录时跳转 /login?redirect=... 。 - 路由结束后关闭 Vant Toast。 接口层 src/api/ 按业务域拆分： - home.js ：首页数据。 - category.js ：分类。 - search.js ：搜索。 - product.js / diamond.js / detail.js ：商品列表、专题和详情。 - cart.js ：购物车。 - order.js / pay.js / coupon.js ：订单、支付和优惠券。","default_branch":null,"files":null,"tree":[],"storefront":"/r/wayn111","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/wayn111/waynboot-mobile/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}