[d2-crud-plus] Настройка-ориентированное CRUD-программирование

Расширение d2-crud на основе d2-admin, упрощающее конфигурацию d2-crud и ускоряющее разработку CRUD-функций.

Предупреждение: сообщение об остановке поддержки

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Остановка поддержки ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
Извините, из-за ограниченных ресурсов, d2-crud-plus больше не будет поддерживаться (новые функции не добавляются, ошибки не исправляются, вопросы могут не отвечаться).
Если вы начинаете новый проект, настоятельно рекомендуется использовать fast-crud
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

fast-crud

Поддержка vue3 для fast-crud уже выпущена, что делает разработку CRUD быстрой, мощной и приятной.

Документация: http://fast-crud.docmirror.cn/
Примеры: antdv версия / element версия / native-ui версия
Репозитории: GitHub / GiteeПримечание: fast-crud поддерживает только vue3 и не совместим с d2-crud-plus, поэтому невозможно обновиться напрямую из d2p до fast-crud.

Помощь по документации

%%%%%%%%%%%%%%%%%%%%%%% Помощь по документации ↓%%%%%%%%%%%%%%%%%%%%%%%%%%%%

GitHub Pages
https://greper.github.io/d2-crud-plus/

CodeCanyon (рекомендуется для доступа из Китая)
http://d2-crud-plus.docmirror.cn/d2-crud-plus/

Примеры демонстрации
http://preview.d2-crud-plus.docmirror.cn/D2CrudPlusExample/index.html

%%%%%%%%%%%%%%%%%%%%%%% Помощь по документации ↑%%%%%%%%%%%%%%%%%%%%%%%%%%%%

Функции

1. Минимум конфигураций для максимизации простоты разработки CRUD.
2. Типы полей: обширный набор типов полей для значительного сокращения объёма кода.
3. Быстрота: разработка CRUD происходит с невероятной скоростью!!!
4. Пользовательские настройки: даже самые сложные требования могут быть реализованы.
5. Управление правами доступа: пример использования RBAC для управления правами доступа.
6. Генерация кода: создание кода для фронтенда и бэкенда на основе таблиц данных, всё в одном потоке.

CRUD-программирование с конфигурационным подходом### 1. Простая конфигурация CRUD

В процессе разработки основное внимание уделяется файлу crud.js

export const crudOptions = (vm) => { // vm это this
    return {
      columns: [
        {
          title: 'Дата',
          key: 'createDate',
          type: 'date', // тип поля - дата, автоматически генерирует конфигурацию по умолчанию
          search: { // конфигурация поиска, поиск по умолчанию включен
            disabled: true // [опционально] true - отключает поиск, по умолчанию false
          },
          form: { // конфигурация формы
            disabled: true, // отключает добавление и редактирование полей [опционально], по умолчанию false
          }
        },
        {
          title: 'Статус',
          key: 'status',
          search: {}, // поиск включен
          type: 'select', // тип поля - выпадающий список
          form: { // конфигурация добавления и редактирования, автоматически генерирует addTemplate и editTemplate
            rules: [ // [опционально] правила валидации при добавлении и редактировании, если не указаны, валидация не выполняется
              { required: true, message: 'Выберите статус' }
            ]
          },
          dict: { // конфигурация словаря данных
            url: '/api/dicts/StatusEnum' // удалённое получение данных словаря
          }
        },
        {
          title: 'Регион',
          key: 'province',
          search: {}, // поиск включен
          type: 'select', // тип поля - выпадающий список
          form: {
            rules: [{ required: true, message: 'Выберите регион' }],
            component: { // конфигурация компонента формы для добавления и редактирования, поддерживает любые компоненты v-model
              props: { // конфигурация свойств компонента
               filterable: true, // возможность фильтрации
                multiple: true, // поддержка множественного выбора
                clearable: true // возможность очистки
              }
            }
          },
          dict: { // локальная конфигурация словаря данных
            data: [
              { value: 'sz', label: 'Шэньчжэнь' },
              { value: 'gz', label: 'Гуанчжоу' },
              { value: 'wh', label: 'Ухань' },
              { value: 'sh', label: 'Шанхай' }
            ]
          }
        }
      ]
    }
 }

2. Полная конфигурация CRUD появляется! [](. /packages/d2-crud-plus/doc/image/list. png)

3. Начните прямо сейчас

• Руководство по использованию
• Быстрый старт

Помощь

%%%%%%%%%%%%%%%%%%%%%%% Помощь ↓%%%%%%%%%%%%%%%%%%%%%%%%%%%%

GitHub Pages
https://greper.github.io/d2-crud-plus/

GitHub (для доступа из Китая)
http://d2-crud-plus.docmirror.cn/d2-crud-plus/

Примеры
http://preview.d2-crud-plus.docmirror.cn/D2CrudPlusExample/index.html

%%%%%%%%%%%%%%%%%%%%%%% Помощь ↑%%%%%%%%%%%%%%%%%%%%%%%%%%%%

Они используют

• Система бронирования билетов и анализа данных в Ганьсу
• Создание таблицы управления с помощью backend конфигурация CRUD берется из backend, что позволяет создавать таблицы CRUD с помощью конфигурации backend открытый адрес
• ji-admin-ui , соответствующий backend ji-admin
• Многие другие используют внутренние системы управления, которые не могут быть опубликованы

Связаться с автором

Отправьте отзывы о багах, предложения по улучшению, технические вопросы и т.д. (пожалуйста, укажите d2-crud-plus)

Поддержка

Поддержите развитие, дайте мне мотивацию, поклоняйтесь мне