# shopTNT电商系统-前端（PC端 商家PC端 管理端）

**Repository Path**: bbc-se/pc-ui

## Basic Information

- **Project Name**: shopTNT电商系统-前端（PC端 商家PC端 管理端）
- **Description**: shopTNT开源商城系统使用java语言开发，基于SpringBoot架构体系构建的一套b2b2c商城，商城是满足集平台自营和多商户入驻于一体的多商户运营服务系统。包含PC 端、手机端（H5\APP\小程序），系统架构以及实现案例中应满足和未来可能出现的业务系统进行对接。
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: 8.0
- **Homepage**: https://www.shoptnt.cn/
- **GVP Project**: No

## Statistics

- **Stars**: 2156
- **Forks**: 1256
- **Created**: 2023-06-20
- **Last Updated**: 2026-09-16

## Categories & Tags

**Categories**: ecommerce

**Tags**: 电商系统, 跨境电商, 商城系统, Vue, 门店系统

## README

# ShopTNT 前端项目

ShopTNT 是面向 B2B2C 多商户电商场景的前端项目。本仓库包含买家 PC 端、商家管理端、平台管理端，以及三端复用的组件和运行时能力。

项目基于 Vue 3、TypeScript、Vite 5、Pinia、TDesign Vue Next 和 pnpm workspace 开发。

## 在线体验

| 入口         | 地址                                                     |
| ------------ | -------------------------------------------------------- |
| 商城 PC 端   | [shop-bbc.shoptnt.cn](https://shop-bbc.shoptnt.cn)       |
| 商家管理端   | [seller-bbc.shoptnt.cn](https://seller-bbc.shoptnt.cn)   |
| 平台管理端   | [manager-bbc.shoptnt.cn](https://manager-bbc.shoptnt.cn) |
| ShopTNT 官网 | [www.shoptnt.cn](https://www.shoptnt.cn)                 |

商城账号可以自行注册。后台演示账号请以[官网产品体验说明](https://www.shoptnt.cn/quotation/)为准，或联系官方客服获取。

移动端演示：

<img src="https://shoptnt-bbc.oss-cn-beijing.aliyuncs.com/tnt/weichat-gongzhonghao.jpg?x-oss-process=style/300x300" alt="ShopTNT 移动端演示二维码" width="240" height="240" />

## 项目组成

| 目录          | 说明                                     |
| ------------- | ---------------------------------------- |
| `apps/pc`     | 买家 PC 端                               |
| `apps/seller` | 商家管理端                               |
| `apps/admin`  | 平台管理端                               |
| `packages/*`  | 三端复用的 API、组件、配置和运行时能力   |
| `docs/`       | 架构、开发、环境配置、部署和常见问题文档 |

共享包的职责和引用规则见 [packages 说明](packages/README.md)。

## 快速开始

项目使用 `pnpm@11.7.0`。首次运行前，请先阅读[环境变量说明](docs/env.md)，确认 `.env.development` 中的接口和域名配置适用于当前开发环境。

```bash
pnpm install

pnpm dev:pc
pnpm dev:seller
pnpm dev:admin
```

默认开发地址：

| 应用       | 地址                    |
| ---------- | ----------------------- |
| 买家 PC 端 | `http://localhost:3000` |
| 商家管理端 | `http://localhost:3002` |
| 平台管理端 | `http://localhost:3003` |

常用检查与构建命令：

```bash
pnpm typecheck
pnpm lint
pnpm locale:check
pnpm build:dev
```

单端和不同环境的完整构建命令见[构建与部署指南](docs/deploy.md)。

## 文档导航

| 文档                                 | 适用场景                                                   |
| ------------------------------------ | ---------------------------------------------------------- |
| [前端架构说明](docs/architecture.md) | 了解三端边界、共享包、启动流程、权限路由、请求和构建架构。 |
| [版本升级日志](docs/changelog.md)    | 查看 8.0 相对 7.4.0 的 Web 前端主要升级内容。              |
| [开发指南](docs/development.md)      | 新增页面、菜单、接口、共享组件、配置或多语言。             |
| [环境变量说明](docs/env.md)          | 配置 API、域名、部署路径、资源前缀和功能开关。             |
| [构建与部署指南](docs/deploy.md)     | 构建三端产物，配置 Nginx、CDN、网关和上线检查。            |
| [常见问题](docs/faq.md)              | 排查安装、接口地址、资源 404、后台菜单和类型检查问题。     |
| [packages 说明](packages/README.md)  | 判断共享代码归属，了解包职责、引用规则和验证范围。         |

README 仅作为项目入口和文档导航。具体实现、约束和操作步骤以对应文档及当前代码为准。

## 官方项目

| 项目     | 地址                                                             |
| -------- | ---------------------------------------------------------------- |
| 后端服务 | [gitee.com/bbc-se/shoptnt](https://gitee.com/bbc-se/shoptnt)     |
| PC 前端  | [gitee.com/bbc-se/pc-ui](https://gitee.com/bbc-se/pc-ui)         |
| 移动端   | [gitee.com/bbc-se/mobile-ui](https://gitee.com/bbc-se/mobile-ui) |
| 产品文档 | [docs.shoptnt.cn](https://docs.shoptnt.cn)                       |

欢迎关注、Star 和分享 ShopTNT 官方项目，也欢迎通过官方渠道反馈问题和交流使用经验。

## 商业服务与交流

ShopTNT 提供商业授权、部署、培训、售后和项目定制服务，详情见[官网报价与服务](https://www.shoptnt.cn/quotation/)。

官方咨询电话：`18735385222`

|                                                                            商务咨询                                                                            |                                                                          官方交流群                                                                           |
| :------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------: |
| <img src="https://shoptnt-bbc.oss-cn-beijing.aliyuncs.com/tnt/danren.png?x-oss-process=style/300x300" alt="ShopTNT 商务咨询二维码" width="240" height="240" /> | <img src="https://shoptnt-statics.oss-cn-beijing.aliyuncs.com/qun.png?x-oss-process=style/300x300" alt="ShopTNT 官方交流群二维码" width="240" height="240" /> |

## 使用与授权

本项目随附 GNU Affero General Public License v3.0，完整条款见 [LICENSE](LICENSE)。项目的使用、修改、部署、再发布和商业授权范围，以该许可证及获取代码时附带的交付协议为准。如需商业授权、二次销售或相关技术服务，请先联系 ShopTNT 官方确认授权范围。