nx-admin

所属分类:其他
开发工具:JavaScript
文件大小:7322KB
下载次数:0
上传日期:2019-11-26 16:40:48
上 传 者901120
说明:  1、nx-admin 是一个基于XXXX工程可视化管理平台,采用token交互验证方式。 2、您可以 nx-admin 为基础,不只限制于vue的页面,你可以嵌入任意第三方网站,基于iframe框架。
(1. NX admin is a visual management platform based on xxxx project, which adopts token interactive verification mode. 2. Based on NX admin, you can not only limit to Vue pages, but also embed any third-party website based on iframe framework.)

文件列表:
nx-admin (0, 2019-11-26)
nx-admin\.babelrc (329, 2019-05-22)
nx-admin\index.html (6628, 2019-05-22)
nx-admin\.DS_Store (6148, 2019-11-26)
__MACOSX (0, 2019-11-26)
__MACOSX\nx-admin (0, 2019-11-26)
__MACOSX\nx-admin\._.DS_Store (120, 2019-11-26)
nx-admin\LICENSE (1062, 2019-05-22)
nx-admin\config (0, 2019-05-22)
nx-admin\config\dev.env.js (238, 2019-05-22)
nx-admin\config\index.js (3015, 2019-05-22)
nx-admin\config\prod.env.js (144, 2019-05-22)
nx-admin\config\test.env.js (149, 2019-05-22)
nx-admin\log.ico (4286, 2019-05-22)
nx-admin\.editorconfig (243, 2019-05-22)
nx-admin\package-lock.json (526322, 2019-05-22)
nx-admin\package.json (3982, 2019-05-22)
nx-admin\static (0, 2019-05-22)
nx-admin\static\css (0, 2019-05-22)
nx-admin\static\css\reset.css (1799, 2019-05-22)
nx-admin\static\css\main.css (449, 2019-05-22)
nx-admin\static\css\iconfont (0, 2019-05-22)
nx-admin\static\css\iconfont\1.0.0 (0, 2019-05-22)
nx-admin\static\css\iconfont\1.0.0\index.css (532, 2019-05-22)
nx-admin\static\img (0, 2019-05-22)
nx-admin\static\img\mock (0, 2019-05-22)
nx-admin\static\img\mock\card (0, 2019-05-22)
nx-admin\static\img\mock\card\card-1.jpg (52716, 2019-05-22)
nx-admin\static\img\mock\card\card-2.jpg (20379, 2019-05-22)
nx-admin\static\img\mock\card\card-3.jpg (144033, 2019-05-22)
nx-admin\static\img\mock\card\card-4.jpg (26402, 2019-05-22)
nx-admin\static\img\img.jpg (46879, 2019-05-22)
nx-admin\static\img\me (0, 2019-05-22)
nx-admin\static\img\me\qq.jpg (64886, 2019-05-22)
nx-admin\static\img\me\we.jpg (50237, 2019-05-22)
nx-admin\static\theme (0, 2019-05-22)
... ...

vue element-ui Build Status license GitHub release > ## :gem: Vue自动化管理系统

简体中文 | [English](./README.en.md) ## 介绍 [nx-admin](https://mgbq.github.io/vue-permission/#/login) 是一个开源的管理系统前端集成方案,它基于 [vue](https://github.com/vuejs/vue) 和 [element](https://github.com/ElemeFE/element)。它使用了最新的前端技术栈,内置了i18国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。最大程度上帮助个人,企业节省时间成本和费用开支。 [中文文档](https://mgbq.github.io/nx-admin-site/zh/) **完整版** [Github 仓库](https://github.com/mgbq/nx-admin) | [码云仓库](https://gitee.com/symgg/nx-admin) | [预览地址](https://mgbq.github.io/vue-permission/#/login) nx-admin **简化版** [Github 仓库](https://github.com/mgbq/nxAdmin-template) | [码云仓库](https://gitee.com/symgg/nxAdmin-template) | [预览地址](https://mgbq.github.io/nxAdmin-template) ## 前序准备 你需要在本地安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)。本项目技术栈基于 [ES2015+](http://es6.ruanyifeng.com/)、[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) 、[axios](https://github.com/axios/axios) 和 [element-ui](https://github.com/ElemeFE/element),所有的请求数据都使用[Mock.js](https://github.com/nuysoft/Mock)模拟,提前了解和学习这些知识会对使用本项目有很大的帮助。 ## 相关文档 [老板让我十分钟上手nx-admin](https://juejin.im/post/5b43226c51882519ad616c2a) [Vue2.0实现的用户权限控制](http://blog.csdn.net/qq_32340877/article/details/79416344) [Mock.js模拟登录和表格的增删改查](https://juejin.im/post/5b5***04c5188251acb0d00bf) [Vue2.0-基于elementui换肤[自定义主题]](https://blog.csdn.net/qq_32340877/article/details/80176***7) [Vue国际化处理 vue-i18n 以及项目自动切换中英文](https://blog.csdn.net/qq_32340877/article/details/80148913) [搭建 Vue2 单元测试环境(karma+mocha+webpack3)](https://juejin.im/post/5b051519f265da0b8f62e94e) [Vue实现首屏加载等待动画](https://juejin.im/post/5b336699e51d4558a846dcc2) [Vue项目中添加锁屏功能](https://juejin.im/post/5b35e05ee51d4558a75ea159) [Vue项目添加动态浏览器头部title](https://juejin.im/post/5b446e24e51d45194d4fce14) **本项目不支持低版本浏览器(如 ie),有需求请自行添加 polyfill [详情](https://github.com/mgbq/nx-admin/wiki#babel-polyfill)** **注意:该项目使用 element-ui@2.3.0+ 版本,所以最低兼容 vue@2.5.0+** ## 下载 git:`git clone https://github.com/mgbq/nx-admin.git` npm:`npm install` ## 演示 测试账号: ``` bash 1. username: admin password: 任意 2. username: editor password: 任意 ``` 演示地址: [vue实现的后台管理系统](https://mgbq.github.io/vue-permission/#/login) > nx-admin project nx-admin 是完全开源免费的管理系统集成方案,由 nxmin 在工作之余由兴趣驱动完成,如果你也一样喜欢前端开发,欢迎加入我们的讨论/学习群,群内可以提问答疑,分享学习资料或者随便扯淡 ## 技术答疑,交流QQ群 群号 493671066 这里可以帮你答疑nx-admin这个项目各种疑惑,问题,防止发广告者,入群费设置为0.9元,请谅解,欢迎大家 chat ## 其他注意事项 ## ### 一、如果我不想用到上面的紫色颜色,那我怎么修改为自己喜欢的颜色呢? ### 第一步: 修改代码地址为:[src/styles/variables](https://github.com/mgbq/nx-admin/blob/master/src/styles/variables.scss)里面的//sidebar注释部分 第二步: 修改代码地址为:[src/views/layout/components/Sidebar/index.vue](https://github.com/mgbq/nx-admin/blob/master/src/views/layout/components/Sidebar/index.vue)下面部分颜色代码即可。 ```javaScript ``` ### 二、如果我不想用到刷新加载动画怎么做呢? ### 把index.html里面相关的[loader-wrappe](https://github.com/mgbq/nx-admin/blob/master/index.html#L245) 加载动画div 和相关css去掉即可。 ### 三、如果我不想用到上面的某些组件呢,那我怎么在模板中删除掉不影响到其他功能呢? ### 举个栗子,我不想用 Vue-Quill-Editor 这个组件,那我需要分三步走。 第一步:删除该组件的路由,在目录 src/router/index.js 中,找到引入改组件的路由,删除下面这段代码。 ```JavaScript { path: 'VueEditor', name: 'VueEditor', component: () => import('@/views/form/VueEditor'), meta: { title: 'VueEditor' } }, ``` 第二步:删除引入该组件的文件。在目录 src/view/form/ 删除 VueEditor.vue 文件。 第三步:卸载该组件。执行以下命令: npm un vue-quill-editor -S 完成。 ## 功能 ``` - 登录 / 注销 - 权限验证 - 页面权限 - 指令权限 - 多环境发布 - dev sit stage prod - 全局功能 - 国际化多语言 - 锁屏 - 疑问 - 转到github - 多种动态换肤 - 动态侧边栏(支持多级路由嵌套) - 动态面包屑 - 快捷导航(标签页) - Svg Sprite 图标 - 本地mock数据 - Screenfull全屏 - 自适应收缩侧边栏 - 编辑器 - 富文本 - Markdown - Excel - 导出excel - 导出zip - 导入excel - 前端可视化excel - 表格 - 树形表格 - 内联编辑 - 错误页面 - 401 - 404 - 組件 - 返回顶部 - 拖拽Dialog - 拖拽看板 - 列表拖拽 - SplitPane - Dropzone - Sticky - CountTo - 综合实例 - Dashboard - v-charts 图表 - Clipboard(剪贴复制) - Markdown2html - 首屏加载等待动画 - Fontawesome 图标库 - vuex本地持久化存储,封装h5的sessionStorage和localStorage - 右键菜单 - github-emoji - 第三方网站 - 动态文字说明 ``` 欢迎你为 nx-admin的开发作出贡献(代码编写/文档翻译)。 ## 开发 ```bash # 克隆项目 git clone https://github.com/mgbq/nx-admin.git # 安装依赖 npm install # 建议不要用cnpm安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 启动服务 npm run dev ``` 浏览器访问 http://localhost:9528 ## 发布 ```bash # 构建测试环境 npm run build:sit # 构建生产环境 npm run build:prod ``` ## 其它 ```bash # --report to build with bundle size analytics npm run build:prod --report # --preview to start a server in local to preview npm run build:prod --preview # lint code npm run lint # auto fix npm run lint -- --fix ``` ## 捐赠 觉得不错 赏个咖啡 让作者打起精神 ~ 捐赠扫一扫 ## 感谢 这个项目借鉴了[vueAdmin-template](https://github.com/PanJiaChen/vueAdmin-template),[d2admin](https://github.com/d2-projects/d2-admin), [avue](https://gitee.com/smallweigit/avue)部分组件。 ## License [MIT](https://github.com/mgbq/nx-admin/blob/master/LICENSE) Copyright (c) 2018-present nxmin

近期下载者

相关文件


收藏者