vue element nocode admin
1.0.0
Der visuelle Code-Editor von element-ui generiert automatisch Formularcode und Listencode. Keine visuelle Lösung, eher ein Tool zum Generieren von Vorlagen
Webversion, im
preview
npm install -g ele-cliDer Server belegt Port 3000
ele ui
Es gibt zwei Stellen in einem Formular, die bearbeitet werden müssen, zum einen die Eigenschaften des Formulars selbst, z. B. das Formularobjekt, die Referenz des Formulars (wird zur Formularvalidierung verwendet), und zum anderen die darin enthaltenen Formularelemente bilden.
Formularattribute können im Bearbeitungsbereich für Formularattribute bearbeitet werden. Es gibt zwei Möglichkeiten, Formularelemente zu generieren.
Ziehen Sie das Formularelement in den Ziehbereich und bearbeiten Sie dann die Eigenschaften des Formularelements
Obwohl Drag & Drop als Formularbearbeitungstool einfach ist, ist es bei einer großen Anzahl von Formularen dennoch problematisch.
Da die Schnittstelle unseres Unternehmens über Swagger verwaltet wird, listet die Post-Schnittstelle die Daten auf, wie unten gezeigt
Sie können Daten problemlos in das Eingabefeld eines JSON-Formularobjekts einfügen und verschachtelte Objekte werden unterstützt.
Aber die eingefügten Daten haben nur einen Wert, also habe ich eine Struktur wie value:label definiert, mit value als Wert des Formulars und label als Beschriftung des Formulars. Beachten Sie, dass die Bezeichnung in Anführungszeichen gesetzt werden muss.
{
"id" : 'ID' ,
"title" : '标题' ,
"type" : '类型'
}Klicken Sie dann, um das Formular zu generieren. Die Eingabe wird standardmäßig generiert und kann im Bearbeitungsbereich des Formularelements geändert werden.
Fügen Sie die vom Backend zurückgegebenen Daten in das Eingabefeld des generierten Formulars ein, generieren Sie das Formular und bearbeiten Sie dann den Tabellenkopf. Tabellenabfragen werden später hinzugefügt.
? Sarva
Geben Sie ein ️, wenn Ihnen dieses Projekt geholfen hat!
