LinkWeChat Front
v5.23.1
Projekthandbuch |. Benutzerhandbuch |. FAQ |
[Neueste Mitteilung] Wenn Sie produkt-/technikfreundliche Vorschläge oder Meinungen haben, klicken Sie, um uns diese mitzuteilen. ~ Nach der Annahme werden Sie als Open-Source-Mitwirkender aufgenommen und auf der offiziellen Website gedankt. Außerdem erhalten Sie kleine Geschenke von der Gemeinschaft! ~
LinkWeChat V5.0 wurde offiziell veröffentlicht und wird bald vollständig in große KI-Modelle integriert. Weitere Funktionen werden nach und nach aktualisiert. Jeder ist herzlich eingeladen, es im Voraus zu erleben. Klicken Sie hier, um es jetzt zu erleben~
LinkWeChat verwendet eine Front-End- und Back-End-Trennarchitektur. Spezifische Projektbeschreibungen und Back-End-Bibliotheken finden Sie unter LinkWeChat
Wenn Sie unser Open-Source-Projekt hilfreich finden, klicken Sie bitte auf „Stern“, um das Open-Source-Team von LinkWeChat zu unterstützen. Ihre Unterstützung ist unsere beste Motivation
Dieses Warehouse ist die Front-End-Quellcode-Bibliothek von LinkWeChat. Der Technologie-Stack verwendet [vue3 vite pinia element-plus] und das technische Front-End-Handbuch.
Die vue2-Technologie-Stack-Version (keine Wartung) kann durch Wechseln zum Master-vue2-Zweig angezeigt werden. Spezifische Anweisungen finden Sie in der Versionsbeschreibung v5.0.0 im Update-Protokoll.
Open-Source-Demoadresse: https://demo.linkwechat.net/
Standardkontopasswort: lw, 123456
Derzeit werden zwei Arten der Erfahrung unterstützt:
Hinweis: In der Demoumgebung wurden Administratorrechte und damit verbundene Vorgänge blockiert
Front-End-Struktur
├── 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短链小程序项目
Bezüglich Node wird Version 16.x und höher empfohlen
Hier ist ein Beispiel für die Ausführung des vue3-lw-pc-Verwaltungsprojekts
Die Projekte linkwe-mobile und vue3-lw-mobile ähneln grundsätzlich der vue3-lw-pc-Architektur.
linkwe-uniapp verfügt nur über eine Live-Code-Identifizierungsseite, die zum Basis-Uniapp-Projekt gehört
Daher werden keine näheren Angaben gemacht
# 克隆项目
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 
