iview / iview-admin Goto Github PK

View Code? Open in Web Editor NEW

16.4K 627.0 4.9K 59.98 MB

Vue 2.0 admin management system template based on iView

Home Page: https://admin.iviewui.com/

License: MIT License

HTML 0.22% Vue 60.42% JavaScript 31.78% CSS 7.58%

vue iview vue-admin admin-template vuex vue-cli webpack2 admin axios

iview-admin's Introduction

iView Admin

Vue.js 2.0 admin management system template based on iView.

Introduction

iView Admin is a front-end management background integration solution. It based on Vue.js and use the UI Toolkit iView.

Features

Login / Logout
Permission Authentication
- A list of filters
- Permission to switch
i18n
Components
- Rich Text Editor
- Markdown Editor
- City Cascader
- Photos preview and edit
- Draggable list
- File upload
- Digital gradient
- split-pane
Form
- The article published
- Workflow
Table
- Drag-and-drop sort
- Searchable form
- Table export data
  - Export to Csv file
  - Export to Xls file
- Table to picture
Error Page
- 403
- 404
- 500
Router
- Dynamic routing
- With reference page
Theme
Shrink the sidebar
Tag navigation
Breadcrumb navigation
Full screen / exit full screen
Lock screen
The message center
Personal center

Getting started

# clone the project
git clone https://github.com/iview/iview-admin.git

// install dependencies
npm install

// develop
npm run dev

Build

npm run build

License

MIT

iview-admin's People

Contributors

Stargazers

Watchers

Forkers

w3cui yongbolv windleer lison16 cmuths qiahao dean5277 spook86 qwdcvbn007 a54552239 cpanmac xialinlin gitzhang doris2013 andyoung acoded qgqceo oldroad aamis520 kakakacool ibmsoft keithlee208 zhangli344236745 guojun0x0 maliqiang rootsecurity touchx lyrl webwangjin rockjava wukongtime dut3062796s linecode lycals 5vbear ghrecord luozhihao luckyzpc xiaochen2012 lrinili hellboyfeng sinnoo z1126 rprp vf3ng jerusalemsbell 520wsl seeia jiangsuwwj1 zhenggege yunfeiyang1916 ghellkity gzoye metal88888 byesoft jango2015 bojan0624 lincong1987 ishenyi sn790519 edgarlau aokde alan1019 zhaopengingithub liuyifei0 makunsusu docos wechatpu tiger8888 yuan-study chungnt201 leadechao superqbb mengyou658 abigstupidbear yanmm623 lanceng loai-kanou chobits81 haixin5211 longjl ammeyjohn linyongping kai2020-hello luo7388458 weimingtom jerossh taozhaolib bchen1024 jackeylove eric-seekas guchenhui gitzhuhe wefiy kinbod gordenchoy metoin char-1 newtonguo yxjz

iview-admin's Issues

建议：希望增加外链的支持

希望可以菜单支持外链，点击外链效果同正常点击菜单一样，之前尝试过iframe的方式，但无法保存iframe里的点击状态，希望可以在iview-admin中可以解决~

建议风格再简洁一些。主题仅仅换颜色，还可以换背景等。

整体风格偏传统，有点类似传统的后台管理系统。个人觉得现在新兴的后台管理系整体风格、布局应该自由、可插拔应用。风格小清新等。
个人较喜欢类似：明道OA系统风格的。地址：https://www.mingdao.com/login.htm。
个人观点，望大神别见怪。

从table进入详情页，能否让详情页不显示在菜单列表中

比如：首页 / 会员管理/会员详情
这个路径，我不希望会员详情显示在左边的菜单栏中

能否提供一个空白的项目脚手架

可否提供一个只包含登录页和菜单布局, 以及空白页的admin脚手架, 现在里面集成了很多东西, 用的时候得先把不用的删掉,

页签可以保持当前状态吗

业务需求要求可以切换tab的场景比较多，刚才试了一下demo，切换就是重新加载了

富文本编辑器使用TAB输入框焦点移除

浏览器： Chrome 61
在富文本编辑器和插入编辑代码实例两个输入栏中，使用tab，焦点移除。

mac下运行把编译失败

mac，nodev6.10.0，run npm run dev，出现以下报错信息

ERROR in   Error: Child compilation failed:
  Module build failed: SyntaxError: Unexpected token (1:0)
  > 1 | <!DOCTYPE html>
      | ^
    2 | <html lang="zh-CN">
    3 |
    4 | <head>
  :
  BabelLoaderError: SyntaxError: Unexpected token (1:0)
  > 1 | <!DOCTYPE html>
      | ^
    2 | <html lang="zh-CN">
    3 |
    4 | <head>

....

Child html-webpack-plugin for "../index.html":
    chunk    {0} ../index.html 599 bytes [entry]
        [0] ./~/html-webpack-plugin/lib/loader.js!./src/template/index.ejs 599 bytes {0} [built] [failed] [1 error]

    ERROR in ./~/html-webpack-plugin/lib/loader.js!./src/template/index.ejs
    Module build failed: SyntaxError: Unexpected token (1:0)

    > 1 | <!DOCTYPE html>
        | ^
      2 | <html lang="zh-CN">
      3 |
      4 | <head>

进入富文本编辑器时出现 script 路径错误

浏览器：Firefox 56.0.1 (64位)
控制台：指向“ https://iview.github.io/iview-admin//themes/modern/theme.js ”的 <script> 加载失败。

业务方面，表格一般都会和搜索栏一起出现，如果列表能支持搜索栏搜索过滤，那就更好了

`npm ERR! Linux 4.9.0-deepin12-amd64
npm ERR! argv "/opt/node-v6.10.0-linux-x64/bin/node" "/opt/node-v6.10.0-linux-x64/bin/npm" "install"
npm ERR! node v6.10.0
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE

npm ERR! [email protected] postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'node scripts/build.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the node-sass package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node scripts/build.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs node-sass
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls node-sass
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /home/disk/workspace/vue/vue-admin/npm-debug.log`

全屏功能报错

控制台 “Uncaught TypeError: Cannot read property 'requestFullscreen' of null”

希望有英文版

我可以志愿来翻译这个软件。如果你们打算做英文版的话。

npm run build后文件路径好像不对

npm run build后产生的index_prod.html和webpack配置的打包生产的/dist/目录下的文件不对应，这是webpack dev配置有问题嘛，还是我的操作不对呀？

可编辑表格数据问题

不支持异步获取表格的数据

npm run dev报错

ERROR in ./~~/_babel-loader@6.4.1@babel-loader/lib!./~~/_vue-loader@11.3.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/Main.vue
Module not found: Error: Can't resolve './main_components/tagsPageopened.vue' in '/home/iview-admin/src/views'
@ ./~~/_babel-loader@6.4.1@babel-loader/lib!./~~/_vue-loader@11.3.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/Main.vue 11:22-69
@ ./src/views/Main.vue
@ ./src/router.js
@ ./src/main.js
@ multi ./~/_webpack-dev-server@2.9.2@webpack-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main

ERROR in ./~~/_babel-loader@6.4.1@babel-loader/lib!./~~/_vue-loader@11.3.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/my_components/markdown-editor/markdown-editor.vue
Module not found: Error: Can't resolve 'SimpleMDE' in '/home/iview-admin/src/views/my_components/markdown-editor'
@ ./~~/_babel-loader@6.4.1@babel-loader/lib!./~~/_vue-loader@11.3.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/my_components/markdown-editor/markdown-editor.vue 7:17-37
@ ./src/views/my_components/markdown-editor/markdown-editor.vue
@ ./src/router.js
@ ./src/main.js
@ multi ./~/_webpack-dev-server@2.9.2@webpack-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main

ERROR in ./~~/_babel-loader@6.4.1@babel-loader/lib!./~~/_vue-loader@11.3.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/home/components/countUp.vue
Module not found: Error: Can't resolve 'countUp' in '/home/iview-admin/src/views/home/components'
@ ./~~/_babel-loader@6.4.1@babel-loader/lib!./~~/_vue-loader@11.3.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/home/components/countUp.vue 7:15-33
@ ./src/views/home/components/countUp.vue
@ ./~~/_babel-loader@6.4.1@babel-loader/lib!./~~/_vue-loader@11.3.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/home/home.vue
@ ./src/views/home/home.vue
@ ./src/router.js
@ ./src/main.js
@ multi ./~/_webpack-dev-server@2.9.2@webpack-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main

ERROR in ./~~/_babel-loader@6.4.1@babel-loader/lib!./~~/_vue-loader@11.3.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/my_components/count-to/CountTo.vue
Module not found: Error: Can't resolve 'countUp' in '/home/iview-admin/src/views/my_components/count-to'
@ ./~~/_babel-loader@6.4.1@babel-loader/lib!./~~/_vue-loader@11.3.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/my_components/count-to/CountTo.vue 7:15-33
@ ./src/views/my_components/count-to/CountTo.vue
@ ./~~/_babel-loader@6.4.1@babel-loader/lib!./~~/_vue-loader@11.3.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/my_components/count-to/count-to.vue
@ ./src/views/my_components/count-to/count-to.vue
@ ./src/router.js
@ ./src/main.js
@ multi ./~/_webpack-dev-server@2.9.2@webpack-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main

建议增加关闭标签操作

【效果】
比如页面打开太多标签的情况，要一个个去x掉有点累啊

关于富文本框插件JS异常的问题

git iview-admin包本地起的服务可以正常使用富文本框插件

但是自己用vue脚手架新建一个项目后利用npm下了同版本的tinymce包
复制avatorEditer.vue到新项目启动页面的时候直接报错

然后看了下webpack的配置也暂未发现问题所在
求大神指点么么哒

隐藏左侧有bug 啊哥们

建议引入husky规范一下代码提交约束

建议引入husky规范一下代码提交约束，对初学者也是一个良好的习惯。

https://github.com/typicode/husky

工作流

希望可以做一个在线工作流设计器，可以拖拽的那种

建议：增加富文本编辑器中图片、视频的在线上传功能

建议：增加富文本编辑器中图片、视频的在线上传功能，如果可以的话，最好图片视频可以通过配置直接上传到阿里云OSS、七牛、又拍云等外部云上，或者写个教程让我们自己开放也行，这样可以方便资源的统一管理。谢谢大神。

iview-admin的组件有文档吗

proxyTable在哪里配置啊

锁屏页面错误消息层显示不出来

锁屏页面设置的z-index比ivu-message的要大，导致消息层被覆盖

建议多标签页可以有左右箭头进行切换

当前多标签页数量多时，标签页div会被挤到下一行，建议float浮动，进行左右箭头可以切换下一页

所有的拖拽效果在 Firefox 56 中都打开新页签

浏览器：Firefox 56.0.1 (64位)
控制台：每次操作可拖拽排序和可拖拽列表后，浏览器都打开一个新页签。

npm run dev 报错

`ERROR in ./~~/babel-loader/lib!./~~/vue-loader/lib/selector.js?type=script&index=0!./src/views/Main.vue
Module not found: Error: Can't resolve './main_components/tagsPageopened.vue' in '/home/disk/workspace/vue/iview-admin/src/views'
@ ./~~/babel-loader/lib!./~~/vue-loader/lib/selector.js?type=script&index=0!./src/views/Main.vue 11:22-69
@ ./src/views/Main.vue
@ ./src/router.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main

ERROR in ./~~/babel-loader/lib!./~~/vue-loader/lib/selector.js?type=script&index=0!./src/views/my_components/markdown-editor/markdown-editor.vue
Module not found: Error: Can't resolve 'SimpleMDE' in '/home/disk/workspace/vue/iview-admin/src/views/my_components/markdown-editor'
@ ./~~/babel-loader/lib!./~~/vue-loader/lib/selector.js?type=script&index=0!./src/views/my_components/markdown-editor/markdown-editor.vue 7:17-37
@ ./src/views/my_components/markdown-editor/markdown-editor.vue
@ ./src/router.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main

ERROR in ./~~/babel-loader/lib!./~~/vue-loader/lib/selector.js?type=script&index=0!./src/views/my_components/count-to/CountTo.vue
Module not found: Error: Can't resolve 'countUp' in '/home/disk/workspace/vue/iview-admin/src/views/my_components/count-to'
@ ./~~/babel-loader/lib!./~~/vue-loader/lib/selector.js?type=script&index=0!./src/views/my_components/count-to/CountTo.vue 7:15-33
@ ./src/views/my_components/count-to/CountTo.vue
@ ./~~/babel-loader/lib!./~~/vue-loader/lib/selector.js?type=script&index=0!./src/views/my_components/count-to/count-to.vue
@ ./src/views/my_components/count-to/count-to.vue
@ ./src/router.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main

ERROR in ./~~/babel-loader/lib!./~~/vue-loader/lib/selector.js?type=script&index=0!./src/views/home/components/countUp.vue
Module not found: Error: Can't resolve 'countUp' in '/home/disk/workspace/vue/iview-admin/src/views/home/components'
@ ./~~/babel-loader/lib!./~~/vue-loader/lib/selector.js?type=script&index=0!./src/views/home/components/countUp.vue 7:15-33
@ ./src/views/home/components/countUp.vue
@ ./~~/babel-loader/lib!./~~/vue-loader/lib/selector.js?type=script&index=0!./src/views/home/home.vue
@ ./src/views/home/home.vue
@ ./src/router.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main
`

富文本全屏功能bug

在富文本页面点击全屏，会有bug，并且此时回到首页tab，页面无法滚动

[Feature Request]增加上传图片后的图片预览或剪裁功能

请问有iView Admin专门的技术讨论群吗

小小的建议，左侧导航切换加入过渡效果

你好，项目后台非常棒，但是希望能增加一下导航切换的过渡效果，这样会给人一种流畅的感觉

权限管理建议增加树形结构的可视化界面，根据用户的权限配置不同的路由

运行dev 提示api废弃我该怎么解决

环境 nodejs 8.7.0 npm 5.4.2

运行dev 报错如下：

(node:22545) [DEP0013] DeprecationWarning: Calling an asynchronous function without callback is deprecated.
events.js:182
throw er; // Unhandled 'error' event
^

Error: listen EADDRNOTAVAIL 172.16.52.134:8080
at Object._errnoException (util.js:1021:11)
at _exceptionWithHostPort (util.js:1043:20)
at Server.setupListenHandle [as _listen2] (net.js:1327:19)
at listenInCluster (net.js:1385:12)
at GetAddrInfoReqWrap.doListen [as callback] (net.js:1494:7)
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:100:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: webpack-dev-server --content-base ./ --open --inline --hot --compress --history-api-fallback --config build/webpack.dev.config.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/leemuzi/.npm/_logs/2017-10-19T06_07_11_265Z-debug.log

{description: "“Promise”未定义", message: "“Promise”未定义", name: "ReferenceEr...", number: -2146823279, stack: "ReferenceEr...", Symbol()_h.12o7nyldnb0: undefined, Symbol(react.element)_i.12o7nyldnb0: undefined}