mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git synced 2026-11-06 17:09:08 +08:00

Files

pikachu1995@126.com fb99824a3a refactor(site-settings): 统一站点配置管理并清理废弃页面

- 新增 useSiteSettings composable 替代各端硬编码的配置引用
- 移除 memberRecycle 和 fictitiousOrderList 废弃页面并增加缓存过滤
- 版权信息改为通过接口动态获取，后台新增版权归属配置字段
- 全局禁止 textarea 拖拽缩放并统一三端样式规则
- 会员列表增加状态 tab 筛选及启用/禁用双向切换功能
- 删除未使用的 getSpecificationList API 方法

2026-11-03 09:14:05 +08:00

12 KiB

Raw Blame History

Lilishop(PickMall) 开源商城系统 - Web 前端 (Vue 3)

🏠 官方网站 · 📖 产品文档 · 💻 在线演示 · 💬 微信交流群

简体中文 | English

⭐ 如果觉得项目不错，请点击右上角 Star 收藏支持！您的 Star 是我们持续开源迭代的最大动力！

LILISHOP 是基于 Spring Boot / Vue 3 / uni-app 开发的开源商城系统，支持 B2B2C 多商户商城、微信小程序商城、H5 商城、APP 商城、直播电商、分销返佣、秒杀活动。

✨ 为什么选择 Lilishop

🟢 真 MIT 协议：支持免费商用与私有化闭源二开，无版权后顾之忧。
🚀 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. 开源与授权

本项目遵循 MIT 开源协议，版权归 北京宏业汇成科技有限公司 所有。允许个人及企业免费用于学习、研究、修改和商业用途（需保留原始版权和许可声明）。

7. 社区与支持

我们欢迎任何形式的交流与贡献。在提问前，请先查阅产品文档，并参考《提问的智慧》以便高效沟通。

在线客服
微信交流群:

8. 升级计划

更新日期：2026-11-03，依据各端近期提交及当前代码实现同步。

✅ 已完成特性

功能模块	功能模块
✅ 商品定时上下架	✅ 商品分组 / 会员分组
✅ 商品虚拟销量	✅ 专用发票（发票上传）
✅ 置顶评论	✅ 客户等级体系
✅ 购物卡	✅ 腾讯云-云直播
✅ 卡密商品	✅ 二级分销
✅ 定时任务管理（数据库配置驱动）	✅ 预约服务商品
✅ 主题色管理	✅ 新增无需配送发货方式
✅ 多维统计（营业/商品/会员/积分/储值/营销/分销）	✅ 经营报表（店铺业绩/商品同比环比/订单明细/销售汇总）
✅ 分类页多模板设置	✅ 移动端楼层装修组件库
✅ PC端楼层装修重构（自适应高度 / 可视化热区绘制）	✅ 全站统一顶栏 / 商品与店铺双模式搜索
✅ PC端店铺独立列表	✅ 敏感词场景化过滤与分组开关
✅ 店铺结算汇总 / 结算台账	✅ 支付方式汇总 / 钱包流水
✅ 平台经营报表 / 商家周期财务汇总	✅ 财务报表与流水 Excel 导出 / 结算单批量下载
✅ 会员消息四渠道异步通知（站内信 / 短信 / 公众号 / 小程序）	✅ 消息模板多渠道矩阵管理（模板配置 / 渠道开关）
✅ 平台订单详情优化 / 标准 A4 出库发货单打印	✅ 售后详情展示优化 / 移动端售后入口整合至订单列表
✅ 商品详情视频内嵌相册	✅ 评价管理增强（回复状态 / 图片筛选 / 评价分级）
✅ PC会员中心订单快捷入口 / 资产卡片	✅ 平台表单抽屉化 / 文章独立编辑页

🔜 近期规划中

🔜 微信小店对接
🔜 抖店对接
🔜 微信小程序原生重构与体验对齐（持续完善；已接入预约交易、分类多模板与首页楼层装修）
🔜 OpenAPI 开放平台与开发者中心

12 KiB Raw Blame History Unescape Escape