LinkWeChat Front 다운로드 - LinkWeChat Front 소스 코드 다운로드

LinkWeChat Front

AI 소스 코드

v5.23.1

다운로드

프로젝트 매뉴얼 | V5.x 기능 목록 |

[최신공지] 제품/기술 친화적인 제안이나 의견이 있으시면 클릭하여 알려주세요~ 채택되면 오픈소스 기여자로 포함되어 공식 홈페이지에 감사 인사를 드리며, ㈜컴퍼니로부터 소정의 선물도 받으실 수 있습니다. 지역 사회! ~

LinkWeChat V5.0이 공식 출시되었으며 곧 대규모 AI 모델에 완전히 통합될 예정입니다. 더 많은 기능이 점진적으로 업그레이드될 예정입니다. 지금 바로 체험해 보세요~

LinkWeChat은 프런트엔드와 백엔드 분리 아키텍처를 채택합니다. 구체적인 프로젝트 설명과 백엔드 라이브러리를 보려면 LinkWeChat으로 이동하세요.

저희 오픈소스 프로젝트가 도움이 되셨다면 별표를 클릭해 LinkWeChat 오픈소스 팀을 지원해주세요❤️, 여러분의 지원이 저희에게 최고의 동기가 됩니다~

플랫폼 소개

이 창고는 LinkWeChat의 프론트엔드 소스 코드 라이브러리이며, 기술 스택은 [vue3 vite pinia element-plus] 및 프론트엔드 기술 매뉴얼을 사용합니다.

vue2 기술 스택 버전(유지 관리 없음)은 master-vue2 분기로 전환하여 볼 수 있습니다. 구체적인 지침은 업데이트 로그의 v5.0.0 버전 설명을 참조하세요.

온라인 경험

오픈소스 데모 주소: https://demo.linkwechat.net/

기본 계정 비밀번호: lw, 123456

현재 두 가지 경험 방식이 지원됩니다.

홈페이지에서 QR 코드를 스캔하여 테스트 회사 가입을 신청하세요. 신청서가 승인된 후 QR 코드를 스캔하여 로그인하고 시스템의 전체 기능을 경험할 수 있습니다.
계정 비밀번호를 클릭하여 로그인하고 데모 계정을 확인하여 로그인하여 백엔드 시스템을 온라인으로 체험해 보세요. 단, 모바일 관련 기능 체험은 지원하지 않습니다.

참고: 데모 환경에서는 관리 권한 및 관련 작업이 차단되었습니다.

프런트엔드 구조

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

설치 및 실행

Node의 경우 버전 16.x 이상을 권장합니다.

다음은 vue3-lw-pc 관리 프로젝트를 실행하는 예입니다.

linkwe-mobile 및 vue3-lw-mobile 프로젝트는 기본적으로 vue3-lw-pc 아키텍처와 유사합니다.

linkwe-uniapp에는 기본 uniapp 프로젝트에 속하는 라이브 코드 식별 페이지가 하나만 있습니다.

그러므로 더 자세한 내용은 밝히지 않겠습니다

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