Lilishop(PickMall) 开源商城系统 - 移动端 (uni-app)

简体中文 | English

> ⭐ **如果觉得项目不错，请点击右上角 `Star` 收藏支持！您的 Star 是我们持续开源迭代的最大动力！** **LILISHOP** 是基于 Spring Boot / Vue 3 / uni-app 开发的开源商城系统，支持 B2B2C 多商户商城、微信小程序商城、H5 商城、APP 商城、直播电商、分销返佣、秒杀活动。 ### ✨ 为什么选择 Lilishop - 🟢 **真 MIT 协议**：支持免费商用与私有化闭源二开，无版权后顾之忧。 - 🚀 **Vue 3 全新栈**：基于 `uni-app + Vue 3 + uview-plus 3.x`，告别老旧 Vue 2 模板。 - 🧩 **生产级完整度**：非静态切图模板，完整覆盖 B2B2C 多商户、可视化装修、IM 客服、秒杀拼团、分销直播全闭环。 --- ## 1. 项目简介 **Lilishop** 是一款功能完善的 B2B2C 多商户商城系统，采用前后端分离架构，全端代码开源。后端基于 **Spring Boot 4**（Java 21）构建，具备高内聚、低耦合的特性，支持分布式部署；前端覆盖 PC、H5、小程序和 APP，基于 **Vue 3** 和 **uni-app** 开发。本仓库（`lilishop-uniapp`）为 **买家端移动端源码**，一套代码同时支持 **H5、微信小程序、Android / iOS APP**。 - **官方网站**: - **官方文档**: [产品文档](https://bdwx2tfwwt.feishu.cn/wiki/space/7675179368632617952?ccm_open_type=lark_wiki_spaceLink&open_tab_from=wiki_home) - **Gitee 仓库**: - **GitHub 主仓库**: --- ## 2. 在线演示 > **注意**: 演示站手机验证码统一为 `111111`。演示环境部署于 `master` 分支。 | 微信小程序 | 移动端 H5（[点击直接访问](https://m-b2b2c.pickmall.cn)） | | :---: | :---: | | 微信小程序体验码

| --- ## 3. 核心特性与技术栈 ### 核心特性 - **全端覆盖**: 一套 `uni-app` 代码库支持 H5、微信小程序、Android / iOS APP，大幅降低多端开发与维护成本。 - **商家入驻**: 支持多商家入驻，构建平台化 B2B2C 电商生态。 - **可视化装修**: 支持首页及专题楼层（`pages/floor`）动态可视化配置与主题色切换。 - **即时通讯与直播**: 集成腾讯云 IM / MQTT 消息推送及 HLS 视频流，支持在线客服与直播带货。 - **完整电商闭环**: 涵盖商品浏览、购物车、多种促销（秒杀/拼团/优惠券/积分/砍价/分销）、订单履约、售后维权、会员中心等全流程。 ### 移动端技术栈 | 类别 | 技术选型 | 说明 | | :--- | :--- | :--- | | 核心框架 | `uni-app` + `Vue 3` | 跨端开发框架（支持 Vue 3 语法与渲染） | | 状态管理 | `Vuex 4` | 全局登录态、购物车与用户状态管理 | | UI 组件库 | `uview-plus 3.x` | 适配 Vue 3 的 uni-app 多端 UI 组件库 | | 即时通讯 | `mqtt 5.x` / `@tencentcloud/chat` | 客服消息与实时通知推送 | | 音视频流 | `hls.js` | 直播流播放支持 | | 样式预处理 | `Sass (SCSS)` | 全局主题变量（`uni.scss`）与组件样式定制 | --- ## 4. 目录结构 ```text lilishop-uniapp ├── api/ # 各业务模块接口定义（会员、商品、订单、促销、IM 等） ├── components/ # 公共业务与基础组件 ├── config/ # 全局配置目录 │ ├── api.js # 接口域名配置（buyer / im / mqtt） │ └── config.js # 商城名称、小程序 AppID、高德 Key、主题色等全局参数 ├── hybrid/ # App 端本地 HTML 资源（如异常页、WebView 辅助页） ├── js_sdk/ # 第三方及 uni-app 插件 SDK ├── lib/ # 基础工具库封装 ├── pages/ # 页面与分包目录 │ ├── tabbar/ # 底部导航主包页面（首页、分类、购物车、我的等） │ ├── passport/ # 登录、注册、找回密码分包 │ ├── product/ # 商品详情、列表、评价、店铺主页分包 │ ├── cart/ # 购物车与结算页分包 │ ├── order/ # 订单列表、详情、售后、物流、发票分包 │ ├── promotion/ # 秒杀、拼团、砍价、积分商城、分销、直播等营销分包 │ ├── mine/ # 个人中心、钱包、积分、收藏、地址管理分包 │ ├── floor/ # 可视化装修楼层组件与专题页 │ └── navigation/ # 导航与搜索相关页面 ├── patches/ # patch-package 第三方依赖补丁 ├── scripts/ # 构建与依赖修补脚本（如 postinstall 补丁） ├── static/ # 静态图片与字体资源 ├── store/ # Vuex 状态管理 ├── styles/ # 公共样式文件 ├── uni_modules/ # uni_modules 模块（含 uview-plus 等） ├── utils/ # 请求拦截器、加密、校验、存储等工具函数 ├── App.vue # 应用入口组件 ├── main.js # 应用初始化入口 ├── manifest.json # uni-app 多端应用配置（AppID、权限、SDK 配置等） ├── pages.json # 页面路由、分包加载与导航栏配置 └── uni.scss # 全局 SCSS 变量与主题色定义 ``` --- ## 5. 配套源码仓库本仓库专注于买家端 **H5 / 小程序 / APP**（`lilishop-uniapp`）。完整系统由以下四个核心仓库组成： | 仓库名称 | 职责说明 | 仓库地址 | | :--- | :--- | :--- | | **`lilishop`** | 后端服务源码（Spring Boot 4 / Java 21） | [Gitee](https://gitee.com/beijing_hongye_huicheng/lilishop) · [GitHub](https://github.com/lilishop/lilishop) | | **`lilishop-ui`** | PC 商城 / 商家端 / 运营管理端 / IM Web 前端 | [Gitee](https://gitee.com/beijing_hongye_huicheng/lilishop-ui) | | **`lilishop-uniapp`** | 买家端 H5 / 微信小程序 / Android & iOS APP | [Gitee](https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp) | | **`docker`** | 容器化部署编排、镜像与数据库脚本 | [Gitee](https://gitee.com/beijing_hongye_huicheng/docker) · [MySQL 脚本](https://gitee.com/beijing_hongye_huicheng/docker/tree/master/init/mysql) | --- ## 6. 开源与授权本项目遵循 [MIT](./LICENSE) 开源协议，版权归 **北京宏业汇成科技有限公司** 所有。允许个人及企业免费用于学习、研究、修改和商业用途（需保留原始版权和许可声明）。 --- ## 7. 社区与支持我们欢迎任何形式的交流与贡献。在提问前，请先查阅 [产品文档](https://bdwx2tfwwt.feishu.cn/wiki/space/7675179368632617952?ccm_open_type=lark_wiki_spaceLink&open_tab_from=wiki_home)，并参考 [《提问的智慧》](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/master/README-zh_CN.md) 以便高效沟通。 - **[在线客服](https://work.weixin.qq.com/kfid/kfc4d8dc24a73c15f44)** - **微信交流群**: 微信群