LinkWeChat Front

Manuel du projet | Manuel de l'utilisateur | FAQ | Liste des fonctionnalités V5.x

---

[Dernier avis] Si vous avez des suggestions ou des opinions sur les produits/techniques, cliquez pour nous le dire ~ Une fois adopté, vous serez inclus en tant que contributeur open source et remercié sur le site officiel, et vous recevrez également de petits cadeaux du communauté! ~

LinkWeChat V5.0 a été officiellement publié et sera bientôt entièrement intégré aux grands modèles d'IA. D'autres capacités seront progressivement mises à niveau. Tout le monde est invité à en faire l'expérience à l'avance ! Cliquez pour en faire l'expérience maintenant ~

LinkWeChat adopte une architecture de séparation front-end et back-end Pour des descriptions de projets spécifiques et des bibliothèques back-end, veuillez vous rendre sur LinkWeChat pour voir.

Si vous trouvez notre projet open source utile, veuillez cliquer sur Étoile pour soutenir l'équipe open source de LinkWeChat❤️, votre soutien est notre meilleure motivation ~

---

Présentation de la plateforme

Cet entrepôt est la bibliothèque de code source front-end de LinkWeChat. La pile technologique utilise [vue3 vite pinia element-plus] et le manuel technique front-end.

La version de la pile technologique vue2 (sans maintenance) peut être consultée en passant à la branche master-vue2. Pour des instructions spécifiques, veuillez vous référer à la description de la version v5.0.0 dans le journal de mise à jour.

Expérience en ligne

Adresse de démonstration open source : https://demo.linkwechat.net/

Mot de passe du compte par défaut : lw, 123456

Actuellement, deux modes d'expérience sont pris en charge :

1. Scannez le code QR sur la page d'accueil pour postuler pour rejoindre la société de test. Une fois la candidature approuvée, vous pouvez scanner le code QR pour vous connecter et découvrir les fonctions complètes du système ;
2. Cliquez sur le mot de passe du compte pour vous connecter et vérifiez le compte démo pour vous connecter et découvrir le système backend en ligne, mais il ne prend pas en charge l'expérience des fonctions liées au mobile ;

Remarque : L'environnement de démonstration a bloqué les droits d'administration et les opérations associées.

Structure frontale

 ├── vue3-lw-pc			// 后台管理端项目
    ├── public                     # 静态资源
    │   │── static                 # 用于绝对路径的非打包资源，公用基础css等
    │   │── favicon.ico            # favicon图标
    ├── src                        # 源代码
    │   ├── api                    # 所有后端接口请求
    │   ├── assets                 # 主题 字体 svg icons 等静态资源
    │   ├── components             # 全局公用组件
    │   ├── directive              # 全局指令
    │   ├── layout                 # 全局基础布局结构组件
    │   ├── router                 # 路由 权限管理等
    │   ├── stores                 # 全局 pinia store管理
    │   ├── styles                 # 全局样式
    │   ├── utils                  # 全局公用方法
    │   ├── views                  # 业务功能所有页面
    │   ├── App.vue                # 入口页面
    │   ├── config.js              # 全局配置文件
    │   ├── main.js                # 入口文件 加载组件 初始化等
    ├── babel.config.js            # babel-loader 配置
    ├── .env.js                    # 环境变量配置
    ├── index.html                 # html模板
    ├── jsconfig.json              # jsconfig 配置 快捷路径等
    ├── package.json               # package.json
    ├── vite.config.js             # vite 配置
├── vue3-lw-mobile		// 移动端vue3项目，包含客服升级，AI助手等2024.01.01之后的移动端新功能
├── linkwe-mobile		// 移动端vue2项目，包含移动工作台、任务宝、群裂变等2024.01.01之前的功能
├── linkwe-uniapp		// uniapp短链小程序项目

Installer et exécuter

Concernant Node, la version 16.x et supérieure est recommandée

Voici un exemple d'exécution du projet de gestion vue3-lw-pc

Les projets linkwe-mobile et vue3-lw-mobile sont fondamentalement similaires à l'architecture vue3-lw-pc.

linkwe-uniapp n'a qu'une seule page d'identification de code en direct, qui appartient au projet uniapp de base

Aucun autre détail ne sera donc donné

 # 克隆项目
git clone https://gitee.com/LinkWeChat/link-we-chat-front.git

# 进入项目目录
cd link-we-chat-front/vue3-lw-pc

# 安装依赖（下面几种方式在不同的机器上，成功率不同，自行尝试）

# 方式一： npm 指定淘宝镜像
npm i --registry=https://registry.npmmirror.com

# 方式二： 使用 cnpm 安装
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm i

# 方式三： npm i 原始安装 国内推荐上述两种方式 DDDD(懂的都懂)
npm i

# 启动开发服务 npm run dev
# 启动测试服务 npm run test (后端接口为测试环境接口)

# 构建测试环境 npm run build:test
# 构建生产环境 npm run build
# 前端访问地址 http://localhost:1024 

Journal des modifications