formily admin template

공식적으로 관리자 템플릿

이것은 공식적으로 관리자 관리 배경입니다. 백엔드 구축에 꼭 필요한 axios, iconfont, lint가 결합된 Vue2/React와 Element UI/Antd UI를 선택할 수 있습니다.

기능적 예제는 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

반응 빌드 설정

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

공식적으로 디자인 가능한 예

React 프로젝트에는 디자인 가능 항목을 사용하여 프로젝트의 페이지를 수정할 수 있습니다. 수정된 스키마는 페이지로 돌아온 후 업데이트된 페이지를 볼 수 있습니다.

• ./react/designable 홈 디렉토리
• ./react/designable/comments designable에 등록된 프로젝트 컴포넌트의 컴포넌트 정보입니다.
• ./react/designable/ decorator는 정의된 여러 데코레이터 중에서 선택할 수 있도록 데코레이터 설정을 추가합니다.
• ./react/designable/schemas 구성 요소 및 데코레이터의 SchemaEditorWidget 구성
• ./react/designable/setters SchemaEditorWidget의 구성 요소
• ./react/designable/dn 설계 가능한 컨트롤을 위한 구성 요소 목록 및 분류
• ./react/designable/formily antd 및 프로젝트 구성 요소를 포함한 형식적 구성 요소 요약
• ./react/designable/main designable 렌더링

vue에서 사용

현재 계획은 React를 사용하여 디자이너 부분을 완성한 다음 systemjs를 통해 Vue에 로드하는 것입니다.

• 다양한 유형의 컨트롤을 정의하고, 컨트롤 속성을 매핑하고, EditorSchema를 조정하려면 반응을 사용하세요. (위 카탈로그 설명 참조)
• ./react/editor.tsx에서 사용해야 하는 모듈을 내보냅니다.
• cd ./react && npm run build:editor를 사용하면 편집기의 systemjs 모듈 파일이 ./vue2/public 디렉토리에 생성되며, 이는 Vue 프로젝트의 템플릿으로 직접 사용할 수 있습니다. 템플릿에는 편집기의 systemjs importmap이 포함되어 있습니다.
• vue2/src/views/designable/index.vue를 통해 디자인 가능한 로드

특허

MIT 라이센스.

Copyright (c) 2017-현재 왕왕투