mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-11-06 17:09:08 +08:00
11 KiB
11 KiB
⭐ 如果觉得项目不错，请点击右上角
Star收藏支持！您的 Star 是我们持续开源迭代的最大动力！
LILISHOP 是基于 Spring Boot / Vue 3 / uni-app 开发的开源商城系统，支持 B2B2C 多商户商城、微信小程序商城、H5 商城、APP 商城、直播电商、分销返佣、秒杀活动。
✨ 为什么选择 Lilishop
- 🟢 真 Apache-2.0 协议：支持免费商用与私有化闭源二开，无版权后顾之忧。
- 🚀 Vue 3 全新栈：全面基于
Vue 3.5 + Pinia 4 + Vue Router 4 + Element Plus构建，告别老旧 Vue 2 架构。 - 🧩 四端合一生产级闭环：完整覆盖 PC 买家端 (
buyer)、商家端 (seller)、平台运营管理端 (manager) 与 在线客服端 (im)，支持拖拽式可视化楼层装修与多维数据统计报表。
1. 项目简介
Lilishop 是一款功能完善的 B2B2C 多商户商城系统，采用前后端分离架构，全端代码开源。
后端基于 Spring Boot 4（Java 21）构建，具备高内聚、低耦合的特性，支持分布式部署；前端覆盖 PC、管理后台、H5、小程序和 APP，基于 Vue 3 和 uni-app 开发。
本仓库（lilishop-ui）为 Web 前端源码仓库，包含 PC 商城端、商家后台、平台管理后台、IM 在线客服 四个独立子工程。
- 官方网站: https://pickmall.cn
- 官方文档: 产品文档
- Gitee 仓库: https://gitee.com/beijing_hongye_huicheng
- GitHub 主仓库: https://github.com/lilishop/lilishop
2. 在线演示
注意: 演示站手机验证码统一为
111111。演示环境部署于master分支。
| 演示站点 | 访问地址 | 演示账号 |
|---|---|---|
平台运营管理端 (manager) |
https://admin-b2b2c.pickmall.cn | 账号：admin / 密码：123456 |
商家店铺管理端 (seller) |
https://store-b2b2c.pickmall.cn | 账号：13011111111 / 密码：111111 |
商城 PC 买家端 (buyer) |
https://pc-b2b2c.pickmall.cn | 可使用手机号验证码 111111 登录 |
移动端 H5 (uni-app) |
https://m-b2b2c.pickmall.cn | 可使用手机号验证码 111111 登录 |
| 微信小程序 | 移动端 H5（点击直接访问） |
|---|---|
 |
 |
| 微信扫码体验小程序 | 手机扫码或访问 https://m-b2b2c.pickmall.cn |
3. 核心特性与技术栈
核心特性
- 四端协同: 涵盖平台管理端、商家管理端、PC 买家商城端、IM 客服端，角色边界清晰，开箱即用。
- 可视化拖拽装修: 管理端与商家端内置可视化楼层编辑器（基于
vuedraggable），可同步配置 PC 端与移动端首页/专题页。 - 多商户入驻与结算: 完整的商家入驻审核、商品审核、拆单发货、促销报名、财务对账与结算台账体系。
- 多维经营分析: 集成
@antv/g2图表引擎，提供营业概况、商品同比环比、会员分析、营销与分销数据统计。 - 即时通讯客服: 集成腾讯云 IM / WebSocket 在线客服系统，支持买家、商家与平台实时沟通。
Web 前端技术栈
| 类别 | 技术选型 | 说明 |
|---|---|---|
| 核心框架 | Vue 3.5 + Vue Router 4 |
基于 Composition API 的现代响应式前端框架 |
| 状态管理 | Pinia 4 |
轻量、类型友好的 Vue 3 官方状态管理库 |
| UI 组件库 | Element Plus 2.x |
企业级中后台与桌面端 UI 组件库 |
| 网络请求 | Axios 1.x |
统一请求/响应拦截、Token 刷新与异常提示 |
| 数据可视化 | @antv/g2 |
运营端与商家端数据统计图表渲染 |
| 可视化拖拽 | vuedraggable 4 |
商城首页及专题楼层可视化拖拽装修 |
| 即时通讯 | @tencentcloud/chat / sockjs-client |
在线客服消息收发与实时通知 |
| 音视频播放 | dplayer + hls.js |
商品视频与直播流播放支持 |
| 构建与样式 | Vue CLI 5 + Webpack 5 + Sass / Less |
模块化工程构建与全局主题样式定制 |
4. 目录结构
lilishop-ui
├── buyer/ # 【PC 买家商城端】源码工程
│ ├── public/ # 静态资源与全局配置文件 (config.js)
│ └── src/
│ ├── api/ # 买家端接口定义（商品、购物车、订单、会员、促销等）
│ ├── components/ # 公共业务组件（楼层渲染、导航栏、商品卡片等）
│ ├── pages/ # PC 商城各业务页面（首页、商品详情、结算、个人中心等）
│ ├── router/ # 路由配置与守卫
│ ├── stores/ # Pinia 状态管理
│ └── utils/ # 请求封装与通用工具函数
├── seller/ # 【商家店铺管理端】源码工程
│ ├── public/ # 静态资源与全局配置
│ └── src/
│ ├── api/ # 商家端接口定义
│ ├── components/ # 商家端公共组件与装修组件
│ ├── views/ # 商家端业务视图（商品管理、订单发货、售后、促销、店铺设置、统计等）
│ ├── router/ # 动态权限路由
│ └── stores/ # Pinia 状态管理
├── manager/ # 【平台运营管理端】源码工程
│ ├── public/ # 静态资源与全局配置
│ └── src/
│ ├── api/ # 运营端接口定义
│ ├── components/ # 平台公共组件、富文本、可视化楼层装修编辑器
│ ├── views/ # 运营端业务视图（会员、商品、订单、商家、营销、分销、财务、统计、系统设置）
│ ├── router/ # 菜单与权限路由
│ └── stores/ # Pinia 状态管理
├── im/ # 【IM 在线客服 Web 端】源码工程
│ └── src/
│ ├── api/ # 客服会话与消息接口
│ ├── components/ # 聊天窗口、消息列表、商品/订单卡片组件
│ ├── im-server/ # WebSocket / IM 连接服务管理
│ └── views/ # 客服工作台页面
├── build.sh # 多端统一构建脚本
└── docker-build.sh # Docker 镜像构建脚本
5. 配套源码仓库
本仓库专注于 PC / 商家端 / 运营端 / IM Web（lilishop-ui）。完整系统由以下四个核心仓库组成：
| 仓库名称 | 职责说明 | 仓库地址 |
|---|---|---|
lilishop |
后端服务源码（Spring Boot 4 / Java 21） | Gitee · GitHub |
lilishop-ui |
PC 商城 / 商家端 / 运营管理端 / IM Web 前端 | Gitee |
lilishop-uniapp |
买家端 H5 / 微信小程序 / Android & iOS APP | Gitee |
docker |
容器化部署编排、镜像与数据库脚本 | Gitee · MySQL 脚本 |
6. 开源与授权
本项目遵循 Apache-2.0 开源协议，版权归 北京宏业汇成科技有限公司 所有。允许个人及企业免费用于学习、研究、修改和商业用途（需保留原始版权和许可声明）。
7. 社区与支持
我们欢迎任何形式的交流与贡献。在提问前，请先查阅 产品文档，并参考 《提问的智慧》 以便高效沟通。
- 在线客服
- 微信交流群:
8. 升级计划
更新日期：2026-11-03，依据各端近期提交及当前代码实现同步。
✅ 已完成特性
| 功能模块 | 功能模块 |
|---|---|
| ✅ 商品定时上下架 | ✅ 商品分组 / 会员分组 |
| ✅ 商品虚拟销量 | ✅ 专用发票（发票上传） |
| ✅ 置顶评论 | ✅ 客户等级体系 |
| ✅ 购物卡 | ✅ 腾讯云-云直播 |
| ✅ 卡密商品 | ✅ 二级分销 |
| ✅ 定时任务管理（数据库配置驱动） | ✅ 预约服务商品 |
| ✅ 主题色管理 |
🔜 近期规划中
- 🔜 微信小店对接
- 🔜 抖店对接
- 🔜 微信小程序原生重构与体验对齐（持续完善；已接入预约交易、分类多模板与首页楼层装修）
- 🔜 OpenAPI 开放平台与开发者中心