1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/zcyso-ant-design-pro-vue

Клонировать/Скачать
README.md 8.6 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 09.06.2025 13:16 0d17e23

Ant Design Pro Vue

UI-решение для корпоративных приложений на основе Vue-шаблона. Основано на Ant Design of Vue

Обзор

Версия для Vue фреймворка Ant Design Pro на основе Ant Design of Vue

Пример с примерами использования базовых элементов интерфейса

Рабочий стол + меню настроек

Рабочий стол

Настройки пользователя

Личный кабинет

Встроенное редактирование списка

Список ролей

Редактирование роли

Список прав

Редактирование прав

Процесс управления маршрутами на основе прав

Структура прав

Среда и зависимости

  • node
  • yarn
  • webpack
  • eslint
  • @vue/cli 3.2.1
  • ant-design-vue - Реализация Ant Design Of Vue
  • vue-cropper - Компонент для обрезки изображений
  • @antv/g2 - Alipay AntV инструменты для визуализации данных
  • Viser-vue - Реализация на основе antv/g2> Обратите внимание, что мы настоятельно рекомендуем использовать Yarn для управления пакетами, чтобы гарантировать использование одинаковых версий зависимостей, как и на нашем демонстрационном сайте (yarn.lock). Поскольку мы не контролируем версии зависимостей, использование других утилит управления пакетами может привести к проблемам из-за обновлений библиотек, на которые зависит Pro. Автор этого проекта может не успеть вовремя разобраться с проблемами, возникшими из-за использования этого проекта в качестве базового. Загрузка и запуск проекта

  • Клонирование проекта
git clone https://github.com/sendya/ant-design-pro-vue.git
cd ant-design-pro-vue
  • Установка зависимостей
yarn install
  • Запуск в режиме разработки
yarn run serve
  • Сборка проекта
yarn run build
  • Проверка и исправление файлов
yarn run lint

Дополнительные заметки

  • О проблемах (важно! важно! важно!) при создании Issue, пожалуйста, укажите вашу среду использования, версию или ветку Pro, возникшие проблемы и т.д. Также, если у вас есть вопросы, вы можете присоединиться к QQ-группе (Ant Design Vue основной обсуждаемый проект 217490093, не Pro группа), несколько поддерживаемых разработчиков также находятся в этой группе.

  • Проект использует vue-cli3, пожалуйста, обновите ваш cli.- Отключение ESLint (не рекомендуется) удалите весь узел кода eslintConfig из файла package.json.

  • Проект использует онлайн-моки, easy-mock используемые моковые данные проекта посмотреть (не изменяйте возвращаемые данные интерфейса), также можно скачать ANTD-PRO-Easy-Mock-API.zip и самостоятельно импортировать в свой моковый сервис.

  • Изменение цветовой схемы Ant Design, в файле vue.config.js, другие Less переменные можно изменить с помощью ant design официальной документации.

  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* Less переменные для изменения, для создания пользовательской темы Ant Design */

          'primary-color': '#F5222D',
          'link-color': '#F5222D',
          'border-radius-base': '4px',
        },
        javascriptEnabled: true,
      }
    }
  }
```Дополнительные документы
-----
----- [Роутинг/Меню](https://github.com/sendya/ant-design-pro-vue/blob/master/src/router/README.md)
- [Переопределение компонента Table](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/table/README.md)
- [ANTD по умолчанию настройки](https://github.com/sendya/ant-design-pro-vue/blob/master/src/defaultSettings.js)
- [Загрузка по требованию/уменьшение размера сборки](https://github.com/sendya/ant-design-pro-vue/blob/master/docs/LoadOnDemand.md)  
- [Добавление анимации загрузки для первой страницы](https://github.com/sendya/ant-design-pro-vue/blob/master/docs/Add-Page-Loading-Animate.md)
- [Добавление инструмента анализа зависимостей analyzer](https://github.com/sendya/ant-design-pro-vue/blob/master/docs/webpack-bundle-analyzer.md)  
- Дополнительные компоненты ANTD PRO
  - Trend Трендовый маркер [Trend.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/Trend/index.md)
  - AvatarList Список пользовательских аватаров [AvatarList.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/AvatarList/index.md)
  - CountDown Подсчет времени [CountDown.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/CountDown/index.md)
  - Ellipsis Автоматическое сокращение текста [Ellipsis.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/Ellipsis/index.md)
  - NumberInfo Текстовые данные [NumberInfo.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/NumberInfo/index.md)
  - FooterToolbar Нижняя панель инструментов [FooterToolbar.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/FooterToolbar/index.md)
- Другое будет добавлено... Примечание
-----------> После обновления @vue/cli были обновлены правила eslint. В связи с тем, что это затрагивает все файлы .vue, требуется проверить каждый файл отдельно. Временно отключены некоторые правила, которые ранее не проверялись, чтобы избежать проблем. В последующем обслуживании эти правила будут постепенно исправлены.

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/zcyso-ant-design-pro-vue.git
git@api.gitlife.ru:oschina-mirror/zcyso-ant-design-pro-vue.git
oschina-mirror
zcyso-ant-design-pro-vue
zcyso-ant-design-pro-vue
master