kvision

Mit KVision können Sie moderne Webanwendungen mit der Kotlin -Sprache erstellen, ohne HTML, CSS oder JavaScript zu verwenden. Es gibt Ihnen eine reichhaltige Hierarchie von Bereits zur Verwendung von GUI -Komponenten, die als Builder -Blöcke für die Anwendungs ​​-Benutzeroberfläche verwendet werden können.

Kvision unterstützt sowohl reaktive als auch imperative Programmiermodelle vollständig. Es gibt Ihnen alles, was Sie für die staatliche Verwaltung Ihrer Apps benötigen.

Kvision enthält eine innovative Konnektivitätsschnittstelle für KTOR-, Jooby-, Spring -Boot-, Javalin-, Vert.x- und Micronaut -Frameworks auf der Serverseite, mit der FullStack -Anwendungen mit gemeinsamem Code für Datenmodell und Geschäftslogik erstellt werden können.

Kvision wird aktiv entwickelt. Bitte erstellen Sie ein Problem für Fehler oder Funktionsanfragen.

Beispielcode

 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 + = " ! "
                }
            }
        }
    }
}

Merkmale

• 100% Type Safe und vollständig zusammengestellte Entwicklerumgebung.

• Geben Sie sichere DSL -Bauherren ein.

• Basierend auf Bootstrap -Stilen, Typografie und Komponenten.

• Verwendet Snabbdom schnelle virtuelle Dom -Implementierung.

• Integriert sich in viele Bibliotheken und Komponenten:

  • Schriftart großartig
  • Tom Select
  • Trix Editor
  • Tempus dominus datetime picker
  • Bootstrap -Dateieingabe
  • Lenker
  • Diagramm.js
  • Tabulator
  • Redux
  • Reduxkotlin
  • Ballast
  • Navigo
  • Tempo
  • Broschüre
  • Toastify JS
  • Print.js
  • Imask.js
  • Material Web

• Enthält hoch entwickelte Layoutbehälter, einschließlich CSS Flexbox, CSS -Raster und Bootstrap Responsive 12 -Säulenraster.

• Beinhaltet die Implementierung der praktischen Formulare, mit Unterstützung vieler verschiedener Eingabekomponenten und einer einfachen Validierung.

• Unterstützung für Beobachtermuster, Datenbindung, Ereignisflüsse und Stateflow für Observablen.

• Unterstützt Reaktoren mit KVISION DSL und integriertem Staatsmanagement.

• Vollständige Unterstützung für mobile Webkomponenten von Onsen UI mit Typ-sicherer Kotlin-API- und DSL-Bauherren.

• Unterstützung bei der Internationalisierung basierend auf GetText -Übersetzungen und GetText.js -Bibliothek.

• Einfach zu bedienender Drag & Drop -Support.

• Unterstützung für JQuery -Animationen und Effekte.

• Typ-sicherer Ruhekonnektivität.

• Dunkelmodusunterstützung.

• Innovative Integrationsschnittstelle für KTOR-, Jooby-, Spring-Boot-, Javalin-, Vert.x- und Micronaut-Frameworks auf der Serverseite, einschließlich der Unterstützung von Websockets-Verbindungen vom Typ-Safe.

• Unterstützung für den Aufbau hybrider mobiler Anwendungen mit Apache Cordova.

• Unterstützung für die Aufbau von plattformübergreifenden Desktop-Anwendungen mit Elektronen.

• KVISION -Anwendungen werden mit Gradle mit Unterstützung für den Hot Modul Exetement (HMR) und den Kotlin JavaScript DCE (Dead Code Elimination) erstellt. Das Kotlin-Compiler-Plugin für Gradle steht zur automatischen Generierung von Boilerplate-Code für serverseitige Schnittstellen zur Verfügung.

• Karma -Test -Framework -Unterstützung.

• IDE -Unterstützung (Intellij Idee). Der Kvision -Projekt -Assistent wird als separates Projekt entwickelt (dank @jakubneukirch).

Beispiele und Dokumentation

Bereit zu erforschen, sind im separaten Projekt eine Reihe von KVISION -Beispielen erhältlich.

Siehe auch die vollständige Frontend -Implementierung von Realworld -Beispielanwendung und eine FullStack -Version, die mit Spring WebFlux und R2DBC erstellt wurde.

Der umfassende Kvision -Handbuch wird auf Gitbook veröffentlicht.

Die mit New Dokka generierte API -Dokumentation ist unter https://rjaros.github.io/kvision/index.html verfügbar.

Sie können sich auch KVISION -Blog -Beiträge unter dev.to ansehen und mit Kvision -Benutzern und Entwicklern auf dem Kotlin Slack #Kvision -Kanal und auf dem Discord -Server sprechen.

QuickStart

Entwicklung

1. Laden Sie Kvision -Beispiele von GitHub herunter:

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

2. Geben Sie ein Beispiel für Beispiele ein:

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

3. Führen Sie Gradle Incremental Build mit:

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

4. Öffnen Sie http: // localhost: 3000/in Ihrem Browser.

5. Spielen Sie mit dem Code und sehen Sie Ihre Änderungen sofort im Browser.

Produktion

So erstellen Sie eine vollständige Anwendung, die für den Produktionslauf optimiert ist:

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

Das Anwendungspaket wird als Build/libs/showcase-1.0.0-Snapshot.zip gespeichert.

Lass uns einen Stern

Wenn Ihnen dieses Projekt gefällt, geben Sie ihm bitte einen Stern auf Github. Danke schön!