การออกแบบฟอร์ม UI ขององค์ประกอบและตัวสร้างโค้ดสามารถรันโค้ดที่สร้างขึ้นได้โดยตรงในโปรเจ็กต์ vue ที่ใช้องค์ประกอบ นอกจากนี้ยังสามารถส่งออกแบบฟอร์ม JSON และใช้ตัวแยกวิเคราะห์ที่สนับสนุนเพื่อแยกวิเคราะห์ JSON เป็นรูปแบบจริง
[ที่อยู่ตัวอย่างในประเทศ] [ที่อยู่ตัวอย่างระหว่างประเทศ]
[คลังสินค้า github] [คลังสินค้ารหัสคลาวด์]
รองรับปลั๊กอิน vscode
รองรับตัวแยกวิเคราะห์ JSON
การห่อหุ้มและการเรียก el-dialog
การวิเคราะห์โครงสร้างหลักของโครงการ
[คำถามที่พบบ่อย] วิธีรวมโปรแกรมแก้ไขโมนาโกเข้ากับ npm
ชุดบทช่วยสอน: "ผู้ออกแบบฟอร์ม · บทช่วยสอนการพัฒนา" "ตัวแยกวิเคราะห์แบบฟอร์ม · บทช่วยสอนการพัฒนา" "ตัวสร้างโค้ด Vue · บทช่วยสอนการพัฒนา" "ตัวดูตัวอย่างโค้ด Vue · บทช่วยสอนการพัฒนา"
ตารางเปรียบเทียบพารามิเตอร์แบบฟอร์ม JSON
แยกวิเคราะห์แบบฟอร์ม JSON ที่บันทึกไว้ในฐานข้อมูลเป็นรูปแบบจริง ดูตัวอย่างออนไลน์
// 安装 npm i form-gen-parser
ข้อมูลเพิ่มเติม
ช่วยให้นักพัฒนาที่ใช้องค์ประกอบ UI ทำงานสร้างโค้ดแบบฟอร์มพื้นฐานได้สำเร็จ และลดการทำงานซ้ำซ้อน
ปลั๊กอินที่รองรับสำหรับสาขา vscode-plugin คือ: form-generator-plugin;
เมื่อใช้ปลั๊กอิน คุณสามารถคลิกขวาเพื่อเปิดตัวออกแบบและบันทึกโค้ดลงในโครงการได้โดยตรง
หากต้องการติดตั้งปลั๊กอิน โปรดค้นหาใน vscode:
จากฮวง
หรือ
ปลั๊กอินตัวสร้างแบบฟอร์ม
ตรวจสอบให้แน่ใจว่าได้ติดตั้ง node.js 10+ แล้ว
หลังจากดาวน์โหลดโปรเจ็กต์เป็นครั้งแรก ให้ติดตั้งการขึ้นต่อกันของโปรเจ็กต์:
yarn
หรือ
npm install
การพัฒนาท้องถิ่น
npm run dev
สร้าง
npm run build
กลุ่ม QQ 976154366 [เต็ม] 1137173566 [เต็ม] 514953560 [กลุ่ม 3]
vue-admin-beautiful - ระดับองค์กร โซลูชันระดับกลางระดับกลาง แบ็คเอนด์และฟรอนต์เอนด์สากล (อิงตามเวอร์ชันล่าสุดของ vue/cli 4 รองรับคอมพิวเตอร์ โทรศัพท์มือถือ และแท็บเล็ต)
vue-admin-beautiful - การสาธิตออนไลน์
pl-table —— แก้ปัญหาการเรนเดอร์ความล่าช้าของข้อมูลตารางนับหมื่นขององค์ประกอบได้อย่างสมบูรณ์แบบ
ไปผู้ดูแลระบบ
อิวานาเบธัตกาย
เอ็มไอที