zetan-cli-dev-template-vue-element-admin 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (303) hide show
  1. package/package.json +8 -0
  2. package/template/.editorconfig +14 -0
  3. package/template/.env.development +5 -0
  4. package/template/.env.production +6 -0
  5. package/template/.env.staging +8 -0
  6. package/template/.eslintignore +4 -0
  7. package/template/.eslintrc.js +198 -0
  8. package/template/.travis.yml +5 -0
  9. package/template/LICENSE +21 -0
  10. package/template/README.es.md +228 -0
  11. package/template/README.ja.md +224 -0
  12. package/template/README.md +250 -0
  13. package/template/README.zh-CN.md +273 -0
  14. package/template/babel.config.js +14 -0
  15. package/template/build/index.js +35 -0
  16. package/template/jest.config.js +24 -0
  17. package/template/jsconfig.json +9 -0
  18. package/template/mock/article.js +116 -0
  19. package/template/mock/index.js +60 -0
  20. package/template/mock/mock-server.js +81 -0
  21. package/template/mock/remote-search.js +51 -0
  22. package/template/mock/role/index.js +98 -0
  23. package/template/mock/role/routes.js +530 -0
  24. package/template/mock/user.js +84 -0
  25. package/template/mock/utils.js +48 -0
  26. package/template/package.json +111 -0
  27. package/template/plop-templates/component/index.hbs +26 -0
  28. package/template/plop-templates/component/prompt.js +55 -0
  29. package/template/plop-templates/store/index.hbs +16 -0
  30. package/template/plop-templates/store/prompt.js +62 -0
  31. package/template/plop-templates/utils.js +2 -0
  32. package/template/plop-templates/view/index.hbs +26 -0
  33. package/template/plop-templates/view/prompt.js +55 -0
  34. package/template/plopfile.js +9 -0
  35. package/template/postcss.config.js +5 -0
  36. package/template/public/favicon.ico +0 -0
  37. package/template/public/index.html +15 -0
  38. package/template/src/App.vue +11 -0
  39. package/template/src/api/article.js +41 -0
  40. package/template/src/api/qiniu.js +8 -0
  41. package/template/src/api/remote-search.js +17 -0
  42. package/template/src/api/role.js +38 -0
  43. package/template/src/api/user.js +24 -0
  44. package/template/src/assets/401_images/401.gif +0 -0
  45. package/template/src/assets/404_images/404.png +0 -0
  46. package/template/src/assets/404_images/404_cloud.png +0 -0
  47. package/template/src/assets/custom-theme/fonts/element-icons.ttf +0 -0
  48. package/template/src/assets/custom-theme/fonts/element-icons.woff +0 -0
  49. package/template/src/assets/custom-theme/index.css +1 -0
  50. package/template/src/components/BackToTop/index.vue +111 -0
  51. package/template/src/components/Breadcrumb/index.vue +82 -0
  52. package/template/src/components/Charts/Keyboard.vue +155 -0
  53. package/template/src/components/Charts/LineMarker.vue +227 -0
  54. package/template/src/components/Charts/MixChart.vue +271 -0
  55. package/template/src/components/Charts/mixins/resize.js +56 -0
  56. package/template/src/components/DndList/index.vue +166 -0
  57. package/template/src/components/DragSelect/index.vue +65 -0
  58. package/template/src/components/Dropzone/index.vue +297 -0
  59. package/template/src/components/ErrorLog/index.vue +78 -0
  60. package/template/src/components/GithubCorner/index.vue +54 -0
  61. package/template/src/components/Hamburger/index.vue +44 -0
  62. package/template/src/components/HeaderSearch/index.vue +180 -0
  63. package/template/src/components/ImageCropper/index.vue +1779 -0
  64. package/template/src/components/ImageCropper/utils/data2blob.js +19 -0
  65. package/template/src/components/ImageCropper/utils/effectRipple.js +39 -0
  66. package/template/src/components/ImageCropper/utils/language.js +232 -0
  67. package/template/src/components/ImageCropper/utils/mimes.js +7 -0
  68. package/template/src/components/JsonEditor/index.vue +77 -0
  69. package/template/src/components/Kanban/index.vue +99 -0
  70. package/template/src/components/MDinput/index.vue +360 -0
  71. package/template/src/components/MarkdownEditor/default-options.js +31 -0
  72. package/template/src/components/MarkdownEditor/index.vue +118 -0
  73. package/template/src/components/Pagination/index.vue +101 -0
  74. package/template/src/components/PanThumb/index.vue +142 -0
  75. package/template/src/components/RightPanel/index.vue +145 -0
  76. package/template/src/components/Screenfull/index.vue +60 -0
  77. package/template/src/components/Share/DropdownMenu.vue +103 -0
  78. package/template/src/components/SizeSelect/index.vue +57 -0
  79. package/template/src/components/Sticky/index.vue +91 -0
  80. package/template/src/components/SvgIcon/index.vue +62 -0
  81. package/template/src/components/TextHoverEffect/Mallki.vue +113 -0
  82. package/template/src/components/ThemePicker/index.vue +175 -0
  83. package/template/src/components/Tinymce/components/EditorImage.vue +111 -0
  84. package/template/src/components/Tinymce/dynamicLoadScript.js +59 -0
  85. package/template/src/components/Tinymce/index.vue +247 -0
  86. package/template/src/components/Tinymce/plugins.js +7 -0
  87. package/template/src/components/Tinymce/toolbar.js +6 -0
  88. package/template/src/components/Upload/SingleImage.vue +134 -0
  89. package/template/src/components/Upload/SingleImage2.vue +130 -0
  90. package/template/src/components/Upload/SingleImage3.vue +157 -0
  91. package/template/src/components/UploadExcel/index.vue +138 -0
  92. package/template/src/directive/clipboard/clipboard.js +49 -0
  93. package/template/src/directive/clipboard/index.js +13 -0
  94. package/template/src/directive/el-drag-dialog/drag.js +77 -0
  95. package/template/src/directive/el-drag-dialog/index.js +13 -0
  96. package/template/src/directive/el-table/adaptive.js +41 -0
  97. package/template/src/directive/el-table/index.js +13 -0
  98. package/template/src/directive/permission/index.js +13 -0
  99. package/template/src/directive/permission/permission.js +31 -0
  100. package/template/src/directive/sticky.js +91 -0
  101. package/template/src/directive/waves/index.js +13 -0
  102. package/template/src/directive/waves/waves.css +26 -0
  103. package/template/src/directive/waves/waves.js +72 -0
  104. package/template/src/filters/index.js +68 -0
  105. package/template/src/icons/index.js +9 -0
  106. package/template/src/icons/svg/404.svg +1 -0
  107. package/template/src/icons/svg/bug.svg +1 -0
  108. package/template/src/icons/svg/chart.svg +1 -0
  109. package/template/src/icons/svg/clipboard.svg +1 -0
  110. package/template/src/icons/svg/component.svg +1 -0
  111. package/template/src/icons/svg/dashboard.svg +1 -0
  112. package/template/src/icons/svg/documentation.svg +1 -0
  113. package/template/src/icons/svg/drag.svg +1 -0
  114. package/template/src/icons/svg/edit.svg +1 -0
  115. package/template/src/icons/svg/education.svg +1 -0
  116. package/template/src/icons/svg/email.svg +1 -0
  117. package/template/src/icons/svg/example.svg +1 -0
  118. package/template/src/icons/svg/excel.svg +1 -0
  119. package/template/src/icons/svg/exit-fullscreen.svg +1 -0
  120. package/template/src/icons/svg/eye-open.svg +1 -0
  121. package/template/src/icons/svg/eye.svg +1 -0
  122. package/template/src/icons/svg/form.svg +1 -0
  123. package/template/src/icons/svg/fullscreen.svg +1 -0
  124. package/template/src/icons/svg/guide.svg +1 -0
  125. package/template/src/icons/svg/icon.svg +1 -0
  126. package/template/src/icons/svg/international.svg +1 -0
  127. package/template/src/icons/svg/language.svg +1 -0
  128. package/template/src/icons/svg/link.svg +1 -0
  129. package/template/src/icons/svg/list.svg +1 -0
  130. package/template/src/icons/svg/lock.svg +1 -0
  131. package/template/src/icons/svg/message.svg +1 -0
  132. package/template/src/icons/svg/money.svg +1 -0
  133. package/template/src/icons/svg/nested.svg +1 -0
  134. package/template/src/icons/svg/password.svg +1 -0
  135. package/template/src/icons/svg/pdf.svg +1 -0
  136. package/template/src/icons/svg/people.svg +1 -0
  137. package/template/src/icons/svg/peoples.svg +1 -0
  138. package/template/src/icons/svg/qq.svg +1 -0
  139. package/template/src/icons/svg/search.svg +1 -0
  140. package/template/src/icons/svg/shopping.svg +1 -0
  141. package/template/src/icons/svg/size.svg +1 -0
  142. package/template/src/icons/svg/skill.svg +1 -0
  143. package/template/src/icons/svg/star.svg +1 -0
  144. package/template/src/icons/svg/tab.svg +1 -0
  145. package/template/src/icons/svg/table.svg +1 -0
  146. package/template/src/icons/svg/theme.svg +1 -0
  147. package/template/src/icons/svg/tree-table.svg +1 -0
  148. package/template/src/icons/svg/tree.svg +1 -0
  149. package/template/src/icons/svg/user.svg +1 -0
  150. package/template/src/icons/svg/wechat.svg +1 -0
  151. package/template/src/icons/svg/zip.svg +1 -0
  152. package/template/src/icons/svgo.yml +22 -0
  153. package/template/src/layout/components/AppMain.vue +57 -0
  154. package/template/src/layout/components/Navbar.vue +167 -0
  155. package/template/src/layout/components/Settings/index.vue +108 -0
  156. package/template/src/layout/components/Sidebar/FixiOSBug.js +26 -0
  157. package/template/src/layout/components/Sidebar/Item.vue +41 -0
  158. package/template/src/layout/components/Sidebar/Link.vue +43 -0
  159. package/template/src/layout/components/Sidebar/Logo.vue +82 -0
  160. package/template/src/layout/components/Sidebar/SidebarItem.vue +95 -0
  161. package/template/src/layout/components/Sidebar/index.vue +54 -0
  162. package/template/src/layout/components/TagsView/ScrollPane.vue +94 -0
  163. package/template/src/layout/components/TagsView/index.vue +292 -0
  164. package/template/src/layout/components/index.js +5 -0
  165. package/template/src/layout/index.vue +102 -0
  166. package/template/src/layout/mixin/ResizeHandler.js +45 -0
  167. package/template/src/main.js +53 -0
  168. package/template/src/permission.js +74 -0
  169. package/template/src/router/index.js +404 -0
  170. package/template/src/router/modules/charts.js +36 -0
  171. package/template/src/router/modules/components.js +102 -0
  172. package/template/src/router/modules/nested.js +66 -0
  173. package/template/src/router/modules/table.js +41 -0
  174. package/template/src/settings.js +35 -0
  175. package/template/src/store/getters.js +15 -0
  176. package/template/src/store/index.js +25 -0
  177. package/template/src/store/modules/app.js +56 -0
  178. package/template/src/store/modules/errorLog.js +28 -0
  179. package/template/src/store/modules/permission.js +69 -0
  180. package/template/src/store/modules/settings.js +35 -0
  181. package/template/src/store/modules/tagsView.js +160 -0
  182. package/template/src/store/modules/user.js +131 -0
  183. package/template/src/styles/btn.scss +99 -0
  184. package/template/src/styles/element-ui.scss +84 -0
  185. package/template/src/styles/element-variables.scss +31 -0
  186. package/template/src/styles/index.scss +191 -0
  187. package/template/src/styles/mixin.scss +66 -0
  188. package/template/src/styles/sidebar.scss +226 -0
  189. package/template/src/styles/transition.scss +48 -0
  190. package/template/src/styles/variables.scss +35 -0
  191. package/template/src/utils/auth.js +15 -0
  192. package/template/src/utils/clipboard.js +32 -0
  193. package/template/src/utils/error-log.js +35 -0
  194. package/template/src/utils/get-page-title.js +10 -0
  195. package/template/src/utils/index.js +357 -0
  196. package/template/src/utils/open-window.js +25 -0
  197. package/template/src/utils/permission.js +21 -0
  198. package/template/src/utils/request.js +85 -0
  199. package/template/src/utils/scroll-to.js +58 -0
  200. package/template/src/utils/validate.js +87 -0
  201. package/template/src/vendor/Export2Excel.js +220 -0
  202. package/template/src/vendor/Export2Zip.js +24 -0
  203. package/template/src/views/charts/keyboard.vue +23 -0
  204. package/template/src/views/charts/line.vue +23 -0
  205. package/template/src/views/charts/mix-chart.vue +23 -0
  206. package/template/src/views/clipboard/index.vue +49 -0
  207. package/template/src/views/components-demo/avatar-upload.vue +61 -0
  208. package/template/src/views/components-demo/back-to-top.vue +154 -0
  209. package/template/src/views/components-demo/count-to.vue +218 -0
  210. package/template/src/views/components-demo/dnd-list.vue +39 -0
  211. package/template/src/views/components-demo/drag-dialog.vue +61 -0
  212. package/template/src/views/components-demo/drag-kanban.vue +66 -0
  213. package/template/src/views/components-demo/drag-select.vue +43 -0
  214. package/template/src/views/components-demo/dropzone.vue +31 -0
  215. package/template/src/views/components-demo/json-editor.vue +36 -0
  216. package/template/src/views/components-demo/markdown.vue +101 -0
  217. package/template/src/views/components-demo/mixin.vue +169 -0
  218. package/template/src/views/components-demo/split-pane.vue +67 -0
  219. package/template/src/views/components-demo/sticky.vue +135 -0
  220. package/template/src/views/components-demo/tinymce.vue +36 -0
  221. package/template/src/views/dashboard/admin/components/BarChart.vue +102 -0
  222. package/template/src/views/dashboard/admin/components/BoxCard.vue +118 -0
  223. package/template/src/views/dashboard/admin/components/LineChart.vue +135 -0
  224. package/template/src/views/dashboard/admin/components/PanelGroup.vue +181 -0
  225. package/template/src/views/dashboard/admin/components/PieChart.vue +79 -0
  226. package/template/src/views/dashboard/admin/components/RaddarChart.vue +116 -0
  227. package/template/src/views/dashboard/admin/components/TodoList/Todo.vue +81 -0
  228. package/template/src/views/dashboard/admin/components/TodoList/index.scss +320 -0
  229. package/template/src/views/dashboard/admin/components/TodoList/index.vue +127 -0
  230. package/template/src/views/dashboard/admin/components/TransactionTable.vue +55 -0
  231. package/template/src/views/dashboard/admin/components/mixins/resize.js +55 -0
  232. package/template/src/views/dashboard/admin/index.vue +124 -0
  233. package/template/src/views/dashboard/editor/index.vue +74 -0
  234. package/template/src/views/dashboard/index.vue +31 -0
  235. package/template/src/views/documentation/index.vue +57 -0
  236. package/template/src/views/error-log/components/ErrorTestA.vue +13 -0
  237. package/template/src/views/error-log/components/ErrorTestB.vue +11 -0
  238. package/template/src/views/error-log/index.vue +32 -0
  239. package/template/src/views/error-page/401.vue +99 -0
  240. package/template/src/views/error-page/404.vue +228 -0
  241. package/template/src/views/example/components/ArticleDetail.vue +289 -0
  242. package/template/src/views/example/components/Dropdown/Comment.vue +41 -0
  243. package/template/src/views/example/components/Dropdown/Platform.vue +46 -0
  244. package/template/src/views/example/components/Dropdown/SourceUrl.vue +38 -0
  245. package/template/src/views/example/components/Dropdown/index.js +3 -0
  246. package/template/src/views/example/components/Warning.vue +13 -0
  247. package/template/src/views/example/create.vue +13 -0
  248. package/template/src/views/example/edit.vue +13 -0
  249. package/template/src/views/example/list.vue +112 -0
  250. package/template/src/views/excel/components/AutoWidthOption.vue +34 -0
  251. package/template/src/views/excel/components/BookTypeOption.vue +39 -0
  252. package/template/src/views/excel/components/FilenameOption.vue +27 -0
  253. package/template/src/views/excel/export-excel.vue +116 -0
  254. package/template/src/views/excel/merge-header.vue +101 -0
  255. package/template/src/views/excel/select-excel.vue +107 -0
  256. package/template/src/views/excel/upload-excel.vue +42 -0
  257. package/template/src/views/guide/index.vue +36 -0
  258. package/template/src/views/guide/steps.js +53 -0
  259. package/template/src/views/icons/element-icons.js +3 -0
  260. package/template/src/views/icons/index.vue +101 -0
  261. package/template/src/views/icons/svg-icons.js +10 -0
  262. package/template/src/views/login/auth-redirect.vue +15 -0
  263. package/template/src/views/login/components/SocialSignin.vue +72 -0
  264. package/template/src/views/login/index.vue +324 -0
  265. package/template/src/views/nested/menu1/index.vue +7 -0
  266. package/template/src/views/nested/menu1/menu1-1/index.vue +7 -0
  267. package/template/src/views/nested/menu1/menu1-2/index.vue +7 -0
  268. package/template/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue +5 -0
  269. package/template/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue +5 -0
  270. package/template/src/views/nested/menu1/menu1-3/index.vue +5 -0
  271. package/template/src/views/nested/menu2/index.vue +5 -0
  272. package/template/src/views/pdf/content.js +58 -0
  273. package/template/src/views/pdf/download.vue +201 -0
  274. package/template/src/views/pdf/index.vue +13 -0
  275. package/template/src/views/permission/components/SwitchRoles.vue +32 -0
  276. package/template/src/views/permission/directive.vue +111 -0
  277. package/template/src/views/permission/page.vue +19 -0
  278. package/template/src/views/permission/role.vue +270 -0
  279. package/template/src/views/profile/components/Account.vue +38 -0
  280. package/template/src/views/profile/components/Activity.vue +185 -0
  281. package/template/src/views/profile/components/Timeline.vue +43 -0
  282. package/template/src/views/profile/components/UserCard.vue +134 -0
  283. package/template/src/views/profile/index.vue +68 -0
  284. package/template/src/views/qiniu/upload.vue +41 -0
  285. package/template/src/views/redirect/index.vue +12 -0
  286. package/template/src/views/tab/components/TabPane.vue +103 -0
  287. package/template/src/views/tab/index.vue +57 -0
  288. package/template/src/views/table/complex-table.vue +379 -0
  289. package/template/src/views/table/drag-table.vue +153 -0
  290. package/template/src/views/table/dynamic-table/components/FixedThead.vue +62 -0
  291. package/template/src/views/table/dynamic-table/components/UnfixedThead.vue +50 -0
  292. package/template/src/views/table/dynamic-table/index.vue +24 -0
  293. package/template/src/views/table/inline-edit-table.vue +149 -0
  294. package/template/src/views/theme/index.vue +120 -0
  295. package/template/src/views/zip/index.vue +77 -0
  296. package/template/tests/unit/.eslintrc.js +5 -0
  297. package/template/tests/unit/components/Hamburger.spec.js +18 -0
  298. package/template/tests/unit/components/SvgIcon.spec.js +22 -0
  299. package/template/tests/unit/utils/formatTime.spec.js +29 -0
  300. package/template/tests/unit/utils/param2Obj.spec.js +14 -0
  301. package/template/tests/unit/utils/parseTime.spec.js +37 -0
  302. package/template/tests/unit/utils/validate.spec.js +28 -0
  303. package/template/vue.config.js +124 -0
@@ -0,0 +1,224 @@
1
+ <p align="center">
2
+ <img width="320" src="https://wpimg.wallstcn.com/ecc53a42-d79b-42e2-8852-5126b810a4c8.svg">
3
+ </p>
4
+
5
+ <p align="center">
6
+ <a href="https://github.com/vuejs/vue">
7
+ <img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue">
8
+ </a>
9
+ <a href="https://github.com/ElemeFE/element">
10
+ <img src="https://img.shields.io/badge/element--ui-2.7.0-brightgreen.svg" alt="element-ui">
11
+ </a>
12
+ <a href="https://travis-ci.org/PanJiaChen/vue-element-admin" rel="nofollow">
13
+ <img src="https://travis-ci.org/PanJiaChen/vue-element-admin.svg?branch=master" alt="Build Status">
14
+ </a>
15
+ <a href="https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE">
16
+ <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
17
+ </a>
18
+ <a href="https://github.com/PanJiaChen/vue-element-admin/releases">
19
+ <img src="https://img.shields.io/github/release/PanJiaChen/vue-element-admin.svg" alt="GitHub release">
20
+ </a>
21
+ <a href="https://gitter.im/vue-element-admin/discuss">
22
+ <img src="https://badges.gitter.im/Join%20Chat.svg" alt="gitter">
23
+ </a>
24
+ <a href="https://panjiachen.gitee.io/vue-element-admin-site/zh/donate">
25
+ <img src="https://img.shields.io/badge/%24-donate-ff69b4.svg" alt="donate">
26
+ </a>
27
+ </p>
28
+
29
+ 日本語 | [English](./README.md) | [简体中文](./README.zh-CN.md) | [Spanish](./README.es.md)
30
+
31
+ ## 概要
32
+
33
+ [vue-element-admin](https://panjiachen.github.io/vue-element-admin) は管理画面のフロントエンドのインタフェースで、[vue](https://github.com/vuejs/vue) と [element-ui](https://github.com/ElemeFE/element)を使っています。i18nの多言語対応、可変ルート、権限、典型的なビジネスアプリテンプレートであり、豊富なコンポーネントを提供しています。素早くビジネス用の管理画面の現型を構築に役立ちます。
34
+
35
+ - [デモページ](https://panjiachen.github.io/vue-element-admin)
36
+
37
+ - [ドキュメント](https://panjiachen.github.io/vue-element-admin-site/)
38
+
39
+ - [Gitter](https://gitter.im/vue-element-admin/discuss)
40
+
41
+ - [Donate](https://panjiachen.gitee.io/vue-element-admin-site/zh/donate)
42
+
43
+ - [Wiki](https://github.com/PanJiaChen/vue-element-admin/wiki)
44
+
45
+ - おすすめシンプルテンプレート: [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)
46
+ - デスクトップバージョン: [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
47
+ - Typescriptバージョン: [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (感謝: [@Armour](https://github.com/Armour))
48
+ - [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
49
+
50
+ **バージョン`v4.1.0+`以降について、デフォルトのmasterブランチではi18nをサポートしていません。masterブランチと共にアップデートされる[i18n Branch](https://github.com/PanJiaChen/vue-element-admin/tree/i18n)を使用してください。 **
51
+
52
+ **現在のバージョン `v4.0+` は `vue-cli` で構築していて、バグ報告は[issue](https://github.com/PanJiaChen/vue-element-admin/issues/new)のissueでお願いします。旧バージョン[tag/3.11.0](https://github.com/PanJiaChen/vue-element-admin/tree/tag/3.11.0)もあります。こちらは`vue-cli`に依存しないです。**
53
+
54
+ **低いバージョンのブラウザはサーポートしないです(例えば ie),必要があれば polyfill を追加してください。 [詳細はこちら](https://github.com/PanJiaChen/vue-element-admin/wiki#babel-polyfill)**
55
+
56
+ ## 前準備
57
+
58
+ ローカル環境に [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/) 、[vue-cli](https://github.com/vuejs/vue-cli) 、[axios](https://github.com/axios/axios) と [element-ui](https://github.com/ElemeFE/element)で開発しています。Requestは[Mock.js](https://github.com/nuysoft/Mock)のモックデータを使っています。
59
+
60
+ **バグ修正や新規機能追加のissue と pull requestは大歓迎です。**
61
+
62
+ [![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/PanJiaChen/vue-element-admin/tree/CodeSandbox)
63
+
64
+ <p align="center">
65
+ <img width="900" src="https://wpimg.wallstcn.com/a5894c1b-f6af-456e-82df-1151da0839bf.png">
66
+ </p>
67
+
68
+ ## Sponsors
69
+
70
+ Become a sponsor and get your logo on our README on GitHub with a link to your site. [[Become a sponsor]](https://www.patreon.com/panjiachen)
71
+
72
+ ### Akveo
73
+ <a href="https://store.akveo.com/products/vue-java-admin-dashboard-spring?utm_campaign=akveo_store-Vue-Vue_demo%2Fgithub&utm_source=vue_admin&utm_medium=referral&utm_content=github_banner"><img width="500px" src="https://raw.githubusercontent.com/PanJiaChen/vue-element-admin-site/master/docs/.vuepress/public/images/vue-java-banner.png" /></a><p>Get Java backend for Vue admin with 20% discount for 39$ use coupon code SWB0RAZPZR1M
74
+ </p>
75
+
76
+ ### Flatlogic
77
+
78
+ <a href="https://flatlogic.com/admin-dashboards?from=vue-element-admin"><img width="150px" src="https://wpimg.wallstcn.com/9c0b719b-5551-4c1e-b776-63994632d94a.png" /></a><p>Admin Dashboard Templates made with Vue, React and Angular.</p>
79
+
80
+ ## 機能一覧
81
+
82
+ ```
83
+ - ログイン / ログアウト
84
+
85
+ - Auth認証
86
+ - ページ権限
87
+ - 権限パーミッション
88
+ - 権限設定
89
+ - 外部IDでログイン
90
+
91
+ - 複数環境デプロイ
92
+ - dev
93
+ - sit
94
+ - stage
95
+ - prod
96
+
97
+ - 共通機能
98
+ - 多言語切替
99
+ - テーマ切替
100
+ - サイトメニュー(ルートから生成)
101
+ - パンくずリストナビゲーション
102
+ - タブナビゲーション
103
+ - Svg Sprite アイコン
104
+ - ローカル/バックエンド モック データ
105
+ - Screenfull
106
+
107
+ - WYSIWYG
108
+ - TinyMCE
109
+ - Markdown
110
+ - JSON
111
+
112
+ - Excel
113
+ - エクスポート
114
+ - インポート
115
+ - リード
116
+ - Zip
117
+
118
+ - テーブル
119
+ - ダイナミックテーブル
120
+ - ドラッグアンドドロップテーブル
121
+ - インラインエディットテーブル
122
+
123
+ - エラーページ
124
+ - 401
125
+ - 404
126
+
127
+ - コンポーネント
128
+ - アバターアップロード
129
+ - トップに戻る
130
+ - ドラッグダイアログ
131
+ - ドラッグ選択
132
+ - ドラッグKanban
133
+ - ドラッグリスト
134
+ - ペインの分割
135
+ - Dropzone
136
+ - スティッキー
137
+ - CountTo
138
+
139
+ - 高度なサンプル
140
+ - エラーログ
141
+ - ダッシュボード
142
+ - ガイドページ
143
+ - ECharts
144
+ - クリップボード
145
+ - Markdown to html
146
+ ```
147
+
148
+ ## Getting started
149
+
150
+ ```bash
151
+ # clone the project
152
+ git clone https://github.com/PanJiaChen/vue-element-admin.git
153
+
154
+ # enter the project directory
155
+ cd vue-element-admin
156
+
157
+ # install dependency
158
+ npm install
159
+
160
+ # develop
161
+ npm run dev
162
+ ```
163
+
164
+ http://localhost:9527 が自動的に開きます。
165
+
166
+ ## Build
167
+
168
+ ```bash
169
+ # build for test environment
170
+ npm run build:stage
171
+
172
+ # build for production environment
173
+ npm run build:prod
174
+ ```
175
+
176
+ ## Advanced
177
+
178
+ ```bash
179
+ # preview the release environment effect
180
+ npm run preview
181
+
182
+ # preview the release environment effect + static resource analysis
183
+ npm run preview -- --report
184
+
185
+ # code format check
186
+ npm run lint
187
+
188
+ # code format check and auto fix
189
+ npm run lint -- --fix
190
+ ```
191
+
192
+ 詳細は [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) を参照してください。
193
+
194
+ ## Changelog
195
+
196
+ 各リリースの詳細は [release notes](https://github.com/PanJiaChen/vue-element-admin/releases) にあります。
197
+
198
+ ## Online Demo
199
+
200
+ [Preview](https://panjiachen.github.io/vue-element-admin)
201
+
202
+ ## Donate
203
+
204
+ If you find this project useful, you can buy author a glass of juice :tropical_drink:
205
+
206
+ ![donate](https://wpimg.wallstcn.com/bd273f0d-83a0-4ef2-92e1-9ac8ed3746b9.png)
207
+
208
+ [Paypal Me](https://www.paypal.me/panfree23)
209
+
210
+ [Buy me a coffee](https://www.buymeacoffee.com/Pan)
211
+
212
+ ## Browsers support
213
+
214
+ Modern browsers and Internet Explorer 10+.
215
+
216
+ | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Safari |
217
+ | --------- | --------- | --------- | --------- |
218
+ | IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |
219
+
220
+ ## License
221
+
222
+ [MIT](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE)
223
+
224
+ Copyright (c) 2017-present PanJiaChen
@@ -0,0 +1,250 @@
1
+ <p align="center">
2
+ <img width="320" src="https://wpimg.wallstcn.com/ecc53a42-d79b-42e2-8852-5126b810a4c8.svg">
3
+ </p>
4
+
5
+ <p align="center">
6
+ <a href="https://github.com/vuejs/vue">
7
+ <img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue">
8
+ </a>
9
+ <a href="https://github.com/ElemeFE/element">
10
+ <img src="https://img.shields.io/badge/element--ui-2.7.0-brightgreen.svg" alt="element-ui">
11
+ </a>
12
+ <a href="https://travis-ci.org/PanJiaChen/vue-element-admin" rel="nofollow">
13
+ <img src="https://travis-ci.org/PanJiaChen/vue-element-admin.svg?branch=master" alt="Build Status">
14
+ </a>
15
+ <a href="https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE">
16
+ <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
17
+ </a>
18
+ <a href="https://github.com/PanJiaChen/vue-element-admin/releases">
19
+ <img src="https://img.shields.io/github/release/PanJiaChen/vue-element-admin.svg" alt="GitHub release">
20
+ </a>
21
+ <a href="https://gitter.im/vue-element-admin/discuss">
22
+ <img src="https://badges.gitter.im/Join%20Chat.svg" alt="gitter">
23
+ </a>
24
+ <a href="https://panjiachen.github.io/vue-element-admin-site/donate">
25
+ <img src="https://img.shields.io/badge/%24-donate-ff69b4.svg" alt="donate">
26
+ </a>
27
+ </p>
28
+
29
+ English | [简体中文](./README.zh-CN.md) | [日本語](./README.ja.md) | [Spanish](./README.es.md)
30
+
31
+ <p align="center">
32
+ <b>SPONSORED BY</b>
33
+ </p>
34
+ <table align="center" cellspacing="0" cellpadding="0">
35
+ <tbody>
36
+ <tr>
37
+ <td align="center" valign="middle" width="250">
38
+ <a href="https://www.duohui.cn/?utm_source=vue-element-admin&utm_medium=web&utm_campaign=vue-element-admin_github" title="多会" target="_blank">
39
+ <img height="60px" src="https://qiniu.cdn.duohui.co/brand/duohui.png" title="多会 - 活动服务销售平台">
40
+ <p>活动服务销售平台</p>
41
+ </a>
42
+ </td>
43
+ <td align="center" valign="middle" width="250">
44
+ <a href="https://youke.co/?utm_source=vue-element-admin&utm_medium=web&utm_campaign=vue-element-admin_github" title="有客" target="_blank">
45
+ <img height="60px" src="https://qiniu.cdn.duohui.co/brand/youke.png" title="有客 - 客户消息直达工作群">
46
+ <p>客户消息直达工作群</p>
47
+ </a>
48
+ </td>
49
+ </tr>
50
+ </tbody>
51
+ </table>
52
+
53
+ ## Introduction
54
+
55
+ [vue-element-admin](https://panjiachen.github.io/vue-element-admin) is a production-ready front-end solution for admin interfaces. It is based on [vue](https://github.com/vuejs/vue) and uses the UI Toolkit [element-ui](https://github.com/ElemeFE/element).
56
+
57
+ [vue-element-admin](https://panjiachen.github.io/vue-element-admin) is based on the newest development stack of vue and it has a built-in i18n solution, typical templates for enterprise applications, and lots of awesome features. It helps you build large and complex Single-Page Applications. I believe whatever your needs are, this project will help you.
58
+
59
+ - [Preview](https://panjiachen.github.io/vue-element-admin)
60
+
61
+ - [Documentation](https://panjiachen.github.io/vue-element-admin-site/)
62
+
63
+ - [Gitter](https://gitter.im/vue-element-admin/discuss)
64
+
65
+ - [Donate](https://panjiachen.github.io/vue-element-admin-site/donate/)
66
+
67
+ - [Wiki](https://github.com/PanJiaChen/vue-element-admin/wiki)
68
+
69
+ - [Gitee](https://panjiachen.gitee.io/vue-element-admin/) 国内用户可访问该地址在线预览
70
+
71
+ - Base template recommends using: [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)
72
+ - Desktop: [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
73
+ - Typescript: [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
74
+ - [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
75
+
76
+ **After the `v4.1.0+` version, the default master branch will not support i18n. Please use [i18n Branch](https://github.com/PanJiaChen/vue-element-admin/tree/i18n), it will keep up with the master update**
77
+
78
+ **The current version is `v4.0+` build on `vue-cli`. If you find a problem, please put [issue](https://github.com/PanJiaChen/vue-element-admin/issues/new). If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-element-admin/tree/tag/3.11.0), it does not rely on `vue-cli`**
79
+
80
+ **This project does not support low version browsers (e.g. IE). Please add polyfill by yourself.**
81
+
82
+ ## Preparation
83
+
84
+ You need to install [node](https://nodejs.org/) and [git](https://git-scm.com/) locally. The project is based on [ES2015+](https://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/), [vue-cli](https://github.com/vuejs/vue-cli) , [axios](https://github.com/axios/axios) and [element-ui](https://github.com/ElemeFE/element), all request data is simulated using [Mock.js](https://github.com/nuysoft/Mock).
85
+ Understanding and learning this knowledge in advance will greatly help the use of this project.
86
+
87
+ [![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/PanJiaChen/vue-element-admin/tree/CodeSandbox)
88
+
89
+ <p align="center">
90
+ <img width="900" src="https://wpimg.wallstcn.com/a5894c1b-f6af-456e-82df-1151da0839bf.png">
91
+ </p>
92
+
93
+ ## Sponsors
94
+
95
+ Become a sponsor and get your logo on our README on GitHub with a link to your site. [[Become a sponsor]](https://www.patreon.com/panjiachen)
96
+
97
+ ### Akveo
98
+ <a href="https://store.akveo.com/products/vue-java-admin-dashboard-spring?utm_campaign=akveo_store-Vue-Vue_demo%2Fgithub&utm_source=vue_admin&utm_medium=referral&utm_content=github_banner"><img width="500px" src="https://raw.githubusercontent.com/PanJiaChen/vue-element-admin-site/master/docs/.vuepress/public/images/vue-java-banner.png" /></a><p>Get Java backend for Vue admin with 20% discount for 39$ use coupon code SWB0RAZPZR1M
99
+ </p>
100
+
101
+ ### Flatlogic
102
+
103
+ <a href="https://flatlogic.com/admin-dashboards?from=vue-element-admin"><img width="150px" src="https://wpimg.wallstcn.com/9c0b719b-5551-4c1e-b776-63994632d94a.png" /></a><p>Admin Dashboard Templates made with Vue, React and Angular.</p>
104
+
105
+ ## Features
106
+
107
+ ```
108
+ - Login / Logout
109
+
110
+ - Permission Authentication
111
+ - Page permission
112
+ - Directive permission
113
+ - Permission configuration page
114
+ - Two-step login
115
+
116
+ - Multi-environment build
117
+ - Develop (dev)
118
+ - sit
119
+ - Stage Test (stage)
120
+ - Production (prod)
121
+
122
+ - Global Features
123
+ - I18n
124
+ - Multiple dynamic themes
125
+ - Dynamic sidebar (supports multi-level routing)
126
+ - Dynamic breadcrumb
127
+ - Tags-view (Tab page Support right-click operation)
128
+ - Svg Sprite
129
+ - Mock data
130
+ - Screenfull
131
+ - Responsive Sidebar
132
+
133
+ - Editor
134
+ - Rich Text Editor
135
+ - Markdown Editor
136
+ - JSON Editor
137
+
138
+ - Excel
139
+ - Export Excel
140
+ - Upload Excel
141
+ - Visualization Excel
142
+ - Export zip
143
+
144
+ - Table
145
+ - Dynamic Table
146
+ - Drag And Drop Table
147
+ - Inline Edit Table
148
+
149
+ - Error Page
150
+ - 401
151
+ - 404
152
+
153
+ - Components
154
+ - Avatar Upload
155
+ - Back To Top
156
+ - Drag Dialog
157
+ - Drag Select
158
+ - Drag Kanban
159
+ - Drag List
160
+ - SplitPane
161
+ - Dropzone
162
+ - Sticky
163
+ - CountTo
164
+
165
+ - Advanced Example
166
+ - Error Log
167
+ - Dashboard
168
+ - Guide Page
169
+ - ECharts
170
+ - Clipboard
171
+ - Markdown to html
172
+ ```
173
+
174
+ ## Getting started
175
+
176
+ ```bash
177
+ # clone the project
178
+ git clone https://github.com/PanJiaChen/vue-element-admin.git
179
+
180
+ # enter the project directory
181
+ cd vue-element-admin
182
+
183
+ # install dependency
184
+ npm install
185
+
186
+ # develop
187
+ npm run dev
188
+ ```
189
+
190
+ This will automatically open http://localhost:9527
191
+
192
+ ## Build
193
+
194
+ ```bash
195
+ # build for test environment
196
+ npm run build:stage
197
+
198
+ # build for production environment
199
+ npm run build:prod
200
+ ```
201
+
202
+ ## Advanced
203
+
204
+ ```bash
205
+ # preview the release environment effect
206
+ npm run preview
207
+
208
+ # preview the release environment effect + static resource analysis
209
+ npm run preview -- --report
210
+
211
+ # code format check
212
+ npm run lint
213
+
214
+ # code format check and auto fix
215
+ npm run lint -- --fix
216
+ ```
217
+
218
+ Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information
219
+
220
+ ## Changelog
221
+
222
+ Detailed changes for each release are documented in the [release notes](https://github.com/PanJiaChen/vue-element-admin/releases).
223
+
224
+ ## Online Demo
225
+
226
+ [Preview](https://panjiachen.github.io/vue-element-admin)
227
+
228
+ ## Donate
229
+
230
+ If you find this project useful, you can buy author a glass of juice :tropical_drink:
231
+
232
+ ![donate](https://wpimg.wallstcn.com/bd273f0d-83a0-4ef2-92e1-9ac8ed3746b9.png)
233
+
234
+ [Paypal Me](https://www.paypal.me/panfree23)
235
+
236
+ [Buy me a coffee](https://www.buymeacoffee.com/Pan)
237
+
238
+ ## Browsers support
239
+
240
+ Modern browsers and Internet Explorer 10+.
241
+
242
+ | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Safari |
243
+ | --------- | --------- | --------- | --------- |
244
+ | IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |
245
+
246
+ ## License
247
+
248
+ [MIT](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE)
249
+
250
+ Copyright (c) 2017-present PanJiaChen