formily admin template

plantilla-admin-formily

Esta es una formación formal en gestión administrativa. Puede elegir Vue2/React y Element UI/Antd UI combinados con axios, iconfont y lint, que son necesarios para construir el backend.

Los ejemplos funcionales provienen del proyecto vue-element-admin. Este almacén solo usa bibliotecas relacionadas con @formily para reemplazar algunas de las funciones comunes. Todas las clases de componentes las proporciona el proyecto de ejemplo funcional.

• Vue2 está construido sobre [email protected]
• React está construido en base a webpack@^4.41.5",

Proyectos relacionados

• Ejemplo de función fuente vue-element-admin

Configuración de compilación de 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

Acceso al navegador http://localhost:9527

Reaccionar configuración de compilación

 # 克隆项目
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

Acceso al navegador http://localhost:3000

ejemplo formalmente diseñable

El proyecto de reacción contiene ejemplos formalmente diseñables. Puede usar designable para modificar la página en el proyecto. El esquema modificado se guarda en la memoria. Puede ver la página actualizada.

• ./react/directorio de inicio designable
• ./react/designable/components La información del componente del proyecto registrado en designable
• ./react/designable/decorator agrega configuraciones de decorador a designable. Puede elegir entre varios decoradores definidos.
• Configuración SchemaEditorWidget de componentes y decorador ./react/designable/schemas
• ./react/designable/setters Componentes de SchemaEditorWidget
• ./react/designable/dn Lista de componentes y clasificación para controles diseñables
• ./react/designable/formily Un resumen de los componentes de formily, incluidos los componentes antd y del proyecto
• Representación de ./react/designable/main designable

Usar en vista

El plan actual es usar React para completar la parte del diseñador y luego cargarla en Vue a través de systemjs.

• Utilice reaccionar para definir varios tipos de controles, asignar propiedades de control y ajustar EditorSchema. (Consulte la descripción del catálogo anterior)
• Exporte los módulos que necesita usar en ./react/editor.tsx
• Al ejecutar cd ./react && npm build:editor, el archivo del módulo systemjs del editor se generará en el directorio ./vue2/public, que se puede utilizar directamente como plantilla para el proyecto Vue. La plantilla contiene el mapa de importación systemjs del editor.
• Cargue designable a través de vue2/src/views/designable/index.vue

Licencia

Licencia MIT.

Copyright (c) 2017-presente wangwangtou