wocwin admin 다운로드 - wocwin admin 소스 코드 다운로드

wocwin admin

기타 카테고리

1.0.0

다운로드

wocwin-관리 프로젝트

Vue3.2, TypeScript, Vite4, Pinia 및 Element-Plus 오픈 소스를 기반으로 하는 백엔드 관리 템플릿 세트입니다.
이 프로젝트는 마이크로 프런트엔드 qiankun을 통합합니다(즉, 하위 애플리케이션으로 사용할 수 있음)

온라인 미리보기

링크: https://wocwin.github.io/wocwin-admin/

계정: wocwin 사용자 비밀번호: 123456

코드 저장소

GitHub: https://github.com/wocwin/wocwin-admin
기티: https://gitee.com/wocwin/wocwin-admin

프로젝트 기능

Vue3.2 + TypeScript를 사용하여 개발된 단일 파일 구성 요소 setup语法糖
Vite를 프로젝트 개발 및 패키징 도구로 사용(Gzip 패키징, TSX 구문 및 교차 도메인 프록시로 구성)
전체 프로젝트는 TypeScript와 i18n 국제화를 통합합니다.
Pinia를 사용하여 Vuex를 대체하고 가볍고 간단하며 사용하기 쉽습니다(통합 지속성 플러그인)
TypeScript를 사용하여 전체 Axios 보조 패키지를 캡슐화합니다(전역 오류 차단).
일반적으로 사용되는 테이블, 조건부 쿼리, 양식 양식, 드롭다운 선택 구성 요소 등을 포함하는 Element-plus를 기반으로 하는 보조 캡슐화 t-ui-plus 구성 요소가 사용됩니다.
vue-router를 사용하여 경로 권한 및 지연 로드 경로를 가로채세요.
KeepAlive를 사용하여 페이지를 캐시하고 다단계 중첩 페이지 캐싱을 지원합니다.
Prettier를 사용하여 코드 형식을 균일하게 지정하고 Eslint 코드 확인 사양을 통합하세요.
이 프로젝트는 다양한 기존 레이아웃 모드를 지원하며 테마 전환, 다크 모드, 그레이 모드도 지원합니다.
프로젝트는 메뉴 버튼 권한을 지원합니다(wocwin: 모두 볼 수 있음, 사용자: 대형 화면, Amap 메뉴 및 일부 시스템 관리 작업 버튼을 볼 수 없음).

동적 렌더링

링크: https://blog.csdn.net/cwin8951/article/details/130269505

설치 및 사용

참고: 로컬 환경에는 Node.js 16.x+ 및 pnpm 7.x+가 설치되어 있어야 합니다.

 # Gitee
git clone https://gitee.com/wocwin/wocwin-admin.git
# GitHub
git clone https://github.com/wocwin/wocwin-admin.git

# 安装pnpm

npm install pnpm -g


# 安装依赖
pnpm install --registry=https://registry.npmjs.org/
> pnpm config get registry 查看当前指向源

# 如果安装依赖失败，可以尝试使用淘宝镜像
> pnpm config set registry https://registry.npmmirror.com/ 切换淘宝镜像源
> pnpm install

# 启动服务
pnpm serve

# build
pnpm dev

# prettier 格式化代码
pnpm lint:prettier

프로젝트 구조 디렉터리

 Wocwin-Admin
├─ build                  # Vite 配置项
├─ public                 # 静态资源文件（该文件夹不会被打包）
├─ src
│  ├─ api                 # API 接口管理
│  ├─ assets              # 静态资源文件
│  ├─ components          # 全局组件
│  ├─ config              # 全局配置项
│  ├─ hooks               # 常用 Hooks 封装
│  ├─ languages           # 语言国际化 i18n
│  ├─ layout              # 框架布局模块
│  ├─ router              # 路由管理
│  ├─ store               # pinia store
│  ├─ styles              # 全局样式文件
│  ├─ typings             # 全局 ts 声明
│  ├─ utils               # 常用工具库
│  ├─ views               # 项目所有页面
│  ├─ App.vue             # 项目主组件
│  ├─ main.ts             # 项目入口文件
│  ├─ auto-import.d.ts    # 自动导入vue、vue-router、pinia相关API（无需import引入）
│  └─ vite-env.d.ts       # 指定 ts 识别 vue
├─ .env.dev               # 开发环境配置
├─ .env.prod              # 生产环境配置
├─ .env.sit               # 测试环境配置
├─ .eslintignore          # 忽略 Eslint 校验
├─ .eslintrc.cjs          # Eslint 校验配置文件
├─ .gitignore             # 忽略 git 提交
├─ .prettierignore        # 忽略 Prettier 格式化
├─ .prettierrc.cjs        # Prettier 格式化配置
├─ .stylelintignore       # 忽略 stylelint 格式化
├─ .stylelintrc.cjs       # stylelint 样式格式化配置
├─ index.html             # 入口 html
├─ stats.html             # Rollup Visualizer html
├─ deploy.sh              # 发布GitHub Pages指令
├─ LICENSE                # 开源协议文件
├─ pnpm-lock.yaml         # 依赖包包版本锁
├─ package.json           # 依赖包管理
├─ postcss.config.cjs     # postcss 配置
├─ README.md              # README 介绍
├─ tsconfig.json          # typescript 全局配置
└─ vite.config.ts         # vite 全局配置文件