metatonic

แพลตฟอร์มเมตาโทนิก

Metatonic คือชุดของไลบรารีและเครื่องมือสำหรับการเขียนแอปพลิเคชันการป้อนข้อมูลขนาดใหญ่อย่างรวดเร็ว

ตัวสร้างแอป

หลักจรรยาบรรณ

เอกสารประกอบ

ชื่อ	ความคุ้มครอง/สถานะ	เอ็นพีเอ็ม
metatonic-core	96%
เมตาโทนิก-ปฏิกิริยา	22%
เมตาโทนิก-รีดักซ์	46%
metatonic-react-redux	0%
แอพ/ตัวสร้างแอพ	ส่วนใหญ่ทำงาน
แอพ/ส่วนหน้าเท่านั้น	ส่วนใหญ่ทำงาน
แอพ/เซิร์ฟเวอร์ที่เรนเดอร์ด้วยฐานข้อมูล	ช่วงต้นการพัฒนา
เซิร์ฟเวอร์ metatonic	ช่วงต้นการพัฒนา
metatonic-metatstore	การระดมความคิด

ทุกอย่างยังคงอยู่ในระหว่างดำเนินการ ฉันชอบความช่วยเหลือของคุณตราบเท่าที่คุณไม่ชอบหลักจรรยาบรรณ

บางสิ่งที่เราใส่ใจ

• เราใส่ใจในการช่วยให้คุณเขียนโค้ดให้น้อยที่สุด หวังว่าจะไม่มีโค้ดในบางครั้ง
• เราใส่ใจอย่างยิ่งกับการป้อนข้อมูล ข้อมูลที่ดีเป็นหัวใจสำคัญของงานจำนวนมากที่มีความสำคัญ
• เราใส่ใจเกี่ยวกับคุณในการสร้างสรรค์สิ่งที่คุณต้องการ เรามีวิธีในการสร้างการป้อนข้อมูลและแสดงบางส่วนของแอปของคุณอย่างรวดเร็ว เราเชื่อในการกำหนดค่าและแบบแผน
• เราใส่ใจว่าคุณจะต้องเขียนในกรอบงาน UI ที่คุณเลือก ขณะนี้เรารองรับ React แต่มันถูกเข้ารหัสเพื่อให้สามารถมีปลั๊กอินในภายหลังสำหรับ Angular, Vue, Knockout อะไรก็ตามที่ลอยอยู่ในเรือของคุณ ตราบใดที่มันทำงานได้ดีกับการผูกทางเดียวและการจัดการสถานะเช่น Redux คุณก็ควรจะดี

ตัวอย่าง

เครื่องมือแก้ไขบันทึก

@ editorFor ( "record" , FieldSet , { isDefault : true } )
export class RecordEditor extends BaseEditorModel < { [ key : string ] : any } , RecordSchemaType , BaseEditorModel < RecordSchemaType > , void > {
    render ( ) {
        let recordType = this . props . field . typeParameters . typeParams as SchemaRecordType ;
        let fields = recordType . fields ;
        return ( < > {
            fields . map ( field =>
                < FieldEditor value = { this . props . value [ field . name ] } field = { field } context = { createContext ( field , this . props . context ) } / >
            ) }
        < / > )
    }
} 

ตัวแก้ไขอินพุต

@ editorFor ( "numeric" , InputBoxLabelContainer , { isDefault : true } )
export class NumericEditor extends BaseEditor < Numeric , NumericTypeInfo , BaseEditorModel < Numeric > , void > {
    render ( ) {
        return (
            < input type = "number"
                   id = { this . uniqueId ( ) }
                   value = { this . value ( ) . toEditorString ( ) }
                   required = { this . field ( ) . required }
                   max = { this . props . field . max || undefined }
                   min = { this . props . field . min || undefined }
                   step = { 1 }
                   onChange = { this . notifyChanged }
            / >
        ) ;
    }
} 

สคีมาจากคลาส TypeScript

@ model
export class Field {
    @ field ( "text" , "Name" , SchemaEntryType . entry , { required : true } )
    name : string ;

    @ field ( "text" , "Label" , SchemaEntryType . entry , { required : true } )
    label : string ;
    
    @ field ( "code" , "Type" , SchemaEntryType . selection , { required : true } )
    typeName : string ;

    @ field ( "code" , "Type" , SchemaEntryType . selection , { required : true } )
    entryType ?: SchemaEntryType ;

    @ field ( "boolean" , "Multiple" , SchemaEntryType . entry , { required : true } )
    multiple : boolean ;

    @ field ( "boolean" , "Required" , SchemaEntryType . entry , { required : true } )
    required : boolean ;

    @ field ( "numeric" , "Max Length" , SchemaEntryType . entry , { required : false } )
    maxLength ?: Maybe < number > ;

    @ field ( "numeric" , "Max" , SchemaEntryType . entry , { required : false } )
    max ?: Maybe < number > ;

    @ field ( "numeric" , "Min" , SchemaEntryType . entry , { required : false } )
    min ?: Maybe < number > ;

    @ field ( "boolean" , "Can Add" , SchemaEntryType . entry , { required : false } )
    canAdd ?: boolean ;

    @ field ( "boolean" , "Can Add" , SchemaEntryType . entry , { required : false } )
    canEditSelection ?: boolean ;

    @ field ( "text" , "UI Preference" , SchemaEntryType . entry , { required : false } )
    uiControlPreference ?: string ;
}