[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8687":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":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":16,"starSnapshotCount":16,"syncStatus":25,"lastSyncTime":26,"discoverSource":27},8687,"vue2-element-touzi-admin","wdlhao\u002Fvue2-element-touzi-admin","wdlhao"," 基于vue2.0 +vuex+ element-ui后台管理系统 ","",null,"Vue",4226,1493,176,17,0,58.52,false,"dev-permission",true,[],"2026-06-12 04:00:40","\u003Cb>小爱Admin\u003C\u002Fb>\n\n**A magical vue element touzi admin.**\n\n**分支说明：**\n\n**master分支**：前后端统一开发的版本；可以用于学习nodejs+mongodb+express相关知识；\n\n**dev分支**：进行了前后端分离的版本；用户只关注于前端部分，可忽略服务端；下载下来，即可运行；\n\n\u003Cfont color=\"#00dd00\">\ndev-permission分支：\n增加了权限管理(包括页面权限和按钮权限)的功能和顶栏三级菜单显示，完全剥离nodejs后台，使用mockjs模拟数据，让用户只需关注前端，更容易上手学习。目前此分支为正常维护分支。如有需要，请大家clone本分支代码运行。\u003C\u002Ffont>\n\n\n## 项目博客文档\n\n1.[vue-小爱ADMIN系列文章(一)：用Vue-cli3+mockjs 实现后台管理权限和三级菜单功能](https:\u002F\u002Fgithub.com\u002Fwdlhao\u002FwebBlog\u002Fblob\u002Fmaster\u002Freadmes\u002F01.md)\n\n2.[vue-小爱ADMIN系列文章(二)：微信微博等分享，国际化，前端性能优化，nginx服务器部署](https:\u002F\u002Fgithub.com\u002Fwdlhao\u002FwebBlog\u002Fblob\u002Fmaster\u002Freadmes\u002F02.md)\n\n## 提示\n\n如果你觉得该项目对你有帮忙，记得给我点个赞**star**吧;\n\n## About\n\n本文主要讲解dev-permission分支内容：\n\n```bash\n  如果对您对此项目有兴趣，可以点 \"Star\" 支持一下 谢谢！ ^_^\n  \n  或者您可以 \"follow\" 一下，我会不断开源更多的有趣的项目\n  \n  开发环境 windows 64 、nodejs 6.11.0\n  \n  如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR\n```\n\n## 技术栈\n\n**前端技术栈：** vue2 + vuex + vue-router + webpack + ES6\u002F7 + less + element-ui\n\n**服务端技术栈：** mockjs\n\n## 参考文档\n\n*   [vue](https:\u002F\u002Fvuejs.bootcss.com\u002Fv2\u002Fguide\u002F)：Vue是一套用于构建用户界面的渐进式框架。\n\n*   [vuex](https:\u002F\u002Fvuex.vuejs.org\u002Fzh\u002F)：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。\n\n*   [vue-router](https:\u002F\u002Frouter.vuejs.org\u002Fzh\u002F)：Vue Router 是 Vue.js 官方的路由管理器。\n\n*   [webpack](https:\u002F\u002Fwebpack.js.org\u002Fconcepts\u002F)：前端模块打包器。\n\n*   [less](http:\u002F\u002Flesscss.cn\u002F)：Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。\n\n*   [element-ui](https:\u002F\u002Felement.eleme.io\u002F)：Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。\n\n*   [mockjs](https:\u002F\u002Fgithub.com\u002Fnuysoft\u002FMock\u002Fwiki\u002FGetting-Started)：生成随机数据，拦截 Ajax 请求。\n\n## 前序准备\n\n**运行前准备：**\n\n由于此项目是基于nodejs的前后端结合项目，你需要进行nodejs的相关准备工作。项目运行之前，请确保系统已经安装以下应用：\n\n(1)、node (6.0 及以上版本)。使用细节，请参考：[node的下载及安装。](https:\u002F\u002Fnodejs.org\u002Fen\u002Fdownload\u002F)\n\n## 开发：\n\n1.  git clone -b dev-permission \u003Chttps:\u002F\u002Fgithub.com\u002Fwdlhao\u002Fvue2-element-touzi-admin>  (注意：要从dev-permission分支拉取代码)\n\n2.  cd vue2-element-touzi-admin\n\n3.  npm install\n\n**本地运行：**\n\n**npm run serve** 运行之后，会默认打开本地访问路径：\u003Chttp:\u002F\u002Flocalhost:8012>\n\n**发布：**\n\n**npm run bulid** (生成打包之后的项目文件,此文件主要用于项目部署)。\n\n## 演示\n\n测试账号:\n\n1.  username: admin \u002F password: 123456\n2.  username: editor \u002F password: 123456\n\n注意：\n\nadmin：拥有最高权限，可以查看所有的页面和按钮；\n\neditor：只有被赋予权限的页面和按钮才可以看到；\n\n**温馨提示**：\n\n1、项目图标来源：\n\n本项目图标线上地址为：\u002F\u002Fat.alicdn.com\u002Ft\u002Ffont\\_1258069\\_e40c6mwl0x8.js， 在public\u002Findex.html中引入;\n大家如需更换图标，可直接替换为自己iconfont线上的图标库地址即可;\n\n2、执行npm run dev报错处理方案：\n\n可能是你的本机安装nodejs版本过高，请卸载nodejs高版本，重新安装较低版本(如v10.9.0)；\n或者通过安装nvm来切换到较低版本也可以实现正常启动；\n\n## 查看更多demo\n\n![image](https:\u002F\u002Fgithub.com\u002Fwdlhao\u002Fvue2-element-touzi-admin\u002Fblob\u002Fdev-permission\u002Fsrc\u002Fassets\u002Fgithub\u002F1.png)\n![image](https:\u002F\u002Fgithub.com\u002Fwdlhao\u002Fvue2-element-touzi-admin\u002Fblob\u002Fdev-permission\u002Fsrc\u002Fassets\u002Fgithub\u002F2.png)\n![image](https:\u002F\u002Fgithub.com\u002Fwdlhao\u002Fvue2-element-touzi-admin\u002Fblob\u002Fdev-permission\u002Fsrc\u002Fassets\u002Fgithub\u002F3.png)\n![image](https:\u002F\u002Fgithub.com\u002Fwdlhao\u002Fvue2-element-touzi-admin\u002Fblob\u002Fdev-permission\u002Fsrc\u002Fassets\u002Fgithub\u002F4.png)\n![image](https:\u002F\u002Fgithub.com\u002Fwdlhao\u002Fvue2-element-touzi-admin\u002Fblob\u002Fdev-permission\u002Fsrc\u002Fassets\u002Fgithub\u002F5.png)\n\n## 技术答疑，交流QQ群\n\n项目说明：小爱ADMIN 是完全开源免费的管理系统集成方案，可以直接应用于相关后台管理系统模板；很多重点地方都做了详细的注释和解释。如果你也一样喜欢前端开发，欢迎加入我们的讨论\u002F学习群，群内可以提问答疑，分享学习资料；\n\n欢迎添加群主微信和qq群答疑：\n\n![image](https:\u002F\u002Fgithub.com\u002Fwdlhao\u002Fvue2-element-touzi-admin\u002Fblob\u002Fdev-permission\u002Fsrc\u002Fassets\u002Fimg\u002Fqcode.jpg)\n","小爱Admin是一个基于Vue 2.0、Vuex和Element-UI的后台管理系统。它支持权限管理（包括页面权限和按钮权限）、三级菜单显示等功能，采用前后端分离架构，前端使用mockjs模拟数据，便于开发者专注于前端开发。项目集成了vue-router、webpack、ES6\u002F7、less等现代前端技术栈，适用于需要快速搭建企业级后台管理系统或学习相关技术栈的场景。无论是初学者还是有经验的开发者，都可以通过此项目深入理解和实践Vue生态下的各项技术。",2,"2026-06-11 03:19:16","top_language"]