3YAdmin
1.0.0
Код слишком уродлив, поэтому копировать его не рекомендуется. Вы можете посмотреть идею реализации RBAC, которая универсальна.
3YAdmin — это шаблон системы фонового управления, ориентированный на общий контроль разрешений и формы.
3YAdmin поддерживает два режима макета: режим вкладок и обычный режим. Два режима определяются при упаковке и компиляции веб-пакета. При упаковке определенного режима избыточный код в другом режиме не будет введен (реализовать режим Tab в React довольно сложно).
3YAdmin реализует основные функциональные страницы и операции модели управления разрешениями RBAC.
3YAdmin может создавать формы запросов, статические и динамические формы путем анализа определенных данных JSON.
В сочетании с lazy-mock вы можете быстро генерировать внешние и внутренние функции добавления, удаления, изменения и запроса с помощью макетных данных (простой генератор кода).
онлайн-демо:
Режим вкладок
Общий режим
Вход в аккаунт:
admin 123 test 123456 website_admin 123456
Реальная поддержка внутренних данных
Вход/Выход
Уменьшить левую строку меню
Адаптивный макет
Загрузка по требованию
Навигация по тегам
панировочные сухари
Полноэкранный режим/выход из полноэкранного режима
Динамическое меню против статического меню
Меню разделены по модулям
Универсальный контроль разрешений
Управление разрешениями на уровне меню
Управление разрешениями на уровне интерфейса
Контроль разрешений на уровне элемента
Глобально настраиваемые эффекты загрузки
Обработка сетевых исключений
модуль
Системные настройки
Управление разрешениями
Организационная структура
Управление пользователями
Управление меню
Управление функциями
управление ролями
Управление разрешениями ролей
Управление ролями пользователей
Управление ролями пользователей
Управление отделом
Управление позициями
системный модуль
Журнал аудита
Инициализация данных
пример
Форма поиска
Общая форма (статическая форма, после первого синтаксического анализа форма не изменится после изменения данных JSON)
Dynamic Form (динамическая форма, форма обновляется после изменения данных JSON)
Страница проверки разрешений
страница ошибки
Форма JSON (динамическое создание формы путем анализа данных JSON)
git clone https://github.com/wjkang/3YAdmin.git
npm installУстановить службу фонового макета
git clone -b 3YAdmin https://github.com/wjkang/quasar-admin-server.git
npm install
npm startnpm startnpm run buildНепосредственно скопируйте и измените конфигурацию, созданную приложением реакции-реагирования. Все они находятся в папке реагирования-скриптов. В настоящее время antd импортируется по требованию, упаковывается по частям и используется AutoDllPlugin. Вы можете изменить его в соответствии с вашими потребностями.
Для настройки режима упаковки необходимо изменить процесс.env.REACT_APP_LAYOUT_MODE в файлах build.js и start.js.
Позже будут подробные руководства по использованию и идеи проектирования архитектуры внешнего интерфейса для системы управления серверной частью с разделением внешнего и внутреннего интерфейса (включая Vue и React). Если вам это нравится, вы можете поставить ему звезду.
