初探 Vaadin on Kotlin - day03

什麽是 Vaadin-on-Kotlin?

Vaadin-on-Kotlin (VoK) 是基於 Vaadin 14 LTS 的衍伸框架,不需要 Spring、JavaEE,整体设计尽可能简单化,非必要不使用套件,不用 MVC (Model-View-Controller)、DI (Dependency Injection)、SOA (Service-Oriented Architecture) 等等复杂模式就能开发网页程序,非常适合 Kotlin 开发者做为初探 Web application 之用。

VoK 资料库使用 vok-orm 套件,也可选择使用 NoSQL,或JPA、Hibernate 等套件。画面显示则使用 Karibu-DSL 封装了 Vaadin 提供的强大组件,不需接触html、ajax、css... ,让 Kotlin 开发者有更好的开发体验。

初探 VoK

请下载Vok架构范例专案 下载,此初始专案由 Vaadin Martin Vysny 提供,保留原本版权声明和说明文件,本系列文将基於此专案延伸,每日范例程序也会同步push到此一专案。

  • 解压缩後开启此专案 (请检查是否已安装JDK8),请勾选 Trust projects in ...... 并按下 Trust Project
    https://ithelp.ithome.com.tw/upload/images/20210918/20138680aVGg3CBPHv.png

  • 此时专案看起来像这样
    https://ithelp.ithome.com.tw/upload/images/20210918/20138680B2KFY04Vt7.png

  • 打开Terminal视窗,输入指令
    ./gradlew clean web:appRun
    执行後若未安装过 node.js 和 npm 则会开始安装,首次执行时间会稍久一点
    https://ithelp.ithome.com.tw/upload/images/20210918/20138680XhEFDsmPf5.png

  • 出现下图文字表示Server已启动,按下连结 http://localhost:8080/
    https://ithelp.ithome.com.tw/upload/images/20210918/20138680scWSu0cZhS.png

  • 浏览器出现此画面,代表已执行成功
    https://ithelp.ithome.com.tw/upload/images/20210918/20138680oYXpcq0v2k.png

  • 若要结束程序,在Terminal视窗按下快速键 control+C

  • 再度开启专案,将会看到专案目录里多了一些档案和目录,这些都是VoK自动产生档案。其中包括了npm启动设定档、npm下载的套件、webpack设定档,还有Kotlin编译後的档案,至於那些设定档怎麽来的、该如何设定,都不是需要担心的内容,VoK 期望开发者专注於 Kotlin code 上。

  • https://ithelp.ithome.com.tw/upload/images/20210919/201386801hYqah4QDu.png


<<:  自动化初步-使用pyautogui

>>:  危险气息的研究室:尾递回 Tail Calls

Day 24 可程序设计间隔计时器

可程序设计间隔计时器(programmable interval timer,简称PIT),是晶片上...

Class and Style Bindings

透过昨天的范例我们知道要绑定HTML属性需要使用v-bind指令,而今天我们要介绍的是v-bind绑...

Day15 PHP函数介绍

什麽是函数? 函数就是一个功能~ 在写程序时,相同或类似逻辑的程序码如果很常使用,那麽一直重复写一样...

Leetcode: 112. Path Sum

问你这棵树有没有哪条从root到leaf的路径,是满足路径上的节点加总起来等於targetsum的?...

[机派X] Day 10 - 寒酸的无人机介绍

引言 今天是机派X系列文章的第十天。 昨天介绍了关於 Bash 的几个实用案例,也是 Linux 系...