base-admin

Организация базовой архитектуры кода для веб-интерфейса управления.

Проект вдохновлен vue-element-admin

• Онлайн-доступ
• Документация

Цели

Для решения проблемы повторяющегося труда в фронтенд-разработке, чтобы сосредоточиться на интерактивности.

Интерфейс управления можно разделить на несколько модулей:

• layout (общая структура)
  • Header (шапка)
  • Menu (меню)
  • Main (основная страница)

Подробное описание Main:

• Панель поиска

  

• Панель инструментов

  

• Таблицы/диаграммы

  

• Пагинация

  

• Модальные окна

  

Реализация

Часто используемые функции были преобразованы в компоненты. В реальной разработке достаточно написать небольшие конфигурационные файлы в определенном формате, чтобы создать страницы. Это экономит время на разметке и позволяет использовать методы агил-разработки.

Структура проекта```

│ favicon.ico │ index.html │ LICENSE │ package.json │ README.md ├─build ├─config
├─node_modules
├─src │ │ App.vue │ │ main.js Главный вход │ │ permission.js Глобальный маршрутизатор │ ├─api Файлы API сервера │ ├─assets Ресурсы (включая иконки) │ │ └─icon
│ ├─components Абстрактные компоненты │ ├─mock Модели данных сервера │ ├─router Файлы конфигурации маршрутизации │ ├─store Файлы vuex │ ├─styles Глобальные стили │ ├─utils Абстрактные утилиты │ └─views Шаблоны страниц └─static Статические ресурсы

> Большая часть опыта была накоплена в процессе разработки. Многие сценарии еще не охвачены, и проект будет продолжать развиваться.

### Подготовка

git clone git@gitee.com:gjwork/base-admin.git

### Установка и запуск
 - Рекомендуется использовать yarn для установки, выполните следующие команды:

yarn yarn dev

 - Если используется npm, выполните команды `npm install && npm run dev`, результат будет таким же.