metatonic

變調平台

Metatonic 是一組函式庫和工具，用於極快地編寫大型資料輸入應用程式。

應用程式生成器

行為守則

文件

姓名	覆蓋範圍/狀態	國家公共管理
變調核心	96%
變質反應	22%
變態還原	46%
元滲反應還原	0%
應用程式/應用程式建構器	大部分時間在工作
僅應用程式/前端	大部分時間在工作
應用程式/使用資料庫渲染的伺服器	早期開發
元音伺服器	早期開發
Metatonic-元存儲	腦力激盪

一切仍在進行中。只要您不遵守行為準則，我就希望獲得您的幫助

一些我們關心的事情

• 我們關心幫助您編寫盡可能少的程式碼，希望有時不需要程式碼
• 我們非常關心數據輸入。良好的數據是許多重要工作的支柱。
• 我們關心您創造您想要的東西。我們提供了一種方法，可以非常快速地建立應用程式的資料輸入和顯示部分。我們相信配置和慣例。
• 我們關心您是否在您選擇的 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 ;
}