kvision

KVisionを使用すると、HTML、CSS、またはJavaScriptを使用せずに、Kotlin言語で最新のWebアプリケーションを構築できます。これにより、準備が整ったGUIコンポーネントの豊富な階層が提供されます。これは、アプリケーションUIのビルダーブロックとして使用できます。

Kvisionは、リアクティブプログラミングモデルと命令的なプログラミングモデルの両方を完全にサポートしています。アプリの国家管理に必要なものすべてを提供します。

KVisionには、KTOR、Jooby、Spring Boot、Javalin、Vert.x、およびMicronaut Frameworksの革新的な接続インターフェイスが含まれており、データモデルとビジネスロジックの共有コードを備えたフルスタックアプリケーションを構築できます。

Kvisionは積極的に開発されています。バグまたは機能リクエストの問題を作成してください。

サンプルコード

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

特徴

• 100％タイプ安全で完全にコンパイルされた開発環境。

• SAFE DSLビルダーを入力します。

• ブートストラップスタイル、タイポグラフィ、コンポーネントに基づいています。

• Snabbdom Fast Virtual Dom実装を利用します。

• 多くのライブラリやコンポーネントと統合します。

  • フォント素晴らしい
  • トムセレクト
  • Trixエディター
  • Tempus Dominus DateTimeピッカー
  • ブートストラップファイル入力
  • ハンドルバー
  • chart.js
  • タブ
  • redux
  • ReduxKotlin
  • バラスト
  • navigo
  • ペース
  • リーフレット
  • JSを乾杯します
  • print.js
  • imask.js
  • マテリアルウェブ

• CSS Flexbox、CSSグリッド、ブートストラップレスポンシブ12列グリッドなど、洗練されたレイアウトコンテナが含まれています。

• 多くの異なる入力コンポーネントをサポートし、使いやすい検証を備えた便利なフォームの実装が含まれています。

• オブザーバーパターン、データバインディング、イベントフロー、および観測可能性の状態フローのサポート。

• KVision DSLとビルトイン州管理を備えたReactコンポーネントをサポートします。

• タイプセーフコトリンAPIおよびDSLビルダーを備えたOnsen UIモバイルWebコンポーネントの完全なサポート。

• GetText翻訳とgetText.jsライブラリに基づく国際化のサポート。

• ドラッグアンドドロップサポートを使いやすい。

• jQueryアニメーションとエフェクトのサポート。

• タイプセーフレスト接続。

• ダークモードのサポート。

• KTOR、Jooby、Spring Boot、Javalin、Vert.x、およびサーバー側のMicronautフレームワークのための革新的な統合インターフェイス。

• Apache Cordovaを使用したハイブリッドモバイルアプリケーションの構築のサポート。

• 電子を使用したクロスプラットフォーム、デスクトップアプリケーションの構築のサポート。

• KVisionアプリケーションは、Webpackのホットモジュール交換（HMR）とKotlin JavaScript DCE（Dead Code Elimination）をサポートしてGradleで構築されています。 Gradle用のKotlinコンパイラプラグインは、サーバー側のインターフェイス用のボイラープレートコードを自動的に生成するために利用できます。

• カルマテストフレームワークのサポート。

• IDEサポート（Intellij Idea）。 Kvision Project Wizardは、別のプロジェクトとして開発されています（@jakubneukirchのおかげです）。

例とドキュメント

調べる準備ができているため、KVisionの例のリッチセットは、別のプロジェクトで入手できます。

RealWorldの例アプリケーションの完全なフロントエンド実装と、Spring WebFluxとR2DBCで構築されたフルスタックバージョンも参照してください。

包括的なKVisionガイドはGitBookで公開されています。

新しいDokkaで生成されたAPIドキュメントは、https：//rjaros.github.io/kvision/index.htmlで入手できます。

dev.toでのKvisionブログの投稿を見ることもできます。KotlinSlack#KVisionチャンネルおよびDiscordサーバーでKVisionユーザーや開発者と話すこともできます。

クイックスタート

発達

1. githubからkvisionの例をダウンロードしてください：

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

2. 例ディレクトリのいずれかを入力します。

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

3. 次のようにグレードのインクリメンタルビルドを実行します

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

4. http：// localhost：3000/browserで開きます。

5. コードで再生し、ブラウザですぐに変更を確認してください。

生産

生産の実行に最適化された完全なアプリケーションを構築するには：

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

アプリケーションパッケージは、build/libs/showcase-1.0.0-snapshot.zipとして保存されます。

私たちに星を残してください

このプロジェクトが気に入ったら、Githubでスターを渡してください。ありがとう！