ng form element

تلتزم ng-form بإنشاء أقوى مكون نموذج Vue ديناميكي مفتوح المصدر

NG-FORM-ELEMENT

يوضح بدءًا من الإصدار 2.1.0، فهو يدعم التدويل ويحتوي على لغتين مدمجتين: الصينية المبسطة والإنجليزية.

مثال على الانترنت

https://jjxliu306.github.io/ng-form-element/dist/index.html

عنوان إصدار iview https://gitee.com/jjxliu306/ng-form-iview

عنوان إصدار element-plus (إصدار VUE3) https://gitee.com/jjxliu306/ng-form-elementplus

خدمات الواجهة الخلفية

وظيفة التحليل والتحقق من الواجهة الخلفية لـ ngtool https://gitee.com/jjxliu306/ngtool

التوثيق (يتم تحديثه باستمرار)

http://www.ng-form.cn

## مثال على محطة الهاتف المحمول مكون uniapp ng-form https://ext.dcloud.net.cn/plugin?id=20207

مثال التكامل

حالة تكامل فصل الواجهة الأمامية والخلفية بناءً على Springboot + vue

الخلفية الربيعية: https://gitee.com/jjxliu306/ng-server

عرض الواجهة الأمامية: https://gitee.com/jjxliu306/ng-ui

مثال

الشكل الأساسي

التحقق من صحة النموذج والعرض الديناميكي للمكونات

جدول ديناميكي

مقدمة

مصمم النماذج على أساس vue و element-ui. قم بإنشاء صفحة نموذج بسرعة عن طريق السحب والإسقاط، ويمكن تصدير النموذج إلى تنسيق json، أو يمكن استعادة النماذج التي رسمها الآخرون من خلال استيراد json.

الاختلافات عن النماذج مفتوحة المصدر الأخرى

• يمكن إخفاء كل مكون وعرضه ديناميكيًا، ويوفر مجموعة متنوعة من عمليات التحقق من القواعد بالإضافة إلى "المطلوب"، مما يدعم التحقق من التعبير والتحقق المنتظم.
• يمكن تكوين قيم ربط المكونات المخفية بحيث لا يتم إخراجها، مما يقلل من حجم بيانات الإخراج
• يوفر مكالمات تشغيل بعد التحديد لعناصر التحكم الانتقائية (الراديو، التحديد، خانة الاختيار) ويدعم التعبيرات. يدعم وظيفة ربط البيانات لعناصر التحكم الانتقائية، والتي يمكن من خلالها إجراء الربط متعدد المستويات
• توفر النماذج الديناميكية مربعات منبثقة منفصلة لملء البيانات وتحريرها
• طرق تخطيط متنوعة، وتوفير الشبكة والجدول وطرق التخطيط الأخرى
• يدعم وضع معاينة النموذج، وكل محتوى النموذج غير مكون، ويتم عرض كل النص
• بعد تحديد عنصر التحكم الانتقائي (الراديو، التحديد، مربع الاختيار)، سيتم تخزين الملصق المقابل بشكل منفصل لسهولة العرض.

عناصر

• مصمم نماذج ng-form-design (تصميم صفحات النماذج بسرعة بناءً على العمليات المرئية وإنشاء json أو صفحات التكوين)
• ng-form-build form builder (إنشاء صفحة نموذج بسرعة استنادًا إلى بيانات التكوين json التي تم الحصول عليها في المصمم، وإضافة سمة للقراءة فقط وعرض نموذج المعاينة)

ثَبَّتَ

بالنسبة للإصدارات 2.2.0+ والإصدارات الأحدث، يرجى استخدام vue-cli3 أو السقالات الأعلى.

 npm install --save  ng-form-element

يقتبس

 // 导入组件库
import NgFormElement  from 'ng-form-element'
import 'ng-form-element/lib/ng-form-element.css'

يسجل

 // 注册组件库
Vue.use(NgFormElement) 

مرجع الصفحة

 <div id="app"> 
    <ng-form-design  />
</div>

التواصل

انقر فوق الرابط للانضمام إلى دردشة مجموعة QQ، حيث يمكنك طرح الأسئلة مباشرة والإبلاغ عن الأخطاء [مجموعة الاتصال: 152592057]