Come aggiungere componenti personalizzati all’applicazione

Tradotto automaticamente da Deepl

Qodly Studio for 4D è uno strumento potente per creare applicazioni aziendali complesse e complete. Sebbene i suoi componenti precostituiti siano versatili, le soluzioni personalizzate sono talvolta essenziali.

I componenti personalizzati vi permettono di costruire una soluzione su misura per il vostro progetto e di beneficiare di molti componenti costruiti da 4D o dalla comunità per arricchire la vostra interfaccia utente.

Questo post del blog, completato da un video tutorial, vi guiderà attraverso il processo di integrazione dei componenti personalizzati nel vostro progetto Qodly Studio for the 4D.

Vantaggi dell’uso dei componenti personalizzati

I componenti personalizzati consentono di arricchire l’interfaccia utente di Qodly Studio per applicazioni 4D, in modo simile ai componenti 4D o ai plugin 4D utilizzati nei moduli 4D.

Ecco alcuni esempi di componenti personalizzati disponibili pubblicamente:

  • Selezionatore di date

  • Widget di valutazione

    blank

  • Picker di colori

    blank

  • Calendario (mensile, settimanale, giornaliero)

    blank

  • Grafici

    blank

  • Mappa

    blank

  • Linea del tempo

    blank

  • E molto altro ancora!

I componenti personalizzati sono realizzati con React, che offre agli sviluppatori una base flessibile e potente.

Come installare i componenti personalizzati di Qodly

  1. Scegliere il componente: Sfogliare ilrepository dei componenti personalizzati di Qodly su GitHub e selezionare il componente che si desidera utilizzare.
  2. Scaricare l’ultima versione: Fare clic sul componente, navigare nella sezione Release e assicurarsi di scaricare l’ultima versione. Fare clic sullo zip per scaricarlo. Assicuratevi di essere nella sezione Release per il download, che scarica un componente pre-costruito, non il sorgente stesso.

    blank

  3. Dal lato Qodly Studio for 4D:
    1. Nella sezione Componenti, fate clic sul pulsante Carica componente.
    2. Cercate il componente appena scaricato o trascinatelo.
    3. Fare clic su Install Component, quindi su Reload.
    4. Il componente dovrebbe apparire nell’elenco di Custom sotto la sezione Components.

    blank

  4. Il componenteè pronto per il progetto.

Avatar
- Product Marketing Manager - Intissar è entrata in 4D nel 2017 come Product Marketing Manager. Lavora a stretto contatto con i team di prodotto, marketing, ingegneria e supporto tecnico per evidenziare il "perché", il "come" e il "cosa" delle nuove funzionalità e di quelle aggiornate a diversi pubblici. Questa vicinanza le consente di creare strutture di messaggistica e di scrivere contenuti approfonditi ed esempi di codice per il blog e il sito web di 4D. Dopo aver conseguito la laurea in Informatica presso l'università VINCI, Intissar ha lavorato in diverse startup come ingegnere informatico. La sua esperienza pratica comprende le specifiche, la progettazione e lo sviluppo del software, la formazione e il supporto agli utenti e la gestione del team.