积分商城小程序

积分商城小程序 项目简介跨平台积分商城小程序集成了积分兑换、礼品券、营销活动等多种功能。项目采用 Vue 2 uView UI 框架开发支持微信小程序多端部署。本项目配备完整的后台管理系统支持商品管理、订单管理、用户管理、营销活动配置等全方位管理功能。 技术栈后端框架Spring Boot 3数据库MySQL 8缓存Redis搜索引擎MeiliSearch前端框架uni-app (Vue 2)UI 组件库uView UI 2.0.36如有需要请添加微信联系获取完整项目请备注来意✨ 核心功能 商城功能商品浏览首页推荐、分类浏览、搜索功能商品详情商品介绍、规格选择、用户评价购物车商品加购、批量管理、结算订单管理订单提交、订单查询、订单详情 积分系统积分兑换使用积分兑换商品积分明细积分收支记录查询兑换中心积分商品专区 礼品券系统礼品券管理我的礼品券列表礼品券兑换使用礼品券兑换商品券码核销礼品券使用记录 营销活动活动推荐营销活动列表活动详情活动规则、参与方式海报详情活动海报展示 个人中心用户信息个人资料管理收货地址地址增删改查我的收藏收藏商品管理浏览足迹历史浏览记录系统设置账号设置、隐私政策️ 技术栈框架uni-app (Vue 2)UI 组件库uView UI 2.0.36开发语言JavaScript / Vue小程序平台微信小程序、支付宝小程序、百度小程序、头条小程序兼容性Android 4.4, iOS 9 项目结构mini-ui/ ├── api/ # API 接口目录 │ ├── activityPage.js # 活动页面接口 │ ├── cart.js # 购物车接口 │ ├── exchangeOrder.js # 兑换订单接口 │ ├── giftCoupon.js # 礼品券接口 │ ├── product.js # 商品接口 │ ├── user.js # 用户接口 │ └── ... # 其他接口文件 ├── components/ # 公共组件目录 ├── pages/ # 页面目录 │ ├── index/ # 首页 │ ├── category/ # 分类页 │ ├── festival/ # 活动页 │ ├── cart/ # 购物车 │ ├── user/ # 个人中心 │ ├── goods-detail/ # 商品详情 │ ├── order-list/ # 订单列表 │ ├── redeem-center/ # 兑换中心 │ └── ... # 其他页面 ├── static/ # 静态资源目录 ├── utils/ # 工具函数目录 │ └── auth.js # 认证相关工具 ├── img/ # 项目截图目录 ├── App.vue # 应用配置 ├── main.js # 入口文件 ├── pages.json # 页面配置 ├── manifest.json # 应用配置 └── package.json # 项目依赖 快速开始环境要求Node.js 12.0HBuilderX (推荐) 或 uni-app CLI安装依赖npminstall开发模式npmrun dev编译构建npmrun build运行到微信小程序使用 HBuilderX 打开项目点击菜单栏 “运行” - “运行到小程序模拟器” - “微信开发者工具”或使用命令行npm run dev:mp-weixin⚙️ 配置说明小程序 AppID 配置在manifest.json中配置对应平台的 AppID{mp-weixin:{appid:your-weixin-appid}}API 接口配置在各个 API 文件中配置后端接口地址建议统一在utils目录下创建配置文件管理。TabBar 配置在pages.json中配置底部导航栏首页分类活动兑换中心我的 页面路由路径页面名称说明/pages/index/index商城首页首页推荐、轮播图/pages/category/category商品分类分类浏览/pages/festival/festival营销活动活动列表/pages/cart/cart购物车购物车管理/pages/user/user个人中心用户信息/pages/goods-detail/goods-detail商品详情商品详细信息/pages/order-list/order-list我的订单订单列表/pages/redeem-center/redeem-center兑换中心积分兑换/pages/gift-coupon/gift-coupon我的礼品券礼品券管理/pages/submit-order/submit-order确认订单订单提交/pages/address/address收货地址地址管理/pages/favorites/favorites我的收藏收藏列表/pages/browse-history/browse-history我的足迹浏览历史/pages/integral-detail/integral-detail积分明细积分记录/pages/setting/setting设置系统设置️ 界面展示首页首页包含轮播图、商品分类、热门推荐等模块为用户提供丰富的商品浏览入口。分类页面商品分类页面支持多级分类浏览快速定位目标商品。活动推荐营销活动列表展示当前进行中的各类促销活动。活动详情活动详情页面展示活动规则、参与方式和活动商品。商品详情商品详情页面包含商品图片、价格、规格选择、用户评价等完整信息。购物车购物车管理页面支持商品数量调整、批量删除、结算等操作。下单页面订单确认页面填写收货地址、选择配送方式、确认订单信息。兑换中心积分兑换中心展示可用积分兑换的商品列表。我的礼品券礼品券管理页面查看已拥有的礼品券及使用状态。个人中心个人中心首页展示用户信息、订单状态、常用功能入口。我的订单订单列表页面支持按状态筛选订单。订单详情订单详情页面展示订单商品、物流信息、订单状态等。我的足迹浏览历史记录方便用户快速找回感兴趣的商品。我的收藏收藏商品列表管理用户收藏的商品。积分明细积分收支明细记录积分获取和消费情况。收货地址收货地址管理支持新增、编辑、删除、设置默认地址。设置系统设置页面包含账号管理、隐私政策、关于我们等功能。