vue element nocode admin

ele-cli에 오신 것을 환영합니다.

element-ui의 코드 비주얼 편집기는 양식 코드와 목록 코드를 자동으로 생성합니다. 시각적인 솔루션이 아니라 템플릿을 생성하는 도구에 가깝습니다.

?홈페이지

웹 버전, preview 분기

설치하다

npm install -g ele-cli

사용방법

서버는 포트 3000을 사용합니다.

ele ui

형태

양식에서 편집해야 하는 두 곳이 있습니다. 하나는 양식 객체, 양식의 Ref(양식 유효성 검사에 사용됨)와 같은 양식 자체의 속성이고, 다른 하나는 양식 개체에 포함된 양식 요소입니다. 형태.

양식 속성 편집 영역에서 양식 속성을 편집할 수 있습니다. 양식 요소를 생성하는 방법에는 두 가지가 있습니다.

• 견인

양식 요소를 드래그 영역으로 드래그한 다음 양식 요소 속성을 편집합니다.

• JSON을 양식으로 변환 지원

양식 편집 도구로서 드래그 앤 드롭은 간단하지만 양식이 많은 경우 여전히 번거롭습니다.

우리 회사의 인터페이스는 swagger를 통해 관리되기 때문에 해당 게시물 인터페이스에는 아래와 같이 데이터가 나열됩니다.

JSON 양식 개체의 입력 상자에 데이터를 쉽게 붙여 넣을 수 있으며 중첩 개체가 지원됩니다.

하지만 붙여넣은 데이터에는 값만 있으므로 value:label 같은 구조를 정의했습니다. value 는 양식의 값이고 label 은 양식의 레이블입니다. 레이블은 따옴표로 묶어야 합니다.

 {
  "id" : 'ID' ,
  "title" : '标题' ,
  "type" : '类型'
}

그런 다음 클릭하여 양식을 생성합니다. 입력은 기본적으로 생성되며 양식 요소 편집 영역에서 수정할 수 있습니다.

시트

백엔드에서 반환된 데이터를 생성된 폼의 입력란에 붙여넣고 폼을 생성한 후 테이블 헤더를 편집하면 나중에 추가됩니다.

작가

? 사르바

• Github: @Liugq5713

당신의 지지를 보여주세요

이 프로젝트가 도움이 되었다면 ️를 보내주세요!