editor visual kode elemen-ui secara otomatis menghasilkan kode formulir dan kode daftar. Bukan solusi visual, lebih seperti alat untuk menghasilkan template
Versi web, di cabang
preview
npm install -g ele-cli
Server menempati port 3000
ele ui
Ada dua tempat dalam formulir yang perlu diedit. Yang pertama adalah properti formulir itu sendiri, seperti objek formulir, Ref formulir (digunakan untuk validasi formulir), dan yang lainnya adalah elemen formulir yang terdapat di dalam formulir. membentuk.
Atribut formulir dapat diedit di area pengeditan atribut formulir. Ada dua cara untuk menghasilkan elemen formulir.
Seret elemen formulir ke area seret, lalu edit properti elemen formulir
Sebagai alat pengeditan formulir, meskipun drag and drop sederhana, namun tetap merepotkan jika jumlah formulir banyak.
Karena antarmuka perusahaan kami dikelola melalui swagger, antarmuka posnya mencantumkan data, seperti yang ditunjukkan di bawah ini
Anda dapat dengan mudah menempelkan data ke dalam kotak input objek formulir JSON, dan objek bersarang juga didukung.
Namun data yang ditempel hanya memiliki nilai, jadi saya mendefinisikan struktur seperti value:label
, dengan nilai sebagai nilai formulir dan label sebagai label formulir. Perhatikan bahwa label harus diapit tanda kutip.
{
"id" : 'ID' ,
"title" : '标题' ,
"type" : '类型'
}
Kemudian klik untuk menghasilkan formulir. Input dihasilkan secara default dan dapat dimodifikasi di area pengeditan elemen formulir.
Tempelkan data yang dikembalikan oleh backend ke dalam kotak input formulir yang dihasilkan, buat formulir, lalu edit header tabel. Kueri tabel akan ditambahkan nanti.
?
Berikan ️ jika proyek ini membantu Anda!