Costruttore di moduli jQuery open source gratuito

Alpaca Forms Costruttore di moduli gratuiti

Costruttore di moduli jQuery open source per moduli HTML5 interattivi

ALPACA Forms è un costruttore di moduli jQuery open source, per moduli HTML5 interattivi per le tue applicazioni Web e mobili utilizzando schema JSON e modelli di manubrio.

Costruttore di moduli jQuery open source gratuito

Alpaca Forms

GitHub

Panoramica ### ** ** Sono disponibili molti strumenti di generatore di moduli HTML5 gratuiti. Ma Alpaca Forms è un costruttore di moduli jQuery molto semplice e di facile utilizzo per generare moduli HTML5 per applicazioni Web e mobili. Ti consente di generare interfacce utente di bell’aspetto in cima a Twitter Bootstrap, JQuery UI, JQuery Mobile e HTML5 utilizzando schema JSON e semplici modelli di manubrio. Alpaca è un designer di moduli jQuery molto utile e tutto ciò di cui hai bisogno viene fornito fuori dalla scatola. Viene preconfezionato da una grande libreria di controlli, modelli, layout e funzionalità. Alpaca è un creatore di moduli JavaScript guidato da JSON che rende molto facile rendere belle forme. È molto estensibile e progettato attorno a un motivo esteso orientato agli oggetti. Questa estensibilità integrata consente di estendere e implementare nuovi controlli, modelli, fasci i18 e persistenza dei dati personalizzati per i tuoi progetti. ALPACA Forms fornisce una documentazione completa che formano costruttori e sviluppatori possono fare riferimento per lavorare con controlli sul campo, layout, modelli, callback e altri punti di estensibilità all’interno di ALPACA.

Caratteristiche

Di seguito sono riportate le caratteristiche chiave delle forme di alpaca

  • Json-Driven
  • Supporta JQuery UI, JQuery Mobile e HTML5 per l’uscita resa
  • Modelli di manubrio
  • Estensibilità
  • Una documentazione completa
  • Un gran numero di controlli supportati
  • Supportare più tipi di fonti di dati
  • Supporto per i callback
  • Supportato da Cloud CMS
  • È gratuito e open source

Istruzioni per l’installazione

Copia il seguente codice nel blocco della tua pagina web:

    <!-- dependencies (jquery, handlebars and bootstrap) -->
      <script type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>
      <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
      <link type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"/>
      <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
      <!-- alpaca -->
      <link type="text/css" href="//cdn.jsdelivr.net/npm/alpaca@1.5.27/dist/alpaca/bootstrap/alpaca.min.css" rel="stylesheet"/>
      <script type="text/javascript" src="//cdn.jsdelivr.net/npm/alpaca@1.5.27/dist/alpaca/bootstrap/alpaca.min.js"></script>

Chiama $ .Alpaca () con lo schema del modulo e qualsiasi configurazione:

     
    <div id="form1"></div>
    <script type="text/javascript">
    $("#form1").alpaca({
        "schema": {
            "title": "What do you think of Alpaca?",
            "type": "object",
            "properties": {
                "name": {
                    "type": "string",
                    "title": "Name"
                },
                "ranking": {
                    "type": "string",
                    "title": "Ranking",
                    "enum": ['excellent', 'not too shabby', 'alpaca built my hotrod']
                }
            }
        }
    });
    </script>

Ciò genererà il seguente modulo HTML5 utilizzando Twitter Bootstrap e ALPACA.

 Italiano