{"id":23953836,"url":"https://github.com/zouzhibin/zb-admin","last_synced_at":"2025-09-12T13:31:09.548Z","repository":{"id":44721761,"uuid":"473439500","full_name":"zouzhibin/zb-admin","owner":"zouzhibin","description":"系统基于vite+vue3+pinia+element-plus+ts后台管理系统、一款开箱即用的 Vue 中后台管理系统框架， 兼容PC、移动端。vue-admin, vue-element-admin, vue后台, 后台系统, 后台框架, 管理后台, 管理系统","archived":false,"fork":false,"pushed_at":"2024-01-03T11:42:50.000Z","size":118006,"stargazers_count":760,"open_issues_count":0,"forks_count":148,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-01-03T12:37:42.004Z","etag":null,"topics":["element-plus","management-system","pinia","typescript","vite","vue","vue-admin","vue-admin-perfect","vue-admin-plus","vue-cli","vue-router","vue3","vue3-typescript","vuex"],"latest_commit_sha":null,"homepage":"https://yuanzbz.gitee.io/vue-admin-perfect/#/home","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zouzhibin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2022-03-24T03:10:50.000Z","updated_at":"2024-01-02T07:16:47.000Z","dependencies_parsed_at":"2023-02-17T01:46:38.542Z","dependency_job_id":"cee56d6e-59c9-4862-8e50-71cc47b8991c","html_url":"https://github.com/zouzhibin/zb-admin","commit_stats":null,"previous_names":["zouzhibin/zb-admin","zouzhibin/vue-admin-perfect"],"tags_count":6,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zouzhibin%2Fzb-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zouzhibin%2Fzb-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zouzhibin%2Fzb-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zouzhibin%2Fzb-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zouzhibin","download_url":"https://codeload.github.com/zouzhibin/zb-admin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":232739859,"owners_count":18569185,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["element-plus","management-system","pinia","typescript","vite","vue","vue-admin","vue-admin-perfect","vue-admin-plus","vue-cli","vue-router","vue3","vue3-typescript","vuex"],"created_at":"2025-01-06T14:46:41.285Z","updated_at":"2025-01-06T14:46:43.041Z","avatar_url":"https://github.com/zouzhibin.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"## 简介\nvue-element-perfect 是一个后台前端解决方案,它使用了最新的前端技术栈、动态路由，权限验证，并且有着丰富的组件,企业级中后台解决方案，可免费商用，同时支持PC、平板、手机\n本项目也参考了很多开源的项目、\n### 在线预览\n- gitee国内访问地址：https://yuanzbz.gitee.io/vue-admin-perfect/#/home\n- github site : https://zouzhibin.github.io/vue-admin-perfect/\n\n- 基础功能版本预览：https://yuanzbz.gitee.io/vue-admin-simple\n\n\n\n### git仓库(欢迎 Star⭐)\n- Gitee： —— [https://gitee.com/yuanzbz/vue-admin-perfect](https://gitee.com/yuanzbz/vue-admin-perfect)\n- GitHub： —— [https://github.com/zouzhibin/vue-admin-perfect](https://github.com/zouzhibin/vue-admin-perfect)\n- 基础功能版本： —— [https://gitee.com/yuanzbz/vue-admin-simple](https://gitee.com/yuanzbz/vue-admin-simple)\n\n## 项目功能\n- 使用Vue3.0开发，单文件组件采用＜script setup＞\n- 采用 Vite3 作为项目开发、打包工具（配置了 Gzip 打包、TSX 语法、跨域代理）\n- 整个项目集成了 TypeScript\n- 登录逻辑，使用vue-router进行路由权限拦截，判断，路由懒加载\n- 使用 keep-alive 对整个页面进行缓存，支持多级嵌套页面\n- 侧边栏导航菜单栏动态的显示\n- 各种可视化地图组件\n- 使用 Pinia替代 Vuex，轻量、简单、易用\n- 导出excel,自定义样式导出excel、多表头导出\n- 表单、表格、水印、多标签显示、打印功能，图片打印、表格打印、普通打印、二维码、拖拽、markdown、头像裁剪、图片上传...\n- 使用 Prettier 统一格式化代码，集成 Eslint、代码校验规范\n\n## 安装\n```\n  # GitHub\n  git clone https://github.com/zouzhibin/vue-admin-perfect.git\n  # Gitee\n  git clone https://gitee.com/yuanzbz/vue-admin-perfect.git\n```\n\n## 分支管理\n- master 技术采用 vite + vue3.0 + Typescript + pinia\n- vue-admin-simple  简易版本\n- vite-vuex vite + vue3.0 + Typescript + vuex\n- vue-i18n 语言切换版本\n- webpack 技术采用 webpack + vue3.0 + Typescript + vuex\n- uniapp uniapp版本 uniapp +vuex +element scss\n  ```\n  # 本地开发 启动项目\n  借助hbuilder工具运行浏览器启动\n  ```\n\n## 下载依赖\n```\n npm install\n cnpm install\n yarn \n # npm install 安装失败，请升级 nodejs 到 16 以上，或尝试使用以下命令：\n  npm install --registry=https://registry.npm.taobao.org\n```\n## 运行打包\n```\n npm run dev\n npm run build \n```\n## eslint+prettier\n```\n# eslint 检测代码\nnpm run lint\n\n#prettier 格式化代码\nnpm run lint:prettier\n```\n\n## 文件目录结构\n```\nvue-admin-perfect\n├─ public                 # 静态资源文件（忽略打包）\n├─ src\n│  ├─ api                 # API 接口管理\n│  ├─ assets              # 静态资源文件\n│  ├─ components          # 全局组件\n│  ├─ config              # 全局配置项\n│  ├─ hooks               # 常用 Hooks\n│  ├─ language            # 语言国际化\n│  ├─ layout              # 框架布局\n│  ├─ routers             # 路由管理\n│  ├─ store               # pinia store\n│  ├─ styles              # 全局样式\n│  ├─ utils               # 工具库\n│  ├─ views               # 项目所有页面\n│  ├─ App.vue             # 入口页面\n│  └─ main.ts             # 入口文件\n├─ .env                   # vite 常用配置\n├─ .env.development       # 开发环境配置\n├─ .env.production        # 生产环境配置\n├─ .env.test              # 测试环境配置\n├─ .eslintignore          # 忽略 Eslint 校验\n├─ .eslintrc.cjs           # Eslint 校验配置\n├─ .gitignore             # git 提交忽略\n├─ .prettierignore        # 忽略 prettier 格式化\n├─ .prettierrc.config.js         # prettier 配置\n├─ index.html             # 入口 html\n├─ yarn.lock      # 依赖包包版本锁\n├─ package.json           # 依赖包管理\n├─ README.md              # README 介绍\n├─ tsconfig.json          # typescript 全局配置\n└─ vite.config.ts         # vite 配置\n```\n\n### 微信交流群\n|                                      微信二维码                                      |\n| :----------------------------------------------------------------------------------: |\n| \u003cimg src=\"http://182.61.5.190:8889/we.png\" width=170/\u003e |\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzouzhibin%2Fzb-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzouzhibin%2Fzb-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzouzhibin%2Fzb-admin/lists"}