@lavida/vue-element-admin-template 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +15 -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 +222 -0
- package/template/README.ja.md +218 -0
- package/template/README.md +222 -0
- package/template/README.zh-CN.md +245 -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 +250 -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 +25 -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 +56 -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 +125 -0
|
@@ -0,0 +1,218 @@
|
|
|
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
|
+
[](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
|
+
<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>
|
|
73
|
+
|
|
74
|
+
## 機能一覧
|
|
75
|
+
|
|
76
|
+
```
|
|
77
|
+
- ログイン / ログアウト
|
|
78
|
+
|
|
79
|
+
- Auth認証
|
|
80
|
+
- ページ権限
|
|
81
|
+
- 権限パーミッション
|
|
82
|
+
- 権限設定
|
|
83
|
+
- 外部IDでログイン
|
|
84
|
+
|
|
85
|
+
- 複数環境デプロイ
|
|
86
|
+
- dev
|
|
87
|
+
- sit
|
|
88
|
+
- stage
|
|
89
|
+
- prod
|
|
90
|
+
|
|
91
|
+
- 共通機能
|
|
92
|
+
- 多言語切替
|
|
93
|
+
- テーマ切替
|
|
94
|
+
- サイトメニュー(ルートから生成)
|
|
95
|
+
- パンくずリストナビゲーション
|
|
96
|
+
- タブナビゲーション
|
|
97
|
+
- Svg Sprite アイコン
|
|
98
|
+
- ローカル/バックエンド モック データ
|
|
99
|
+
- Screenfull
|
|
100
|
+
|
|
101
|
+
- WYSIWYG
|
|
102
|
+
- TinyMCE
|
|
103
|
+
- Markdown
|
|
104
|
+
- JSON
|
|
105
|
+
|
|
106
|
+
- Excel
|
|
107
|
+
- エクスポート
|
|
108
|
+
- インポート
|
|
109
|
+
- リード
|
|
110
|
+
- Zip
|
|
111
|
+
|
|
112
|
+
- テーブル
|
|
113
|
+
- ダイナミックテーブル
|
|
114
|
+
- ドラッグアンドドロップテーブル
|
|
115
|
+
- インラインエディットテーブル
|
|
116
|
+
|
|
117
|
+
- エラーページ
|
|
118
|
+
- 401
|
|
119
|
+
- 404
|
|
120
|
+
|
|
121
|
+
- コンポーネント
|
|
122
|
+
- アバターアップロード
|
|
123
|
+
- トップに戻る
|
|
124
|
+
- ドラッグダイアログ
|
|
125
|
+
- ドラッグ選択
|
|
126
|
+
- ドラッグKanban
|
|
127
|
+
- ドラッグリスト
|
|
128
|
+
- ペインの分割
|
|
129
|
+
- Dropzone
|
|
130
|
+
- スティッキー
|
|
131
|
+
- CountTo
|
|
132
|
+
|
|
133
|
+
- 高度なサンプル
|
|
134
|
+
- エラーログ
|
|
135
|
+
- ダッシュボード
|
|
136
|
+
- ガイドページ
|
|
137
|
+
- ECharts
|
|
138
|
+
- クリップボード
|
|
139
|
+
- Markdown to html
|
|
140
|
+
```
|
|
141
|
+
|
|
142
|
+
## Getting started
|
|
143
|
+
|
|
144
|
+
```bash
|
|
145
|
+
# clone the project
|
|
146
|
+
git clone https://github.com/PanJiaChen/vue-element-admin.git
|
|
147
|
+
|
|
148
|
+
# enter the project directory
|
|
149
|
+
cd vue-element-admin
|
|
150
|
+
|
|
151
|
+
# install dependency
|
|
152
|
+
npm install
|
|
153
|
+
|
|
154
|
+
# develop
|
|
155
|
+
npm run dev
|
|
156
|
+
```
|
|
157
|
+
|
|
158
|
+
http://localhost:9527 が自動的に開きます。
|
|
159
|
+
|
|
160
|
+
## Build
|
|
161
|
+
|
|
162
|
+
```bash
|
|
163
|
+
# build for test environment
|
|
164
|
+
npm run build:stage
|
|
165
|
+
|
|
166
|
+
# build for production environment
|
|
167
|
+
npm run build:prod
|
|
168
|
+
```
|
|
169
|
+
|
|
170
|
+
## Advanced
|
|
171
|
+
|
|
172
|
+
```bash
|
|
173
|
+
# preview the release environment effect
|
|
174
|
+
npm run preview
|
|
175
|
+
|
|
176
|
+
# preview the release environment effect + static resource analysis
|
|
177
|
+
npm run preview -- --report
|
|
178
|
+
|
|
179
|
+
# code format check
|
|
180
|
+
npm run lint
|
|
181
|
+
|
|
182
|
+
# code format check and auto fix
|
|
183
|
+
npm run lint -- --fix
|
|
184
|
+
```
|
|
185
|
+
|
|
186
|
+
詳細は [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) を参照してください。
|
|
187
|
+
|
|
188
|
+
## Changelog
|
|
189
|
+
|
|
190
|
+
各リリースの詳細は [release notes](https://github.com/PanJiaChen/vue-element-admin/releases) にあります。
|
|
191
|
+
|
|
192
|
+
## Online Demo
|
|
193
|
+
|
|
194
|
+
[Preview](https://panjiachen.github.io/vue-element-admin)
|
|
195
|
+
|
|
196
|
+
## Donate
|
|
197
|
+
|
|
198
|
+
If you find this project useful, you can buy author a glass of juice :tropical_drink:
|
|
199
|
+
|
|
200
|
+

|
|
201
|
+
|
|
202
|
+
[Paypal Me](https://www.paypal.me/panfree23)
|
|
203
|
+
|
|
204
|
+
[Buy me a coffee](https://www.buymeacoffee.com/Pan)
|
|
205
|
+
|
|
206
|
+
## Browsers support
|
|
207
|
+
|
|
208
|
+
Modern browsers and Internet Explorer 10+.
|
|
209
|
+
|
|
210
|
+
| [<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 |
|
|
211
|
+
| --------- | --------- | --------- | --------- |
|
|
212
|
+
| IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |
|
|
213
|
+
|
|
214
|
+
## License
|
|
215
|
+
|
|
216
|
+
[MIT](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE)
|
|
217
|
+
|
|
218
|
+
Copyright (c) 2017-present PanJiaChen
|
|
@@ -0,0 +1,222 @@
|
|
|
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
|
+
## Introduction
|
|
32
|
+
|
|
33
|
+
[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).
|
|
34
|
+
|
|
35
|
+
[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.
|
|
36
|
+
|
|
37
|
+
- [Preview](https://panjiachen.github.io/vue-element-admin)
|
|
38
|
+
|
|
39
|
+
- [Documentation](https://panjiachen.github.io/vue-element-admin-site/)
|
|
40
|
+
|
|
41
|
+
- [Gitter](https://gitter.im/vue-element-admin/discuss)
|
|
42
|
+
|
|
43
|
+
- [Donate](https://panjiachen.github.io/vue-element-admin-site/donate/)
|
|
44
|
+
|
|
45
|
+
- [Wiki](https://github.com/PanJiaChen/vue-element-admin/wiki)
|
|
46
|
+
|
|
47
|
+
- [Gitee](https://panjiachen.gitee.io/vue-element-admin/) 国内用户可访问该地址在线预览
|
|
48
|
+
|
|
49
|
+
- Base template recommends using: [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)
|
|
50
|
+
- Desktop: [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
|
|
51
|
+
- Typescript: [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
|
|
52
|
+
- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
|
|
53
|
+
|
|
54
|
+
**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**
|
|
55
|
+
|
|
56
|
+
**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`**
|
|
57
|
+
|
|
58
|
+
**This project does not support low version browsers (e.g. IE). Please add polyfill by yourself.**
|
|
59
|
+
|
|
60
|
+
## Preparation
|
|
61
|
+
|
|
62
|
+
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).
|
|
63
|
+
Understanding and learning this knowledge in advance will greatly help the use of this project.
|
|
64
|
+
|
|
65
|
+
[](https://codesandbox.io/s/github/PanJiaChen/vue-element-admin/tree/CodeSandbox)
|
|
66
|
+
|
|
67
|
+
<p align="center">
|
|
68
|
+
<img width="900" src="https://wpimg.wallstcn.com/a5894c1b-f6af-456e-82df-1151da0839bf.png">
|
|
69
|
+
</p>
|
|
70
|
+
|
|
71
|
+
## Sponsors
|
|
72
|
+
|
|
73
|
+
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)
|
|
74
|
+
|
|
75
|
+
<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>
|
|
76
|
+
|
|
77
|
+
## Features
|
|
78
|
+
|
|
79
|
+
```
|
|
80
|
+
- Login / Logout
|
|
81
|
+
|
|
82
|
+
- Permission Authentication
|
|
83
|
+
- Page permission
|
|
84
|
+
- Directive permission
|
|
85
|
+
- Permission configuration page
|
|
86
|
+
- Two-step login
|
|
87
|
+
|
|
88
|
+
- Multi-environment build
|
|
89
|
+
- Develop (dev)
|
|
90
|
+
- sit
|
|
91
|
+
- Stage Test (stage)
|
|
92
|
+
- Production (prod)
|
|
93
|
+
|
|
94
|
+
- Global Features
|
|
95
|
+
- I18n
|
|
96
|
+
- Multiple dynamic themes
|
|
97
|
+
- Dynamic sidebar (supports multi-level routing)
|
|
98
|
+
- Dynamic breadcrumb
|
|
99
|
+
- Tags-view (Tab page Support right-click operation)
|
|
100
|
+
- Svg Sprite
|
|
101
|
+
- Mock data
|
|
102
|
+
- Screenfull
|
|
103
|
+
- Responsive Sidebar
|
|
104
|
+
|
|
105
|
+
- Editor
|
|
106
|
+
- Rich Text Editor
|
|
107
|
+
- Markdown Editor
|
|
108
|
+
- JSON Editor
|
|
109
|
+
|
|
110
|
+
- Excel
|
|
111
|
+
- Export Excel
|
|
112
|
+
- Upload Excel
|
|
113
|
+
- Visualization Excel
|
|
114
|
+
- Export zip
|
|
115
|
+
|
|
116
|
+
- Table
|
|
117
|
+
- Dynamic Table
|
|
118
|
+
- Drag And Drop Table
|
|
119
|
+
- Inline Edit Table
|
|
120
|
+
|
|
121
|
+
- Error Page
|
|
122
|
+
- 401
|
|
123
|
+
- 404
|
|
124
|
+
|
|
125
|
+
- Components
|
|
126
|
+
- Avatar Upload
|
|
127
|
+
- Back To Top
|
|
128
|
+
- Drag Dialog
|
|
129
|
+
- Drag Select
|
|
130
|
+
- Drag Kanban
|
|
131
|
+
- Drag List
|
|
132
|
+
- SplitPane
|
|
133
|
+
- Dropzone
|
|
134
|
+
- Sticky
|
|
135
|
+
- CountTo
|
|
136
|
+
|
|
137
|
+
- Advanced Example
|
|
138
|
+
- Error Log
|
|
139
|
+
- Dashboard
|
|
140
|
+
- Guide Page
|
|
141
|
+
- ECharts
|
|
142
|
+
- Clipboard
|
|
143
|
+
- Markdown to html
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
## Getting started
|
|
147
|
+
|
|
148
|
+
```bash
|
|
149
|
+
# clone the project
|
|
150
|
+
git clone https://github.com/PanJiaChen/vue-element-admin.git
|
|
151
|
+
|
|
152
|
+
# enter the project directory
|
|
153
|
+
cd vue-element-admin
|
|
154
|
+
|
|
155
|
+
# install dependency
|
|
156
|
+
npm install
|
|
157
|
+
|
|
158
|
+
# develop
|
|
159
|
+
npm run dev
|
|
160
|
+
```
|
|
161
|
+
|
|
162
|
+
This will automatically open http://localhost:9527
|
|
163
|
+
|
|
164
|
+
## Build
|
|
165
|
+
|
|
166
|
+
```bash
|
|
167
|
+
# build for test environment
|
|
168
|
+
npm run build:stage
|
|
169
|
+
|
|
170
|
+
# build for production environment
|
|
171
|
+
npm run build:prod
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
## Advanced
|
|
175
|
+
|
|
176
|
+
```bash
|
|
177
|
+
# preview the release environment effect
|
|
178
|
+
npm run preview
|
|
179
|
+
|
|
180
|
+
# preview the release environment effect + static resource analysis
|
|
181
|
+
npm run preview -- --report
|
|
182
|
+
|
|
183
|
+
# code format check
|
|
184
|
+
npm run lint
|
|
185
|
+
|
|
186
|
+
# code format check and auto fix
|
|
187
|
+
npm run lint -- --fix
|
|
188
|
+
```
|
|
189
|
+
|
|
190
|
+
Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information
|
|
191
|
+
|
|
192
|
+
## Changelog
|
|
193
|
+
|
|
194
|
+
Detailed changes for each release are documented in the [release notes](https://github.com/PanJiaChen/vue-element-admin/releases).
|
|
195
|
+
|
|
196
|
+
## Online Demo
|
|
197
|
+
|
|
198
|
+
[Preview](https://panjiachen.github.io/vue-element-admin)
|
|
199
|
+
|
|
200
|
+
## Donate
|
|
201
|
+
|
|
202
|
+
If you find this project useful, you can buy author a glass of juice :tropical_drink:
|
|
203
|
+
|
|
204
|
+

|
|
205
|
+
|
|
206
|
+
[Paypal Me](https://www.paypal.me/panfree23)
|
|
207
|
+
|
|
208
|
+
[Buy me a coffee](https://www.buymeacoffee.com/Pan)
|
|
209
|
+
|
|
210
|
+
## Browsers support
|
|
211
|
+
|
|
212
|
+
Modern browsers and Internet Explorer 10+.
|
|
213
|
+
|
|
214
|
+
| [<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 |
|
|
215
|
+
| --------- | --------- | --------- | --------- |
|
|
216
|
+
| IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |
|
|
217
|
+
|
|
218
|
+
## License
|
|
219
|
+
|
|
220
|
+
[MIT](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE)
|
|
221
|
+
|
|
222
|
+
Copyright (c) 2017-present PanJiaChen
|