# cross-border

**Repository Path**: panda-yong/cross-border

## Basic Information

- **Project Name**: cross-border
- **Description**: 跨境电商小程序:总后台,供应商后台+用户端小程序改pc端和后台手机端+接口(商家端小程序,用户端小程序)
- **Primary Language**: PHP
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-24
- **Last Updated**: 2026-08-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 💒 跨境电商小程序 📖

#### 介绍
总后台,供应商后台+用户端小程序改pc端和后台手机端+接口(商家端小程序,用户端小程序),项目全部程序都使用框架来构建,使用 pnpm 安装框架及组件

#### 软件架构

🔥 interface 目录为接口程序端,采用 ThinkPHP 8.0 框架编写

🔥 backend 目录为总后台管理端(vue-next-admin 框架,(基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，适配手机、平板、pc 的后台开源免费模板) )

🔥 supplier 目录为供应商后台管理端(vue-next-admin 框架,(基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，适配手机、平板、pc 的后台开源免费模板) )

🔥 front 目录为 H5 前端,使用用户端小程序功能改制 (基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + vant4 + vue-router-next + pinia 技术)

🔥 front_backend 目录为总后台的 H5 前端 (基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + vant4 + vue-router-next + pinia 技术)

🔥 xuqiu 目录为项目的一些需求文档图片等资料.


#### 🚧 安装 pnpm 🔨

首先安装 npm,安装好后用下列命令安装
npm install -g pnpm

#### 📚 vue前端步署到thinkphp目录下直接用网址访问 📔

1. vue中设置
~~~
.env 的 VITE_PUBLIC_PATH = /front/  改为  VITE_PUBLIC_PATH = /
~~~
2. thinkphp中设置
~~~
3.将vue生成的dist目录下的文件放到thinkphp接口项目public下. 
~~~
4.backend和supplier复制时不复制node_modules目录,然后修改.env的端口,运行pnpm install
~~~
5.src/stores/themeConfig.ts修改默认配置及登录页文字,多语言切换的在src/i18n/lang/en.ts和zh-cn.ts中修改
~~~