LinkWeChat Front

Manual del proyecto | Manual del usuario | Preguntas frecuentes | Lista de funciones de V5.x

---

[Último aviso] Si tiene alguna sugerencia u opinión sobre productos o aspectos técnicos, haga clic para informarnos ~ Una vez adoptado, se le incluirá como colaborador de código abierto y se le agradecerá en el sitio web oficial, y también recibirá pequeños obsequios del ¡comunidad! ~

LinkWeChat V5.0 se lanzó oficialmente y pronto se integrará completamente en grandes modelos de IA. Se actualizarán gradualmente más capacidades. ¡Todos pueden experimentarlo con anticipación! Haz clic para experimentarlo ahora ~

LinkWeChat adopta una arquitectura de separación de front-end y back-end. Para obtener descripciones de proyectos específicos y bibliotecas de back-end, vaya a LinkWeChat para ver.

Si encuentra útil nuestro proyecto de código abierto, haga clic en Estrella para apoyar al equipo de código abierto de LinkWeChat❤️, su apoyo es nuestra mejor motivación ~

---

Introducción a la plataforma

Este almacén es la biblioteca de código fuente de front-end de LinkWeChat. La pila de tecnología utiliza [vue3 vite pinia element-plus] y el manual técnico de front-end.

La versión de la pila de tecnología vue2 (sin mantenimiento) se puede ver cambiando a la rama master-vue2. Para obtener instrucciones específicas, consulte la descripción de la versión v5.0.0 en el registro de actualización.

experiencia en línea

Dirección de demostración de código abierto: https://demo.linkwechat.net/

Contraseña de cuenta predeterminada: lw, 123456

Actualmente, se admiten dos formas de experiencia:

1. Escanee el código QR en la página de inicio para solicitar unirse a la empresa de prueba. Una vez aprobada la solicitud, puede escanear el código QR para iniciar sesión y experimentar las funciones completas del sistema;
2. Haga clic en la contraseña de la cuenta para iniciar sesión y verifique la cuenta de demostración para iniciar sesión y experimentar el sistema backend en línea, pero no admite la experiencia de funciones relacionadas con dispositivos móviles;

Nota: El entorno de demostración ha bloqueado los derechos administrativos y las operaciones relacionadas.

Estructura frontal

 ├── 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短链小程序项目

Instalar y ejecutar

Con respecto a Node, se recomienda la versión 16.x y superior.

A continuación se muestra un ejemplo de ejecución del proyecto de gestión vue3-lw-pc.

Los proyectos linkwe-mobile y vue3-lw-mobile son básicamente similares a la arquitectura vue3-lw-pc.

linkwe-uniapp tiene solo una página de identificación de código en vivo, que pertenece al proyecto básico uniapp

Por lo tanto, no se darán más detalles.

 # 克隆项目
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 

Registro de cambios