{"id":13416980,"url":"https://github.com/zclzone/vue-naive-admin","last_synced_at":"2025-04-29T18:26:54.698Z","repository":{"id":37323205,"uuid":"445775140","full_name":"zclzone/vue-naive-admin","owner":"zclzone","description":"⚡️基于 Vue3 + Vite + Pinia + Unocss + Naive UI 的轻量级后台管理模板。","archived":false,"fork":false,"pushed_at":"2025-04-24T07:36:53.000Z","size":2234,"stargazers_count":3582,"open_issues_count":4,"forks_count":520,"subscribers_count":21,"default_branch":"2.x","last_synced_at":"2025-04-24T08:36:00.361Z","etag":null,"topics":["admin","javascript","naive-ui","naiveui","pinia","typescript","unocss","unplugin","vite","vue","vue-admin","vue3"],"latest_commit_sha":null,"homepage":"https://admin.isme.top","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zclzone.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":["https://afdian.net/a/isme-admin"]}},"created_at":"2022-01-08T09:22:06.000Z","updated_at":"2025-04-24T08:19:34.000Z","dependencies_parsed_at":"2023-02-16T05:15:55.207Z","dependency_job_id":"e14ddb05-b97e-438c-9a75-17dc97d509b0","html_url":"https://github.com/zclzone/vue-naive-admin","commit_stats":null,"previous_names":[],"tags_count":16,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zclzone%2Fvue-naive-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zclzone%2Fvue-naive-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zclzone%2Fvue-naive-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zclzone%2Fvue-naive-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zclzone","download_url":"https://codeload.github.com/zclzone/vue-naive-admin/tar.gz/refs/heads/2.x","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251558343,"owners_count":21608804,"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":["admin","javascript","naive-ui","naiveui","pinia","typescript","unocss","unplugin","vite","vue","vue-admin","vue3"],"created_at":"2024-07-30T22:00:30.721Z","updated_at":"2025-04-29T18:26:54.677Z","avatar_url":"https://github.com/zclzone.png","language":"Vue","funding_links":["https://afdian.net/a/isme-admin"],"categories":["Get Started","Vue","前端中后台框架","List"],"sub_categories":["Templates","Admin Projects Using NaiveUI"],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/zclzone/vue-naive-admin\"\u003e\n    \u003cimg alt=\"Vue Naive Admin Logo\" width=\"200\" src=\"./src/assets/images/logo.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"./LICENSE\"\u003e\u003cimg alt=\"MIT License\" src=\"https://badgen.net/github/license/zclzone/vue-naive-admin\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n\u003ca href=\"https://hellogithub.com/repository/54f19ba1f9ae4238b3cbd111f3c428b0\" target=\"_blank\"\u003e\u003cimg src=\"https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=54f19ba1f9ae4238b3cbd111f3c428b0\u0026claim_uid=jXGayRdJZScqMNr\" alt=\"Featured｜HelloGitHub\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e\n\n## 简介\n\nVue Naive Admin 是一款极简风格的后台管理模板，包含前后端解决方案，前端使用 Vite + Vue3 + Pinia + Unocss，后端使用 Nestjs + TypeOrm + MySql，简单易用，赏心悦目，历经十几次重构和细节打磨，诚意满满！！\n\n## 设计理念\n\nVue Naive Admin 2022年2月开始开源，从 1.0 到现在的 2.0，一直秉持着`简单即正义`的理念，旨在帮助中小企业、在校大学生及个人开发者快速上手开发后台管理项目，为了降低使用者的学习成本，没有使用看似主流的 TypeScript（前端），这也使得 Vue Naive Admin 成为了市面上少有的 `使用 JavaScript 的 Vue3 后台管理模板`，而且还算优秀，得到了大量朋友的认可和喜爱。\n\n## 特性\n\n- 🆒 使用 **Vue3** 主流最新技术栈: `Vite + Vue3 + Pinia`\n- 🍇 使用 **原子CSS**框架: `Unocss`，优雅、轻量、易用\n- 🍍 集成 `Pinia` 状态管理，支持状态持久化\n- 🤹 使用主流的 `iconify + unocss` 图标方案，支持自定义图标，支持动态渲染\n- 🎨 使用 Naive UI，`极致简洁的代码风格和清爽的页面设计`，审美在线，主题轻松定制\n- 👏 先进且易于理解的文件结构设计，多个模块之间**零耦合**，单个业务模块删除不影响其他模块\n- 🚀 `扁平化路由`设计，每一个组件都可以是一个页面，告别多级路由 `KeepAlive` 难实现问题\n- 🍒 `基于权限动态生成路由`，无需额外定义路由，`403和404页面可区分`，而不是无权限也跳404\n- 🔐 基于Redis集成 `无感刷新`，用户登录态可控，安全与体验缺一不可\n- ✨ 基于 Naive UI 封装 `message` 全局工具方法，支持批量提醒，支持跨页面单例模式\n- ⚡️ 基于 Naive UI 封装常用的业务组件，包含`Page` 组件、`CRUD` 表格组件及 `Modal`组件等，简单易用，减少大量重复性工作\n\n## 极致的性能\n\n![](https://docs.isme.top/Public/Uploads/2023-11-18/6558568b2b476.png)\n![](https://docs.isme.top/Public/Uploads/2023-11-18/655853caa9ce8.png)\n\n## 2.0 和 1.0 区别\n\n- 2.0 是基于 1.0 风格从 0 到 1 重新设计的，所以 2.0 看似跟 1.0 很像，但其实代码机构差别还挺大的。\n- 1.0 只提供前端，后端使用 Mock 模拟的，而 2.0 是全栈版，提供真实的后端接口。\n- 2.0 虽然版本高于 1.0，但复杂度却远低于 1.0，虽然 1.0 也很简单。\n- 2.0 的灵活度远高于 1.0，只要你愿意，你可以为每个页面单独定制一个 layout\n\n[体验1.0 | template.isme.top](https://template.isme.top)\n\n[体验2.0 | admin.isme.top](https://admin.isme.top)\n\n## Nestjs 后端\n\nVue Naive Admin 提供一套后端代码，技术栈使用 Nestjs + TypeOrm + MySql，内置 JWT、RABC及模板所需的一些基础接口。\n\n- 源码-github: [isme-nest-serve | github](https://github.com/zclzone/isme-nest-serve)\n- 源码-gitee: [isme-nest-serve | gitee](https://gitee.com/isme-admin/isme-nest-serve)\n\n## 文档\n\n- 项目文档: [docs | vue-naive-admin](https://isme.top)\n- 接口文档: [apidoc | isme-nest-serve](https://apifox.com/apidoc/shared-ff4a4d32-c0d1-4caf-b0ee-6abc130f734a)\n\n\u003e 注：有个比较常见的问题，就是如何添加菜单和修改菜单，由于项目是由后端控制菜单资源的，所以需要对接后端后在资源管理功能对菜单进行增删改，然后在角色管理功能给对应角色进行授权。具体如何对接后端，请参考 [项目文档](https://isme.top)。当然，可能有些菜单你不想通过权限控制，那么你可以在 `/src/settings.js` 文件添加 basePermissions，只需对齐菜单资源的结构即可，结构可以参照 [接口文档](https://apifox.com/apidoc/shared-ff4a4d32-c0d1-4caf-b0ee-6abc130f734a/api-134536978)。\n\n## 使用这个模板开始你的项目\n\n[使用这个模板创建Github仓库](https://github.com/zclzone/vue-naive-admin/generate).\n\n或者使用 `degit` 克隆此仓库，这样将没有任何历史提交记录：\n\n```cmd\nnpx degit zclzone/vue-naive-admin\n```\n\n## 版权说明\n\n本项目使用 `MIT协议`，默认授权给任何人，被授权人可免费地无限制的使用、复制、修改、合并、发布、发行、再许可、售卖本软件拷贝、并有权向被供应人授予同等的权利，但必须满足以下条件:\n\n- 复制、修改和发行本项目代码需包含原作者的版权及许可信息，包括但不限于文件头注释、协议等\n\n简单来说，作者只想保留版权，没有任何其他限制。\n\n## 其他已对接本项目的后端项目\n\n- [isme-java-serve](https://github.com/DHBin/isme-java-serve): 一个轻量级的Java后端服务，基于SpringBoot、MybatisPlus、SaToken、MapStruct等实现，已对接 Vue Naive Admin 2.0。\n- [naive-admin-go](https://github.com/ituserxxx/naive-admin-go): 一个 Go 后端服务，基于 gin、gorm、mysql、jwt和session，已对接 Vue Naive Admin 2.0。\n- [isme-java](https://github.com/AllenDengMs/isme-java): 一个轻量且完成度高的Java后端服务，基于Springboot 3 + JDK21，层次结构严谨，注释齐全，避免过度封装，代码可读性度高，依赖最简化，上手成本低，已集成 账号管理、权限管理、API鉴权、消息国际化等功能。\n\n## 联系作者 or 进交流群\n\n[https://www.isme.top/contact.html](https://www.isme.top/contact.html)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzclzone%2Fvue-naive-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzclzone%2Fvue-naive-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzclzone%2Fvue-naive-admin/lists"}