# Панель управления

[![Статус сборки][actions-img]][actions-url]
[![Лицензия][license-img]][license-url]
[![Состояние зависимостей][dependency-img]][dependency-url]
[![Состояние devDependencies][devdependency-img]][devdependency-url]
[![Стиль кода][style-img]][style-url]

> Шаблон панели управления на основе Vue.js 3.0 & Vite.

### Задачи

- [x] Vite
- [x] Преобразование зависимостей в версию 3.0
- [x] Базовое использование API
- [ ] Проблемы совместимости
- [ ] Composition APIs

### Возможности

- Улучшение аннотаций типов с помощью JSDoc
- Контроль доступа путём перехвата маршрутов
- Vuex (модули, плагины)
- Сервисы API
- Поддержка i18n
- Настраиваемый темный стиль Element UI
- Travis CI & GitHub Actions
- и т.д.

### Предварительный просмотр

![Вход WEDN.NET Dashboard](https://user-images.githubusercontent.com/6166576/44618442-71adfc80-a8a8-11e8-8ff5-3dcb95dcaa8b.png)

![Список WEDN.NET Dashboard](https://user-images.githubusercontent.com/6166576/44618443-74102780-a8a8-11e8-9af9-06ae4afb6d27.png)

### Онлайн демонстрация

https://dashboard.zce.me

> - имя пользователя: zce
> - пароль: wanglei

> P.S. Для китайской версии: https://zce.gitee.io/vue-admin

## Начало работы

### Необходимое оборудование

- [Node.js](https://nodejs.org) (>= 10.12, 12.10 рекомендован)
- [npm](https://www.npmjs.com) (>= 6.x) или [yarn](https://yarnpkg.com) (>= 1.20)
- [Git](https://git-scm.com) (>= 2.20)

### Клонирование и установка

```shell
# клонировать репозиторий
$ git clone https://github.com/zce/dashboard.git
$ cd dashboard
# установить зависимости
$ npm install # или yarn
```

### Инструменты шаблона

Создайте приложение с помощью [zce/caz](https://github.com/zce/caz)

```shell
# создать vue.js приложения через этот инструмент
$ npx caz vue dashboard
# войти в сгенерированную директорию
$ cd dashboard
```### Доступные скрипты

```shell
# запустить разработку с горячей перезагрузкой по адресу http://localhost:3000
$ npm run dev # или yarn dev

# сборка для продакшена с минификацией
$ npm run build # или yarn build
```

## Виртуальный сервер API

Онлайн сервис от Vercel: https://dashboard-server.now.sh

> Исходники: [zce/dashboard-server](https://github.com/zce/dashboard-server)

### Использование

```shell
# клонировать сервер API
$ git clone https://github.com/zce/dashboard-server.git

$ cd dashboard-server

# установить зависимости
$ npm install # или yarn

# запустить сервер API
$ npm start # или yarn start

# => сервер API запущен по адресу http://localhost:2080
```

Затем измените `VUE_APP_API_BASE` в `.env.development` или `.env.production`:

```diff
- VUE_APP_API_BASE=https://dashboard-server.now.sh
+ VUE_APP_API_BASE=http://localhost:3080
```

## Лицензия

[MIT](LICENSE) © [汪磊](https://zce.me) & [WEDN.NET](https://wedn.net)

[actions-img]: https://github.com/zce/dashboard/workflows/CI/badge
[actions-url]: https://github.com/zce/dashboard/actions
[license-img]: https://img.shields.io/github/license/zce/dashboard
[license-url]: https://github.com/zce/dashboard/blob/master/LICENSE
[dependency-img]: https://img.shields.io/david/zce/dashboard
[dependency-url]: https://david-dm.org/zce/dashboard
[devdependency-img]: https://img.shields.io/david/dev/zce/dashboard
[devdependency-url]: https://david-dm.org/zce/dashboard?type=dev
[style-img]: https://img.shields.io/badge/code%20style-standard-brightgreen
[style-url]: https://standardjs.com