kvision

Kvision позволяет вам создавать современные веб -приложения с языком котлина без использования HTML, CSS или JavaScript. Это дает вам богатую иерархию готовых к использованию компонентов графического интерфейса, которые можно использовать в качестве блоков строителя для пользовательского интерфейса приложения.

Kvision полностью поддерживает как модели реактивного, так и императивного программирования. Это дает вам все, что вам может понадобиться для управления государством ваших приложений.

Kvision содержит инновационный интерфейс подключения для KTOR, Jooby, Spring Boot, Javalin, Vert.x и Micronaut Frameworks на стороне сервера, что позволяет создавать приложения Fullstack с общим кодом для модели данных и бизнес -логики.

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% типа безопасная и полностью скомпилированная среда разработки.

• Тип безопасных строителей DSL.

• На основе стилей начальной загрузки, типографии и компонентов.

• Использует быстро виртуальную реализацию DOM Snabbdom.

• Интегрируется со многими библиотеками и компонентами:

  • Шрифт потрясающий
  • Том Select
  • Редактор Трикс
  • Tempus Dominus DateTime Picker
  • Ввод файла начальной загрузки
  • Руль
  • Chart.js
  • Табулятор
  • Redux
  • Reduxkotlin
  • Балласт
  • Навиго
  • Шаг
  • Листовка
  • Toastify JS
  • Print.js
  • Imask.js
  • Материальная сеть

• Включает сложные контейнеры для макета, в том числе CSS Flexbox, CSS GRID и Bootstrap, отзывчивый 12 столбцов.

• Включает в себя удобную реализацию форм, при поддержке многих различных входных компонентов и простых в использовании проверки.

• Поддержка шаблона наблюдателя, связывания данных, потоков событий и состояния для наблюдаемых.

• Поддерживает компоненты React с Kvision DSL и встроенным управлением состоянием.

• Полная поддержка мобильных веб-компонентов UI ONSEN с API-API и DSL-строителями Type-Safe и DSL.

• Поддержка интернационализации на основе переводов getText и библиотеки getText.js.

• Легко использовать поддержку перетаскивания.

• Поддержка анимации и эффектов jQuery.

• Тип-безопасная подключение REST.

• Поддержка темного режима.

• Инновационный интерфейс интеграции для фреймворков KTOR, JOOBY, Spring Boot, Javalin, Vert.x и Micronaut на стороне сервера, включая поддержку подключений веб-питания с типами.

• Поддержка создания гибридных мобильных приложений с Apache Cordova.

• Поддержка построения кроссплатформенных, настольных приложений с электроном.

• Приложения Kvision созданы с Gradle при поддержке замены горячего модуля WebPack (HMR) и Kotlin JavaScript DCE (исключение мертвого кода). Плагин компилятора Kotlin для Gradle доступен для автоматического генерации кода Boilerplate для интерфейсов на стороне сервера.

• Камма -тестирование.

• Поддержка IDE (INTELLIJ IDEA). Wizard проекта Kvision разрабатывается как отдельный проект (благодаря @jakubneukirch).

Примеры и документация

Готово для изучения, богатый набор примеров Kvision доступен в отдельном проекте.

См. Также полную реализацию Frontend приложения Realworld приложения и версию Fullstack, созданную с помощью Spring Webflux и R2DBC.

Комплексное руководство Kvision опубликовано на Gitbook.

Документация API, созданная с новой Dokka, доступна по адресу https://rjaros.github.io/kvision/index.html.

Вы также можете посмотреть посты в блоге Kvision по адресу dev.to, и вы можете поговорить с пользователями и разработчиками Kvision на канале Kotlin Slack #Kvision и на сервере Discord.

QuickStart

Разработка

1. Скачать примеры Kvision от GitHub:

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

2. Введите один из примеров каталога:

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

3. Запустите постепенное сборку Gradle с:

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

4. Откройте http: // localhost: 3000/в вашем браузере.

5. Играйте с кодом и немедленно увидите свои изменения в браузере.

Производство

Чтобы создать полное приложение, оптимизированное для производственного запуска:

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

Пакет приложений будет сохранен в виде сборки/libs/showcase-1.0.0-snapshot.zip.

Оставить нам звезду

Если вам нравится этот проект, пожалуйста, дайте ему звезду на GitHub. Спасибо!