|
| 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) |
| 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 | + |
| 49 | +**現在のバージョン `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`に依存しないです。** |
| 50 | + |
| 51 | +**低いバージョンのブラウザはサーポートしないです(例えば ie),必要があれば polyfill を追加してください。 [詳細はこちら](https://github.com/PanJiaChen/vue-element-admin/wiki#babel-polyfill)** |
| 52 | + |
| 53 | +## 前準備 |
| 54 | + |
| 55 | +ローカル環境に [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)のモックデータを使っています。 |
| 56 | + |
| 57 | +**バグ修正や新規機能追加のissue と pull requestは大歓迎です。** |
| 58 | + |
| 59 | + <p align="center"> |
| 60 | + <img width="900" src="https://wpimg.wallstcn.com/a5894c1b-f6af-456e-82df-1151da0839bf.png"> |
| 61 | +</p> |
| 62 | + |
| 63 | +## Sponsors |
| 64 | + |
| 65 | +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) |
| 66 | + |
| 67 | +<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> |
| 68 | + |
| 69 | +## 機能一覧 |
| 70 | + |
| 71 | +``` |
| 72 | +- ログイン / ログアウト |
| 73 | +
|
| 74 | +- Auth認証 |
| 75 | + - ページ権限 |
| 76 | + - 権限パーミッション |
| 77 | + - 権限設定 |
| 78 | + - 外部IDでログイン |
| 79 | +
|
| 80 | +- 複数環境デプロイ |
| 81 | + - dev sit stage prod |
| 82 | +
|
| 83 | +- 共通機能 |
| 84 | + - 多言語切替 |
| 85 | + - テーマ切替 |
| 86 | + - サイトメニュー(ルートから生成) |
| 87 | + - Breadcrumb Navigation |
| 88 | + - Tag Navigation |
| 89 | + - Svg Sprite Icon |
| 90 | + - ローカル/バックエンド モック データ |
| 91 | + - Screenfull |
| 92 | +
|
| 93 | +- WYSIWYG |
| 94 | + - TinyMCE |
| 95 | + - Markdown |
| 96 | + - JSON |
| 97 | +
|
| 98 | +- Excel |
| 99 | + - エクスポート |
| 100 | + - インポート |
| 101 | + - リード |
| 102 | + - Zip |
| 103 | +
|
| 104 | +- Table |
| 105 | + - Dynamic Table |
| 106 | + - Drag And Drop Table |
| 107 | + - Inline Edit Table |
| 108 | +
|
| 109 | +- Error Page |
| 110 | + - 401 |
| 111 | + - 404 |
| 112 | +
|
| 113 | +- コンポーネント |
| 114 | + - Avatar Upload |
| 115 | + - Back To Top |
| 116 | + - Drag Dialog |
| 117 | + - Drag Select |
| 118 | + - Drag Kanban |
| 119 | + - Drag List |
| 120 | + - SplitPane |
| 121 | + - Dropzone |
| 122 | + - Sticky |
| 123 | + - CountTo |
| 124 | +
|
| 125 | +- Advanced Example |
| 126 | +- Error Log |
| 127 | +- Dashboard |
| 128 | +- Guide Page |
| 129 | +- ECharts |
| 130 | +- Clipboard |
| 131 | +- Markdown to html |
| 132 | +``` |
| 133 | + |
| 134 | +## Getting started |
| 135 | + |
| 136 | +```bash |
| 137 | +# clone the project |
| 138 | +git clone https://github.com/PanJiaChen/vue-element-admin.git |
| 139 | + |
| 140 | +# enter the project directory |
| 141 | +cd vue-element-admin |
| 142 | + |
| 143 | +# install dependency |
| 144 | +npm install |
| 145 | + |
| 146 | +# develop |
| 147 | +npm run dev |
| 148 | +``` |
| 149 | + |
| 150 | +This will automatically open http://localhost:9527 |
| 151 | + |
| 152 | +## Build |
| 153 | + |
| 154 | +```bash |
| 155 | +# build for test environment |
| 156 | +npm run build:stage |
| 157 | + |
| 158 | +# build for production environment |
| 159 | +npm run build:prod |
| 160 | +``` |
| 161 | + |
| 162 | +## Advanced |
| 163 | + |
| 164 | +```bash |
| 165 | +# preview the release environment effect |
| 166 | +npm run preview |
| 167 | + |
| 168 | +# preview the release environment effect + static resource analysis |
| 169 | +npm run preview -- --report |
| 170 | + |
| 171 | +# code format check |
| 172 | +npm run lint |
| 173 | + |
| 174 | +# code format check and auto fix |
| 175 | +npm run lint -- --fix |
| 176 | +``` |
| 177 | + |
| 178 | +Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information |
| 179 | + |
| 180 | +## Changelog |
| 181 | + |
| 182 | +Detailed changes for each release are documented in the [release notes](https://github.com/PanJiaChen/vue-element-admin/releases). |
| 183 | + |
| 184 | +## Online Demo |
| 185 | + |
| 186 | +[Preview](https://panjiachen.github.io/vue-element-admin) |
| 187 | + |
| 188 | +## Donate |
| 189 | + |
| 190 | +If you find this project useful, you can buy author a glass of juice :tropical_drink: |
| 191 | + |
| 192 | + |
| 193 | + |
| 194 | +[Paypal Me](https://www.paypal.me/panfree23) |
| 195 | + |
| 196 | +[Buy me a coffee](https://www.buymeacoffee.com/Pan) |
| 197 | + |
| 198 | +## Browsers support |
| 199 | + |
| 200 | +Modern browsers and Internet Explorer 10+. |
| 201 | + |
| 202 | +| [<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 | |
| 203 | +| --------- | --------- | --------- | --------- | |
| 204 | +| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions |
| 205 | + |
| 206 | +## License |
| 207 | + |
| 208 | +[MIT](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE) |
| 209 | + |
| 210 | +Copyright (c) 2017-present PanJiaChen |
0 commit comments