kvision

KVision memungkinkan Anda untuk membangun aplikasi web modern dengan bahasa Kotlin, tanpa menggunakan HTML, CSS atau JavaScript. Ini memberi Anda hierarki kaya komponen GUI yang siap digunakan, yang dapat digunakan sebagai blok pembangun untuk aplikasi UI.

KVision sepenuhnya mendukung model pemrograman reaktif dan imperatif. Ini memberi Anda semua yang Anda butuhkan untuk manajemen negara bagian aplikasi Anda.

KVision berisi antarmuka konektivitas inovatif untuk KTOR, Jooby, Spring Boot, Javalin, Vert.x dan Micronaut Frameworks di sisi server, yang memungkinkan untuk membangun aplikasi fullstack dengan kode bersama untuk model data dan logika bisnis.

Kvision sedang dikembangkan secara aktif. Harap buat masalah untuk setiap bug atau permintaan fitur.

Kode sampel

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

Fitur

• Tipe 100% lingkungan dev yang aman dan sepenuhnya dikompilasi.

• Ketik pembangun DSL yang aman.

• Berdasarkan gaya bootstrap, tipografi, dan komponen.

• Memanfaatkan implementasi DOM virtual cepat snabbdom.

• Terintegrasi dengan banyak perpustakaan dan komponen:

  • Font mengagumkan
  • Tom Select
  • Editor Trix
  • Tempus Dominus Datetime Picker
  • Input file bootstrap
  • Setang
  • Chart.js
  • Tabulator
  • Redux
  • Reduxkotlin
  • Pemberat
  • Navigo
  • Laju
  • Selebaran
  • Toastify JS
  • Print.js
  • Imask.js
  • Web Materi

• Termasuk wadah tata letak yang canggih, termasuk CSS Flexbox, CSS Grid dan Bootstrap Responsive 12 Colom Grid.

• Termasuk implementasi formulir yang nyaman, dengan dukungan untuk banyak komponen input yang berbeda dan validasi yang mudah digunakan.

• Dukungan untuk pola pengamat, pengikatan data, aliran peristiwa, dan aliran negara untuk dapat diamati.

• Mendukung komponen bereaksi dengan KVision DSL dan manajemen negara bawaan.

• Dukungan penuh untuk komponen web seluler Onsen UI dengan pembangun Kotlin API dan DSL yang aman.

• Dukungan internasionalisasi berdasarkan terjemahan gettext dan perpustakaan getText.js.

• Dukungan drag & drop yang mudah digunakan.

• Dukungan untuk animasi dan efek jQuery.

• Konektivitas REST jenis-aman.

• Dukungan Mode Gelap.

• Antarmuka integrasi inovatif untuk kerangka kerja KTOR, Jooby, Spring Boot, Javalin, Vert.x dan Micronaut di sisi server, termasuk dukungan untuk koneksi Websockets yang aman.

• Dukungan untuk membangun aplikasi seluler hybrid dengan Apache Cordova.

• Dukungan untuk membangun lintas platform, aplikasi desktop dengan elektron.

• Aplikasi KVision dibangun dengan lulusan dengan dukungan untuk Penggantian Modul Hot Webpack (HMR) dan Kotlin Javascript DCE (eliminasi kode mati). Plugin Kotlin Compiler untuk Gradle tersedia untuk secara otomatis menghasilkan kode boilerplate untuk antarmuka sisi server.

• Dukungan Kerangka Kerja Pengujian Karma.

• Dukungan IDE (Ide IntelliJ). Wizard proyek KVision sedang dikembangkan sebagai proyek terpisah (terima kasih kepada @jakubneukirch).

Contoh dan dokumentasi

Siap untuk dijelajahi, set kvisi yang kaya tersedia dalam proyek terpisah.

Lihat juga Implementasi Frontend Lengkap dari Aplikasi Contoh RealWorld dan versi FullStack yang dibangun dengan Spring WebFlux dan R2DBC.

Panduan KVision yang komprehensif diterbitkan di GitBook.

Dokumentasi API, yang dihasilkan dengan Dokka baru, tersedia di https://rjaros.github.io/kvision/index.html.

Anda juga dapat melihat posting blog KVision di dev.to dan Anda dapat berbicara dengan pengguna dan pengembang KVision di saluran Kotlin Slack #Kvision dan di server Discord.

QuickStart

Perkembangan

1. Unduh contoh kvision dari github:

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

2. Masukkan salah satu Direktori Contoh:

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

3. Jalankan Gradle Incremental Build dengan:

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

4. Buka http: // localhost: 3000/di browser Anda.

5. Mainkan dengan kode dan lihat perubahan Anda segera di browser.

Produksi

Untuk membangun aplikasi lengkap yang dioptimalkan untuk menjalankan produksi:

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

Paket aplikasi akan disimpan sebagai build/lib/showcase-1.0.0-snapshot.zip.

Tinggalkan kami bintang

Jika Anda menyukai proyek ini, silakan berikan bintang di GitHub. Terima kasih!