formily admin template

modelo-admin-formily

Este é um histórico de gerenciamento administrativo formal. Você pode escolher Vue2/React e Element UI/Antd UI combinados com axios & iconfont & lint, que são necessários para construir o backend.

Os exemplos funcionais vêm do projeto vue-element-admin Este warehouse usa apenas bibliotecas relacionadas a @formily para substituir algumas das funções comuns.

• Vue2 é construído em [email protected]
• React é construído com base em webpack@^4.41.5",

Projetos relacionados

• Fonte de exemplo de função vue-element-admin

Configuração de compilação 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

Acesso pelo navegador http://localhost:9527

Configuração de compilação do 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

Acesso pelo navegador http://localhost:3000

exemplo formalmente projetável

O projeto react contém exemplos formily-designable. Você pode usar designable para modificar a página no projeto. O esquema modificado é salvo na memória.

• ./react/designable diretório inicial
• ./react/designable/components As informações do componente do projeto registrado para designable
• ./react/designable/decorator adiciona configurações de decorador ao designável. Você pode escolher entre vários decoradores definidos.
• Configuração SchemaEditorWidget de componentes e decorador ./react/designable/schemas
• ./react/designable/setters Componentes do SchemaEditorWidget
• ./react/designable/dn Lista de componentes e classificação para controles projetáveis
• ./react/designable/formily Um resumo dos componentes do formily, incluindo antd e componentes do projeto
• Renderização de ./react/designable/main designable

Use em tempo real

O plano atual é usar o React para completar a parte do designer e depois carregá-la no Vue por meio do systemjs.

• Use reagir para definir vários tipos de controles, mapear propriedades de controle e ajustar EditorSchema. (Consulte a descrição do catálogo acima)
• Exporte os módulos que você precisa usar em ./react/editor.tsx
• Por cd ./react && npm run build:editor, o arquivo do módulo systemjs do editor será gerado no diretório ./vue2/public, que pode ser usado diretamente como modelo para o projeto Vue. O modelo contém o mapa de importação systemjs do editor
• Carga projetável por meio de vue2/src/views/designable/index.vue

Licença

Licença do MIT.

Copyright (c) Wangwangtou presente em 2017