kvision

KVision vous permet de créer des applications Web modernes avec la langue Kotlin, sans aucune utilisation de HTML, CSS ou JavaScript. Il vous donne une riche hiérarchie de composants GUI prêts à l'emploi, qui peuvent être utilisés comme blocs de constructeurs pour l'interface utilisateur de l'application.

KVision prend entièrement à la fois des modèles de programmation réactifs et impératifs. Il vous donne tout ce dont vous pourriez avoir besoin pour la gestion de l'État de vos applications.

KVision contient une interface de connectivité innovante pour KTOR, Jooby, Spring Boot, Javalin, Vert.X et MicronAut Frameworks du côté serveur, qui permet de créer des applications FullStack avec du code partagé pour le modèle de données et la logique métier.

KVision est en cours de développement activement. Veuillez créer un problème pour tout bogue ou demandes de fonctionnalités.

Exemple de code

 class App : Application () {

    val state = ObservableValue ( " Hello world " )

    override fun start () {
        root( " root " ) {
            vPanel {
                h1(state) {
                    + it
                }
                button( " Add an exclamation mark " ).onClick {
                    state.value + = " ! "
                }
            }
        }
    }
}

Caractéristiques

• Environnement Dev 100% de type sûr et entièrement compilé.

• Tapez des constructeurs DSL sûrs.

• Basé sur les styles bootstrap, la typographie et les composants.

• Utilise l'implémentation SnabBbdom Fast Virtual Dom.

• S'intègre à beaucoup de bibliothèques et de composants:

  • Font génial
  • Tom select
  • Rédacteur en chef de Trix
  • Tempus dominus Datetime Picker
  • Entrée de fichier bootstrap
  • Guidon
  • Graphique.js
  • Tabulatrice
  • Redux
  • Reduxkotlin
  • Ballast
  • Navigo
  • Rythme
  • Brochure
  • Toastiftifier JS
  • Print.js
  • Imask.js
  • Web matériel

• Comprend des conteneurs de mise en page sophistiqués, y compris CSS Flexbox, CSS Grid et Bootstrap Reactive 12 Colonnes Grid.

• Comprend une implémentation des formulaires pratiques, avec le support pour de nombreux composants d'entrée différents et la validation facile à utiliser.

• Prise en charge du modèle d'observateur, de la liaison des données, des flux d'événements et du flux d'état pour les observables.

• Prend en charge les composants React avec KVision DSL et la gestion de l'État intégrée.

• Prise en charge complète pour les composants Web mobiles ONSEN UI avec API Kotlin et constructeurs DSL.

• Prise en charge de l'internationalisation basée sur les traductions GetText et la bibliothèque getText.js.

• Prise en charge de glisser-déposer facile à utiliser.

• Prise en charge des animations et effets jQuery.

• Connectivité de repos de type.

• Support en mode noir.

• Interface d'intégration innovante pour KTOR, Jooby, Spring Boot, Javalin, Vert.X et MicronAut Frameworks côté serveur, y compris la prise en charge des connexions WebSockets de type.

• Prise en charge de la construction d'applications mobiles hybrides avec Apache Cordova.

• Prise en charge de la création de plate-forme multiplateforme, applications de bureau avec électron.

• Les applications KVision sont construites avec Gradle avec la prise en charge du remplacement du module chaud de WebPack (HMR) et de Kotlin JavaScript DCE (Dead Code Elimination). Le plugin de compilateur Kotlin pour Gradle est disponible pour générer automatiquement du code de la plaque de chauffeur pour les interfaces côté serveur.

• Karma Testing Framework Support.

• Support IDE (Intellij Idea). L'assistant du projet KVision est en cours de développement en tant que projet distinct (grâce à @jakubneukirch).

Exemples et documentation

Prêt à explorer, un ensemble riche d'exemples de KVision est disponible dans le projet séparé.

Voir également l'implémentation complète Frontend de l'application d'exemple Realworld et une version FullStack construite avec Spring Webflux et R2DBC.

Le Guide complet de KVision est publié sur GitBook.

La documentation de l'API, générée avec New Dokka, est disponible sur https://rjaros.github.io/kvision/index.html.

Vous pouvez également consulter les articles de blog KVision sur Dev.To et vous pouvez parler avec les utilisateurs et les développeurs de KVision sur la chaîne Kotlin Slack #KVision et sur le serveur Discord.

Start

Développement

1. Téléchargez des exemples de KVision depuis GitHub:

    git clone https://github.com/rjaros/kvision-examples.git
   

2. Entrez l'un des exemples de répertoire:

    cd kvision-examples/showcase                        (on Linux)
    cd kvision-examplesshowcase                        (on Windows)
   

3. Exécutez la construction incrémentielle gradle avec:

    ./gradlew -t run                                    (on Linux)
    gradlew.bat -t run                                  (on Windows)
   

4. Ouvrez http: // localhost: 3000 / dans votre navigateur.

5. Jouez avec le code et voyez vos modifications immédiatement dans le navigateur.

Production

Pour créer une application complète optimisée pour la production:

    ./gradlew zip                       (on Linux)
    gradlew.bat zip                     (on Windows)

Le package d'application sera enregistré en tant que build / libs / showcase-1.0.0-snapshot.zip.

Laissez-nous une étoile

Si vous aimez ce projet, veuillez lui donner une étoile sur Github. Merci!