kvision

Kvision ช่วยให้คุณสร้างเว็บแอปพลิเคชันที่ทันสมัยด้วยภาษา Kotlin โดยไม่ต้องใช้ HTML, CSS หรือ JavaScript มันช่วยให้คุณมีลำดับชั้นที่หลากหลายที่พร้อมใช้งานส่วนประกอบ GUI ซึ่งสามารถใช้เป็นบล็อกตัวสร้างสำหรับแอปพลิเคชัน UI

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% สภาพแวดล้อม dev ที่รวบรวมได้อย่างสมบูรณ์

• พิมพ์ผู้สร้าง DSL ที่ปลอดภัย

• ขึ้นอยู่กับสไตล์ bootstrap การพิมพ์และส่วนประกอบ

• ใช้ประโยชน์จากการใช้งาน DOM เสมือนอย่างรวดเร็วของ Snabbdom

• รวมเข้ากับห้องสมุดและส่วนประกอบจำนวนมาก:

  • ตัวอักษรที่ยอดเยี่ยม
  • ทอมเลือก
  • Trix Editor
  • Tempus Dominus DateTime Picker
  • อินพุตไฟล์ bootstrap
  • มือจับ
  • chart.js
  • ผู้ตรวจสอบตาราง
  • redux
  • reduxkotlin
  • บัลลาสต์
  • นาวี
  • ก้าว
  • ใบปลิว
  • toastify js
  • print.js
  • imask.js
  • เว็บวัสดุ

• รวมถึงคอนเทนเนอร์เลย์เอาต์ที่ซับซ้อนรวมถึง CSS Flexbox, CSS Grid และ Bootstrap Responsive 12 คอลัมน์กริด

• รวมการใช้งานรูปแบบที่สะดวกพร้อมการสนับสนุนส่วนประกอบอินพุตที่แตกต่างกันมากมายและการตรวจสอบความถูกต้องที่ใช้งานง่าย

• รองรับรูปแบบผู้สังเกตการณ์การเชื่อมโยงข้อมูลการไหลของเหตุการณ์และ stateflow สำหรับการสังเกต

• รองรับส่วนประกอบที่ตอบสนองด้วย KVISION DSL และการจัดการสถานะในตัว

• การสนับสนุนเต็มรูปแบบสำหรับส่วนประกอบเว็บมือถือของ Onsen UI ด้วยผู้สร้าง Kotlin API และ DSL ที่ปลอดภัย

• การสนับสนุนการทำให้เป็นสากลขึ้นอยู่กับการแปล GetText และ GetText.js Library

• ใช้การสนับสนุน Drag & Drop ที่ใช้งานง่าย

• สนับสนุนภาพเคลื่อนไหวและเอฟเฟกต์ jQuery

• การเชื่อมต่อส่วนที่เหลือปลอดภัย

• รองรับโหมดมืด

• อินเตอร์เฟสการรวมที่เป็นนวัตกรรมสำหรับ KTOR, Jooby, Spring Boot, Javalin, Vert.x และ Micronaut Frameworks ทางฝั่งเซิร์ฟเวอร์รวมถึงการสนับสนุนการเชื่อมต่อ WebSockets ที่ปลอดภัย

• รองรับการสร้างแอพพลิเคชั่นมือถือไฮบริดด้วย Apache Cordova

• รองรับการสร้างแอพพลิเคชั่นข้ามแพลตฟอร์มข้ามเดสก์ท็อปพร้อมอิเล็กตรอน

• แอพพลิเคชั่น KVISION ถูกสร้างขึ้นด้วย Gradle ด้วยการสนับสนุนสำหรับการเปลี่ยนโมดูล Hot Module ของ WebPack (HMR) และ Kotlin JavaScript DCE (การกำจัดรหัสตาย) ปลั๊กอินคอมไพเลอร์ Kotlin สำหรับ Gradle สามารถสร้างรหัส BoilerPlate ได้โดยอัตโนมัติสำหรับอินเทอร์เฟซฝั่งเซิร์ฟเวอร์

• การสนับสนุนกรอบการทดสอบกรรม

• การสนับสนุน IDE (Intellij Idea) ตัวช่วยสร้างโครงการ Kvision กำลังได้รับการพัฒนาเป็นโครงการแยกต่างหาก (ขอบคุณ @Jakubneukirch)

ตัวอย่างและเอกสารประกอบ

พร้อมที่จะสำรวจชุดตัวอย่าง kvision ที่หลากหลายมีอยู่ในโครงการแยกต่างหาก

ดูเพิ่มเติมที่การใช้งานส่วนหน้าอย่างสมบูรณ์ของแอปพลิเคชันตัวอย่างจริงและเวอร์ชันเต็มสแต็คที่สร้างขึ้นด้วย Spring WebFlux และ R2DBC

คู่มือ KVISION ที่ครอบคลุมได้รับการเผยแพร่บน Gitbook

เอกสาร API ที่สร้างขึ้นด้วย Dokka ใหม่มีอยู่ที่ https://rjaros.github.io/kvision/index.html

นอกจากนี้คุณยังสามารถดูโพสต์บล็อก kvision ได้ที่ dev.to และคุณสามารถพูดคุยกับผู้ใช้ Kvision และนักพัฒนาในช่อง Kotlin Slack #KVision และบนเซิร์ฟเวอร์ Discord

เร็ว

การพัฒนา

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. เรียกใช้บิลด์แบบเพิ่มส่วนเพิ่มด้วย:

    ./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)

แพ็คเกจแอปพลิเคชันจะถูกบันทึกเป็น build/libs/showcase -1.0.0-snapshot.zip

ปล่อยให้เราเป็นดารา

หากคุณชอบโครงการนี้โปรดให้ดาวบน GitHub ขอบคุณ!