vue element nocode admin

ยินดีต้อนรับสู่ ele-cli

โปรแกรมแก้ไขภาพโค้ดของ element-ui จะสร้างโค้ดฟอร์มและโค้ดรายการโดยอัตโนมัติ ไม่ใช่โซลูชันแบบภาพ เหมือนเป็นเครื่องมือในการสร้างเทมเพลตมากกว่า

?หน้าแรก

เวอร์ชันเว็บในสาขา preview

ติดตั้ง

npm install -g ele-cli

วิธีใช้

เซิร์ฟเวอร์ครอบครองพอร์ต 3000

ele ui

รูปร่าง

มีสองตำแหน่งในแบบฟอร์มที่ต้องแก้ไข หนึ่งคือคุณสมบัติของฟอร์มเอง เช่น ออบเจ็กต์ฟอร์ม การอ้างอิงของฟอร์ม (ใช้สำหรับการตรวจสอบความถูกต้องของฟอร์ม) และอีกตำแหน่งหนึ่งคือองค์ประกอบของฟอร์มที่มีอยู่ใน รูปร่าง.

แอตทริบิวต์ของแบบฟอร์มสามารถแก้ไขได้ในพื้นที่การแก้ไขแอตทริบิวต์ของแบบฟอร์ม มีสองวิธีในการสร้างองค์ประกอบของแบบฟอร์ม

• ลาก

ลากองค์ประกอบแบบฟอร์มไปยังพื้นที่ลาก จากนั้นแก้ไขคุณสมบัติองค์ประกอบแบบฟอร์ม

• รองรับการแปลง JSON เป็นรูปแบบ

ในฐานะเครื่องมือแก้ไขแบบฟอร์ม แม้ว่าการลากและวางจะง่ายดาย แต่ก็ยังมีปัญหาเมื่อมีแบบฟอร์มจำนวนมาก

เนื่องจากอินเทอร์เฟซของบริษัทของเราได้รับการจัดการผ่านผยอง อินเทอร์เฟซหลังจึงแสดงรายการข้อมูลดังที่แสดงด้านล่าง

คุณสามารถวางข้อมูลลงในกล่องอินพุตของออบเจ็กต์ฟอร์ม JSON ได้อย่างง่ายดาย และรองรับออบเจ็กต์ที่ซ้อนกัน

แต่ข้อมูลที่วางมีเพียงค่าเท่านั้น ดังนั้นฉันจึงกำหนดโครงสร้างเช่น value:label โดยที่ value เป็นค่าของแบบฟอร์ม และ label เป็นป้ายกำกับของแบบฟอร์ม โปรดทราบว่าป้ายจะต้องอยู่ในเครื่องหมายคำพูด

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

จากนั้นคลิกเพื่อสร้างแบบฟอร์ม อินพุตจะถูกสร้างขึ้นตามค่าเริ่มต้น และสามารถแก้ไขได้ในพื้นที่แก้ไของค์ประกอบของแบบฟอร์ม

แผ่น

วางข้อมูลที่ส่งคืนโดยแบ็กเอนด์ลงในช่องป้อนข้อมูลของแบบฟอร์มที่สร้างขึ้น สร้างแบบฟอร์ม จากนั้นแก้ไขส่วนหัวของตารางจะถูกเพิ่มในภายหลัง

ผู้เขียน

?

• Github: @Liugq5713

แสดงการสนับสนุนของคุณ

ให้️ถ้าโครงการนี้ช่วยคุณได้!