[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8764":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":15,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":39,"readmeContent":40,"aiSummary":41,"trendingCount":16,"starSnapshotCount":16,"syncStatus":42,"lastSyncTime":43,"discoverSource":44},8764,"nx-admin","mgbq\u002Fnx-admin","mgbq"," 👍 A magical   🐮  ⚔  vue admin，记得star","https:\u002F\u002Fsdsdsy.gitee.io\u002Fnxadmin",null,"Vue",2603,725,94,1,0,60.68,"MIT License",false,"master",true,[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38],"addrountes","admin","admin-template","axios","element","element-ui","i18n","management-system","mock","test","vue-admin","vue-admin-tamplate","vue-cli","vuejs2","vuex","webpack","2026-06-12 04:00:41","\n\n\u003Cp align=\"center\">\n  \u003Cimg  src=\"https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin\u002Fblob\u002Fmaster\u002Fsrc\u002Fassets\u002Fimg\u002Fhome\u002Flogo.png\">\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvue-2.5.10-brightgreen.svg\" alt=\"vue\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FElemeFE\u002Felement\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Felement--ui-2.3.2-brightgreen.svg\" alt=\"element-ui\">\n  \u003C\u002Fa>\n   \u003Ca href=\"https:\u002F\u002Ftravis-ci.org\u002Fmgbq\u002Fnx-admin\" rel=\"nofollow\">\n    \u003Cimg src=\"https:\u002F\u002Ftravis-ci.org\u002Fmgbq\u002Fnx-admin.svg?branch=master\" alt=\"Build Status\">\n  \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin\u002Fblob\u002Fmaster\u002FLICENSE\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fmgbq\u002Fnx-admin.svg\" alt=\"license\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin\u002Freleases\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Frelease-1.2-blue.svg\" alt=\"GitHub release\">\n  \u003C\u002Fa>\n  \n  > ## :gem: Vue自动化管理系统\n\u003C\u002Fp>\n\n简体中文 | [English](.\u002FREADME.en.md)\n\n\n## 介绍\n[nx-admin](https:\u002F\u002Fmgbq.github.io\u002Fvue-permission\u002F#\u002Flogin) 是一个开源的管理系统前端集成方案，它基于 [vue](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue) 和 [element](https:\u002F\u002Fgithub.com\u002FElemeFE\u002Felement)。它使用了最新的前端技术栈，内置了i18国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。最大程度上帮助个人，企业节省时间成本和费用开支。\n\n[中文文档](https:\u002F\u002Fmgbq.github.io\u002Fnx-admin-site\u002Fzh\u002F)\n\n**完整版**\n\n[Github 仓库](https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin) | \n[码云仓库](https:\u002F\u002Fgitee.com\u002Fsymgg\u002Fnx-admin) | \n[github预览地址](https:\u002F\u002Fmgbq.github.io\u002Fvue-permission\u002F#\u002Flogin) |\n[gitee预览地址](https:\u002F\u002Fsdsdsy.gitee.io\u002Fnxadmin\u002F)\n\n\n\n\u003Cimg src=\".\u002Fgithub\u002Fnx-admin.png\" width=\"800px\" height=\"400\" alt=\"nx-admin\">\n\n**简化版**\n\n[Github 仓库](https:\u002F\u002Fgithub.com\u002Fmgbq\u002FnxAdmin-template) | \n[码云仓库](https:\u002F\u002Fgitee.com\u002Fsymgg\u002FnxAdmin-template) | \n[预览地址](https:\u002F\u002Fmgbq.github.io\u002FnxAdmin-template)\n\n## 前序准备\n\n你需要在本地安装 [node](http:\u002F\u002Fnodejs.org\u002F) 和 [git](https:\u002F\u002Fgit-scm.com\u002F)。本项目技术栈基于 [ES2015+](http:\u002F\u002Fes6.ruanyifeng.com\u002F)、[vue](https:\u002F\u002Fcn.vuejs.org\u002Findex.html)、[vuex](https:\u002F\u002Fvuex.vuejs.org\u002Fzh-cn\u002F)、[vue-router](https:\u002F\u002Frouter.vuejs.org\u002Fzh-cn\u002F) 、[axios](https:\u002F\u002Fgithub.com\u002Faxios\u002Faxios) 和 [element-ui](https:\u002F\u002Fgithub.com\u002FElemeFE\u002Felement)，所有的请求数据都使用[Mock.js](https:\u002F\u002Fgithub.com\u002Fnuysoft\u002FMock)模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。\n\n## 相关文档\n[老板让我十分钟上手nx-admin](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5b43226c51882519ad616c2a)\n\n[Vue2.0实现的用户权限控制](http:\u002F\u002Fblog.csdn.net\u002Fqq_32340877\u002Farticle\u002Fdetails\u002F79416344)\n\n[Mock.js模拟登录和表格的增删改查](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5b59804c5188251acb0d00bf)\n\n[Vue2.0-基于elementui换肤[自定义主题]](https:\u002F\u002Fblog.csdn.net\u002Fqq_32340877\u002Farticle\u002Fdetails\u002F80176987)\n\n[Vue国际化处理 vue-i18n 以及项目自动切换中英文](https:\u002F\u002Fblog.csdn.net\u002Fqq_32340877\u002Farticle\u002Fdetails\u002F80148913)\n\n[搭建 Vue2 单元测试环境(karma+mocha+webpack3)](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5b051519f265da0b8f62e94e)\n\n[Vue实现首屏加载等待动画](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5b336699e51d4558a846dcc2)\n\n[Vue项目中添加锁屏功能](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5b35e05ee51d4558a75ea159)\n\n[Vue项目添加动态浏览器头部title](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5b446e24e51d45194d4fce14)\n\n**本项目不支持低版本浏览器(如 ie)，有需求请自行添加 polyfill [详情](https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin\u002Fwiki#babel-polyfill)**\n\n**注意：该项目使用 element-ui@2.3.0+ 版本，所以最低兼容 vue@2.5.0+**\n\n\n## 下载\n\ngit：`git clone https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin.git`\n\nnpm：`npm install`\n\n\n## 演示\n\n测试账号:\n\n``` bash\n1. username: admin\n   password: 任意\n2. username: editor\n   password: 任意\n```\n\n演示地址:\n\n[vue实现的后台管理系统](https:\u002F\u002Fmgbq.github.io\u002Fvue-permission\u002F#\u002Flogin)\n\n> nx-admin project\n\nnx-admin 是完全开源免费的管理系统集成方案，由 nxmin 在工作之余由兴趣驱动完成，如果你也一样喜欢前端开发，欢迎加入我们的讨论\u002F学习群，群内可以提问答疑，分享学习资料或者随便扯淡\n\n## 技术答疑，交流QQ群\n\n群号 493671066 这里可以帮你答疑nx-admin这个项目各种疑惑，问题，防止发广告者，入群费设置为0.9元，请谅解，欢迎大家\n\n\u003Cimg src=\".\u002Fgithub\u002FQqAndWeiXin.png\" width=\"800px\" height=\"420\" alt=\"chat\">\n\n## 其他注意事项 ##\n### 一、如果我不想用到上面的紫色颜色，那我怎么修改为自己喜欢的颜色呢？ ###\n\n第一步： 修改代码地址为:[src\u002Fstyles\u002Fvariables](https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin\u002Fblob\u002Fmaster\u002Fsrc\u002Fstyles\u002Fvariables.scss)里面的\u002F\u002Fsidebar注释部分\n\n第二步： 修改代码地址为：[src\u002Fviews\u002Flayout\u002Fcomponents\u002FSidebar\u002Findex.vue](https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin\u002Fblob\u002Fmaster\u002Fsrc\u002Fviews\u002Flayout\u002Fcomponents\u002FSidebar\u002Findex.vue)下面部分颜色代码即可。\n```javaScript\n\u003Cel-menu\n      mode=\"vertical\"\n      :show-timeout=\"200\"\n      :default-active=\"$route.path\"\n      :collapse=\"isCollapse\"\n      background-color=\"#6959CD\"\n      text-color=\"white\"\n      active-text-color=\"#42b983\"\n    >\n```\n### 二、如果我不想用到刷新加载动画怎么做呢？ ###\n\n把index.html里面相关的[loader-wrappe](https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin\u002Fblob\u002Fmaster\u002Findex.html#L245) 加载动画div 和相关css去掉即可。\n\n### 三、如果我不想用到上面的某些组件呢，那我怎么在模板中删除掉不影响到其他功能呢？ ###\n\n举个栗子，我不想用 Vue-Quill-Editor 这个组件，那我需要分三步走。\n\n第一步：删除该组件的路由，在目录 src\u002Frouter\u002Findex.js 中，找到引入改组件的路由，删除下面这段代码。\n\n```JavaScript\n  {\n        path: 'VueEditor',\n        name: 'VueEditor',\n        component: () => import('@\u002Fviews\u002Fform\u002FVueEditor'),\n        meta: { title: 'VueEditor' }\n  },\n```\n\n第二步：删除引入该组件的文件。在目录 src\u002Fview\u002Fform\u002F 删除 VueEditor.vue 文件。\n\n第三步：卸载该组件。执行以下命令：\n\t\n\tnpm un vue-quill-editor -S\n\n完成。\n\n## 功能\n```\n- 登录 \u002F 注销\n\n- 权限验证\n  - 页面权限\n  - 指令权限\n\n- 多环境发布\n  - dev sit stage prod\n\n- 全局功能\n  - 国际化多语言\n  - 锁屏\n  - 疑问\n  - 转到github\n  - 多种动态换肤\n  - 动态侧边栏（支持多级路由嵌套）\n  - 动态面包屑\n  - 快捷导航(标签页)\n  - Svg Sprite 图标\n  - 本地mock数据\n  - Screenfull全屏\n  - 自适应收缩侧边栏\n\n- 编辑器\n  - 富文本\n  - Markdown\n\n- Excel\n  - 导出excel\n  - 导出zip\n  - 导入excel\n  - 前端可视化excel\n\n- 表格\n  - 树形表格\n  - 内联编辑\n\n- 错误页面\n  - 401\n  - 404\n\n- 組件\n  - 返回顶部\n  - 拖拽Dialog\n  - 拖拽看板\n  - 列表拖拽\n  - SplitPane\n  - Dropzone\n  - Sticky\n  - CountTo\n\n- 综合实例\n- Dashboard\n- v-charts 图表\n- Clipboard(剪贴复制)\n- Markdown2html\n- 首屏加载等待动画\n- Fontawesome 图标库\n- vuex本地持久化存储,封装h5的sessionStorage和localStorage\n- 右键菜单\n- github-emoji\n- 第三方网站\n- 动态文字说明\n\n```\n\n欢迎你为 nx-admin的开发作出贡献（代码编写\u002F文档翻译）。\n\n## 开发\n```bash\n# 克隆项目\ngit clone https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin.git\n\n# 安装依赖\nnpm install\n   \n# 建议不要用cnpm安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题\nnpm install --registry=https:\u002F\u002Fregistry.npm.taobao.org\n\n# 启动服务\nnpm run dev\n```\n浏览器访问 http:\u002F\u002Flocalhost:9528\n\n## 发布\n```bash\n# 构建测试环境\nnpm run build:sit\n\n# 构建生产环境\nnpm run build:prod\n```\n\n## 其它\n```bash\n# --report to build with bundle size analytics\nnpm run build:prod --report\n\n# --preview to start a server in local to preview\nnpm run build:prod --preview\n\n# lint code\nnpm run lint\n\n# auto fix\nnpm run lint -- --fix\n```\n## 捐赠 觉得不错 赏个咖啡 让作者打起精神 ~\n\u003Cimg src=\".\u002Fgithub\u002F二维码.jpg\" width=\"400px\" height=\"460px\" alt=\"捐赠扫一扫\">\n\n## 感谢\n这个项目借鉴了[vueAdmin-template](https:\u002F\u002Fgithub.com\u002FPanJiaChen\u002FvueAdmin-template),[d2admin](https:\u002F\u002Fgithub.com\u002Fd2-projects\u002Fd2-admin),\n[avue](https:\u002F\u002Fgitee.com\u002Fsmallweigit\u002Favue)部分组件。\n\n## License\n\n[MIT](https:\u002F\u002Fgithub.com\u002Fmgbq\u002Fnx-admin\u002Fblob\u002Fmaster\u002FLICENSE)\nCopyright (c) 2018-present nxmin\n","nx-admin 是一个基于 Vue 和 Element UI 的开源管理系统前端集成方案。它集成了动态路由、权限验证、i18n 国际化等核心功能，并提供了丰富的业务组件，支持快速搭建企业级中后台产品原型。该项目使用了最新的前端技术栈，包括 Vuex、Vue Router、Axios 等，并通过 Mock.js 模拟数据请求，便于开发者进行测试和开发。适用于需要高效构建管理系统的场景，如企业内部管理平台、数据监控系统等。",2,"2026-06-11 03:19:39","top_language"]