formily admin template

формали-администратор-шаблон

Это формальный опыт административного управления. Вы можете выбрать Vue2/React и Element UI/Antd UI в сочетании с axios, iconfont и lint, которые необходимы для создания серверной части.

Функциональные примеры взяты из проекта vue-element-admin. В этом хранилище используются библиотеки, связанные с @formily, для замены некоторых общих функций. Все классы компонентов предоставляются проектом функционального примера.

• Vue2 построен на [email protected]
• React построен на основе webpack@^4.41.5",

Связанные проекты

• Исходный код функции vue-element-admin

Настройка сборки Vue

 # 克隆项目
git clone https://github.com/wangwangtou/formily-admin-template.git

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 进入mock目录

cd formily-admin-template/mock

# 安装依赖
npm install

# 进入项目目录
cd formily-admin-template/vue2

# 安装依赖
npm install

# 启动服务
npm run dev

Доступ через браузер http://localhost:9527

Настройка сборки React

 # 克隆项目
git clone https://github.com/wangwangtou/formily-admin-template.git

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 进入mock目录

cd formily-admin-template/mock

# 安装依赖
npm install

# 进入项目目录
cd formily-admin-template/react

# 安装依赖
npm install --force

# 启动服务
npm run start

Доступ через браузер http://localhost:3000

формально проектируемый пример

Проект реагирования содержит примеры с возможностью проектирования. Вы можете использовать designable для изменения страницы в проекте. Измененная схема сохраняется в памяти. Вы можете просмотреть обновленную страницу после возврата на страницу.

• ./react/designable домашний каталог
• ./react/designable/comComponents Информация о компоненте проекта, зарегистрированная в designable.
• ./react/designable/decorator добавляет настройки декоратора в designable. Вы можете выбрать один из нескольких определенных декораторов.
• SchemaEditorWidget конфигурация компонентов ./react/designable/schemas и декоратора
• ./react/designable/setters Компоненты SchemaEditorWidget
• ./react/designable/dn Список и классификация компонентов для проектируемых элементов управления
• ./react/designable/formily Сводка компонентов formily, включая компоненты antd и project.
• Рендеринг ./react/designable/main designable

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

Текущий план — использовать React для завершения части дизайнера, а затем загрузить его в Vue через systemjs.

• Используйте реакцию, чтобы определить различные типы элементов управления, свойства элементов управления картой и настроить EditorSchema. (См. описание каталога выше)
• Экспортируйте модули, которые вам нужны, в ./react/editor.tsx.
• С помощью cd ./react && npm запустите build:editor файл модуля systemjs редактора будет создан в каталоге ./vue2/public, который можно напрямую использовать в качестве шаблона для проекта Vue. Шаблон содержит карту импорта systemjs редактора.
• Загрузка, проектируемая через vue2/src/views/designable/index.vue

Лицензия

Лицензия МТИ.

Авторские права (c) 2017 – настоящее время Ванвантоу