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.
- package/package.json +8 -0
- package/template/.editorconfig +14 -0
- package/template/.env.development +5 -0
- package/template/.env.production +6 -0
- package/template/.env.staging +8 -0
- package/template/.eslintignore +4 -0
- package/template/.eslintrc.js +198 -0
- package/template/.travis.yml +5 -0
- package/template/LICENSE +21 -0
- package/template/README.es.md +228 -0
- package/template/README.ja.md +224 -0
- package/template/README.md +250 -0
- package/template/README.zh-CN.md +273 -0
- package/template/babel.config.js +14 -0
- package/template/build/index.js +35 -0
- package/template/jest.config.js +24 -0
- package/template/jsconfig.json +9 -0
- package/template/mock/article.js +116 -0
- package/template/mock/index.js +60 -0
- package/template/mock/mock-server.js +81 -0
- package/template/mock/remote-search.js +51 -0
- package/template/mock/role/index.js +98 -0
- package/template/mock/role/routes.js +530 -0
- package/template/mock/user.js +84 -0
- package/template/mock/utils.js +48 -0
- package/template/package.json +111 -0
- package/template/plop-templates/component/index.hbs +26 -0
- package/template/plop-templates/component/prompt.js +55 -0
- package/template/plop-templates/store/index.hbs +16 -0
- package/template/plop-templates/store/prompt.js +62 -0
- package/template/plop-templates/utils.js +2 -0
- package/template/plop-templates/view/index.hbs +26 -0
- package/template/plop-templates/view/prompt.js +55 -0
- package/template/plopfile.js +9 -0
- package/template/postcss.config.js +5 -0
- package/template/public/favicon.ico +0 -0
- package/template/public/index.html +15 -0
- package/template/src/App.vue +11 -0
- package/template/src/api/article.js +41 -0
- package/template/src/api/qiniu.js +8 -0
- package/template/src/api/remote-search.js +17 -0
- package/template/src/api/role.js +38 -0
- package/template/src/api/user.js +24 -0
- package/template/src/assets/401_images/401.gif +0 -0
- package/template/src/assets/404_images/404.png +0 -0
- package/template/src/assets/404_images/404_cloud.png +0 -0
- package/template/src/assets/custom-theme/fonts/element-icons.ttf +0 -0
- package/template/src/assets/custom-theme/fonts/element-icons.woff +0 -0
- package/template/src/assets/custom-theme/index.css +1 -0
- package/template/src/components/BackToTop/index.vue +111 -0
- package/template/src/components/Breadcrumb/index.vue +82 -0
- package/template/src/components/Charts/Keyboard.vue +155 -0
- package/template/src/components/Charts/LineMarker.vue +227 -0
- package/template/src/components/Charts/MixChart.vue +271 -0
- package/template/src/components/Charts/mixins/resize.js +56 -0
- package/template/src/components/DndList/index.vue +166 -0
- package/template/src/components/DragSelect/index.vue +65 -0
- package/template/src/components/Dropzone/index.vue +297 -0
- package/template/src/components/ErrorLog/index.vue +78 -0
- package/template/src/components/GithubCorner/index.vue +54 -0
- package/template/src/components/Hamburger/index.vue +44 -0
- package/template/src/components/HeaderSearch/index.vue +180 -0
- package/template/src/components/ImageCropper/index.vue +1779 -0
- package/template/src/components/ImageCropper/utils/data2blob.js +19 -0
- package/template/src/components/ImageCropper/utils/effectRipple.js +39 -0
- package/template/src/components/ImageCropper/utils/language.js +232 -0
- package/template/src/components/ImageCropper/utils/mimes.js +7 -0
- package/template/src/components/JsonEditor/index.vue +77 -0
- package/template/src/components/Kanban/index.vue +99 -0
- package/template/src/components/MDinput/index.vue +360 -0
- package/template/src/components/MarkdownEditor/default-options.js +31 -0
- package/template/src/components/MarkdownEditor/index.vue +118 -0
- package/template/src/components/Pagination/index.vue +101 -0
- package/template/src/components/PanThumb/index.vue +142 -0
- package/template/src/components/RightPanel/index.vue +145 -0
- package/template/src/components/Screenfull/index.vue +60 -0
- package/template/src/components/Share/DropdownMenu.vue +103 -0
- package/template/src/components/SizeSelect/index.vue +57 -0
- package/template/src/components/Sticky/index.vue +91 -0
- package/template/src/components/SvgIcon/index.vue +62 -0
- package/template/src/components/TextHoverEffect/Mallki.vue +113 -0
- package/template/src/components/ThemePicker/index.vue +175 -0
- package/template/src/components/Tinymce/components/EditorImage.vue +111 -0
- package/template/src/components/Tinymce/dynamicLoadScript.js +59 -0
- package/template/src/components/Tinymce/index.vue +247 -0
- package/template/src/components/Tinymce/plugins.js +7 -0
- package/template/src/components/Tinymce/toolbar.js +6 -0
- package/template/src/components/Upload/SingleImage.vue +134 -0
- package/template/src/components/Upload/SingleImage2.vue +130 -0
- package/template/src/components/Upload/SingleImage3.vue +157 -0
- package/template/src/components/UploadExcel/index.vue +138 -0
- package/template/src/directive/clipboard/clipboard.js +49 -0
- package/template/src/directive/clipboard/index.js +13 -0
- package/template/src/directive/el-drag-dialog/drag.js +77 -0
- package/template/src/directive/el-drag-dialog/index.js +13 -0
- package/template/src/directive/el-table/adaptive.js +41 -0
- package/template/src/directive/el-table/index.js +13 -0
- package/template/src/directive/permission/index.js +13 -0
- package/template/src/directive/permission/permission.js +31 -0
- package/template/src/directive/sticky.js +91 -0
- package/template/src/directive/waves/index.js +13 -0
- package/template/src/directive/waves/waves.css +26 -0
- package/template/src/directive/waves/waves.js +72 -0
- package/template/src/filters/index.js +68 -0
- package/template/src/icons/index.js +9 -0
- package/template/src/icons/svg/404.svg +1 -0
- package/template/src/icons/svg/bug.svg +1 -0
- package/template/src/icons/svg/chart.svg +1 -0
- package/template/src/icons/svg/clipboard.svg +1 -0
- package/template/src/icons/svg/component.svg +1 -0
- package/template/src/icons/svg/dashboard.svg +1 -0
- package/template/src/icons/svg/documentation.svg +1 -0
- package/template/src/icons/svg/drag.svg +1 -0
- package/template/src/icons/svg/edit.svg +1 -0
- package/template/src/icons/svg/education.svg +1 -0
- package/template/src/icons/svg/email.svg +1 -0
- package/template/src/icons/svg/example.svg +1 -0
- package/template/src/icons/svg/excel.svg +1 -0
- package/template/src/icons/svg/exit-fullscreen.svg +1 -0
- package/template/src/icons/svg/eye-open.svg +1 -0
- package/template/src/icons/svg/eye.svg +1 -0
- package/template/src/icons/svg/form.svg +1 -0
- package/template/src/icons/svg/fullscreen.svg +1 -0
- package/template/src/icons/svg/guide.svg +1 -0
- package/template/src/icons/svg/icon.svg +1 -0
- package/template/src/icons/svg/international.svg +1 -0
- package/template/src/icons/svg/language.svg +1 -0
- package/template/src/icons/svg/link.svg +1 -0
- package/template/src/icons/svg/list.svg +1 -0
- package/template/src/icons/svg/lock.svg +1 -0
- package/template/src/icons/svg/message.svg +1 -0
- package/template/src/icons/svg/money.svg +1 -0
- package/template/src/icons/svg/nested.svg +1 -0
- package/template/src/icons/svg/password.svg +1 -0
- package/template/src/icons/svg/pdf.svg +1 -0
- package/template/src/icons/svg/people.svg +1 -0
- package/template/src/icons/svg/peoples.svg +1 -0
- package/template/src/icons/svg/qq.svg +1 -0
- package/template/src/icons/svg/search.svg +1 -0
- package/template/src/icons/svg/shopping.svg +1 -0
- package/template/src/icons/svg/size.svg +1 -0
- package/template/src/icons/svg/skill.svg +1 -0
- package/template/src/icons/svg/star.svg +1 -0
- package/template/src/icons/svg/tab.svg +1 -0
- package/template/src/icons/svg/table.svg +1 -0
- package/template/src/icons/svg/theme.svg +1 -0
- package/template/src/icons/svg/tree-table.svg +1 -0
- package/template/src/icons/svg/tree.svg +1 -0
- package/template/src/icons/svg/user.svg +1 -0
- package/template/src/icons/svg/wechat.svg +1 -0
- package/template/src/icons/svg/zip.svg +1 -0
- package/template/src/icons/svgo.yml +22 -0
- package/template/src/layout/components/AppMain.vue +57 -0
- package/template/src/layout/components/Navbar.vue +167 -0
- package/template/src/layout/components/Settings/index.vue +108 -0
- package/template/src/layout/components/Sidebar/FixiOSBug.js +26 -0
- package/template/src/layout/components/Sidebar/Item.vue +41 -0
- package/template/src/layout/components/Sidebar/Link.vue +43 -0
- package/template/src/layout/components/Sidebar/Logo.vue +82 -0
- package/template/src/layout/components/Sidebar/SidebarItem.vue +95 -0
- package/template/src/layout/components/Sidebar/index.vue +54 -0
- package/template/src/layout/components/TagsView/ScrollPane.vue +94 -0
- package/template/src/layout/components/TagsView/index.vue +292 -0
- package/template/src/layout/components/index.js +5 -0
- package/template/src/layout/index.vue +102 -0
- package/template/src/layout/mixin/ResizeHandler.js +45 -0
- package/template/src/main.js +53 -0
- package/template/src/permission.js +74 -0
- package/template/src/router/index.js +404 -0
- package/template/src/router/modules/charts.js +36 -0
- package/template/src/router/modules/components.js +102 -0
- package/template/src/router/modules/nested.js +66 -0
- package/template/src/router/modules/table.js +41 -0
- package/template/src/settings.js +35 -0
- package/template/src/store/getters.js +15 -0
- package/template/src/store/index.js +25 -0
- package/template/src/store/modules/app.js +56 -0
- package/template/src/store/modules/errorLog.js +28 -0
- package/template/src/store/modules/permission.js +69 -0
- package/template/src/store/modules/settings.js +35 -0
- package/template/src/store/modules/tagsView.js +160 -0
- package/template/src/store/modules/user.js +131 -0
- package/template/src/styles/btn.scss +99 -0
- package/template/src/styles/element-ui.scss +84 -0
- package/template/src/styles/element-variables.scss +31 -0
- package/template/src/styles/index.scss +191 -0
- package/template/src/styles/mixin.scss +66 -0
- package/template/src/styles/sidebar.scss +226 -0
- package/template/src/styles/transition.scss +48 -0
- package/template/src/styles/variables.scss +35 -0
- package/template/src/utils/auth.js +15 -0
- package/template/src/utils/clipboard.js +32 -0
- package/template/src/utils/error-log.js +35 -0
- package/template/src/utils/get-page-title.js +10 -0
- package/template/src/utils/index.js +357 -0
- package/template/src/utils/open-window.js +25 -0
- package/template/src/utils/permission.js +21 -0
- package/template/src/utils/request.js +85 -0
- package/template/src/utils/scroll-to.js +58 -0
- package/template/src/utils/validate.js +87 -0
- package/template/src/vendor/Export2Excel.js +220 -0
- package/template/src/vendor/Export2Zip.js +24 -0
- package/template/src/views/charts/keyboard.vue +23 -0
- package/template/src/views/charts/line.vue +23 -0
- package/template/src/views/charts/mix-chart.vue +23 -0
- package/template/src/views/clipboard/index.vue +49 -0
- package/template/src/views/components-demo/avatar-upload.vue +61 -0
- package/template/src/views/components-demo/back-to-top.vue +154 -0
- package/template/src/views/components-demo/count-to.vue +218 -0
- package/template/src/views/components-demo/dnd-list.vue +39 -0
- package/template/src/views/components-demo/drag-dialog.vue +61 -0
- package/template/src/views/components-demo/drag-kanban.vue +66 -0
- package/template/src/views/components-demo/drag-select.vue +43 -0
- package/template/src/views/components-demo/dropzone.vue +31 -0
- package/template/src/views/components-demo/json-editor.vue +36 -0
- package/template/src/views/components-demo/markdown.vue +101 -0
- package/template/src/views/components-demo/mixin.vue +169 -0
- package/template/src/views/components-demo/split-pane.vue +67 -0
- package/template/src/views/components-demo/sticky.vue +135 -0
- package/template/src/views/components-demo/tinymce.vue +36 -0
- package/template/src/views/dashboard/admin/components/BarChart.vue +102 -0
- package/template/src/views/dashboard/admin/components/BoxCard.vue +118 -0
- package/template/src/views/dashboard/admin/components/LineChart.vue +135 -0
- package/template/src/views/dashboard/admin/components/PanelGroup.vue +181 -0
- package/template/src/views/dashboard/admin/components/PieChart.vue +79 -0
- package/template/src/views/dashboard/admin/components/RaddarChart.vue +116 -0
- package/template/src/views/dashboard/admin/components/TodoList/Todo.vue +81 -0
- package/template/src/views/dashboard/admin/components/TodoList/index.scss +320 -0
- package/template/src/views/dashboard/admin/components/TodoList/index.vue +127 -0
- package/template/src/views/dashboard/admin/components/TransactionTable.vue +55 -0
- package/template/src/views/dashboard/admin/components/mixins/resize.js +55 -0
- package/template/src/views/dashboard/admin/index.vue +124 -0
- package/template/src/views/dashboard/editor/index.vue +74 -0
- package/template/src/views/dashboard/index.vue +31 -0
- package/template/src/views/documentation/index.vue +57 -0
- package/template/src/views/error-log/components/ErrorTestA.vue +13 -0
- package/template/src/views/error-log/components/ErrorTestB.vue +11 -0
- package/template/src/views/error-log/index.vue +32 -0
- package/template/src/views/error-page/401.vue +99 -0
- package/template/src/views/error-page/404.vue +228 -0
- package/template/src/views/example/components/ArticleDetail.vue +289 -0
- package/template/src/views/example/components/Dropdown/Comment.vue +41 -0
- package/template/src/views/example/components/Dropdown/Platform.vue +46 -0
- package/template/src/views/example/components/Dropdown/SourceUrl.vue +38 -0
- package/template/src/views/example/components/Dropdown/index.js +3 -0
- package/template/src/views/example/components/Warning.vue +13 -0
- package/template/src/views/example/create.vue +13 -0
- package/template/src/views/example/edit.vue +13 -0
- package/template/src/views/example/list.vue +112 -0
- package/template/src/views/excel/components/AutoWidthOption.vue +34 -0
- package/template/src/views/excel/components/BookTypeOption.vue +39 -0
- package/template/src/views/excel/components/FilenameOption.vue +27 -0
- package/template/src/views/excel/export-excel.vue +116 -0
- package/template/src/views/excel/merge-header.vue +101 -0
- package/template/src/views/excel/select-excel.vue +107 -0
- package/template/src/views/excel/upload-excel.vue +42 -0
- package/template/src/views/guide/index.vue +36 -0
- package/template/src/views/guide/steps.js +53 -0
- package/template/src/views/icons/element-icons.js +3 -0
- package/template/src/views/icons/index.vue +101 -0
- package/template/src/views/icons/svg-icons.js +10 -0
- package/template/src/views/login/auth-redirect.vue +15 -0
- package/template/src/views/login/components/SocialSignin.vue +72 -0
- package/template/src/views/login/index.vue +324 -0
- package/template/src/views/nested/menu1/index.vue +7 -0
- package/template/src/views/nested/menu1/menu1-1/index.vue +7 -0
- package/template/src/views/nested/menu1/menu1-2/index.vue +7 -0
- package/template/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue +5 -0
- package/template/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue +5 -0
- package/template/src/views/nested/menu1/menu1-3/index.vue +5 -0
- package/template/src/views/nested/menu2/index.vue +5 -0
- package/template/src/views/pdf/content.js +58 -0
- package/template/src/views/pdf/download.vue +201 -0
- package/template/src/views/pdf/index.vue +13 -0
- package/template/src/views/permission/components/SwitchRoles.vue +32 -0
- package/template/src/views/permission/directive.vue +111 -0
- package/template/src/views/permission/page.vue +19 -0
- package/template/src/views/permission/role.vue +270 -0
- package/template/src/views/profile/components/Account.vue +38 -0
- package/template/src/views/profile/components/Activity.vue +185 -0
- package/template/src/views/profile/components/Timeline.vue +43 -0
- package/template/src/views/profile/components/UserCard.vue +134 -0
- package/template/src/views/profile/index.vue +68 -0
- package/template/src/views/qiniu/upload.vue +41 -0
- package/template/src/views/redirect/index.vue +12 -0
- package/template/src/views/tab/components/TabPane.vue +103 -0
- package/template/src/views/tab/index.vue +57 -0
- package/template/src/views/table/complex-table.vue +379 -0
- package/template/src/views/table/drag-table.vue +153 -0
- package/template/src/views/table/dynamic-table/components/FixedThead.vue +62 -0
- package/template/src/views/table/dynamic-table/components/UnfixedThead.vue +50 -0
- package/template/src/views/table/dynamic-table/index.vue +24 -0
- package/template/src/views/table/inline-edit-table.vue +149 -0
- package/template/src/views/theme/index.vue +120 -0
- package/template/src/views/zip/index.vue +77 -0
- package/template/tests/unit/.eslintrc.js +5 -0
- package/template/tests/unit/components/Hamburger.spec.js +18 -0
- package/template/tests/unit/components/SvgIcon.spec.js +22 -0
- package/template/tests/unit/utils/formatTime.spec.js +29 -0
- package/template/tests/unit/utils/param2Obj.spec.js +14 -0
- package/template/tests/unit/utils/parseTime.spec.js +37 -0
- package/template/tests/unit/utils/validate.spec.js +28 -0
- 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
|