Kotlin 全栈开发之 前端 JavaScript: Getting Started with Kotlin and JavaScript with Gradle
完整工程源代码：
https://github.com/Jason-Chen-2017/kotlin-js-gradle-demo
HelloWorld.kt
package demo
import kotlin.browser.document
import kotlin.js.Date
fun say() {
println("Hello,World")
}
fun getDate(n: Int): Date {
var d = Date()
var ntime = d.getTime() + n * 24 * 3600 * 1000 // ms
return Date(ntime)
}
fun renderTable() {
val e = document.getElementById("title")
e?.innerHTML = """
<h1>Kotlin VS. JavaScript</h1>
""".trimIndent()
}
fun main(args: Array<String>) {
say()
getDate(2)
renderTable()
}
build.gradle
group 'com.easy.kotlin'
version '1.0-SNAPSHOT'
buildscript {
ext.kotlin_version = '1.2.61'
repositories {
mavenCentral()
}
dependencies {
classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
}
}
apply plugin: 'kotlin2js'
repositories {
mavenCentral()
}
dependencies {
compile "org.jetbrains.kotlin:kotlin-stdlib-js:$kotlin_version"
testCompile "org.jetbrains.kotlin:kotlin-test-js:$kotlin_version"
}
build.doLast {
configurations.compile.each { File file ->
copy {
includeEmptyDirs = false
from zipTree(file.absolutePath)
into "${projectDir}/src/main/resources/static"
include { fileTreeElement ->
def path = fileTreeElement.path
println(path)
path == "kotlin.js"
}
}
}
}
compileKotlin2Js {
kotlinOptions.outputFile = "${projectDir}/src/main/resources/static/app.js"
kotlinOptions.moduleKind = "plain"
kotlinOptions.sourceMap = true
kotlinOptions.verbose = true
kotlinOptions.metaInfo = true
}
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>kotlinjs-demo</title>
</head>
<body>
<div id="title"></div>
<script type="text/javascript" src="../static/kotlin.js"></script>
<script type="text/javascript" src="../static/app.js"></script>
<script type="text/javascript" >
var K = app
K.demo.say()
var d = K.demo.getDate_za3lpa$(3)
console.log(d)
</script>
</body>
</html>
生成的app.js 如下：
if (typeof kotlin === 'undefined') {
throw new Error("Error loading module 'app'. Its dependency 'kotlin' was not found. Please, check whether 'kotlin' is loaded prior to 'app'.");
}
var app = function (_, Kotlin) {
'use strict';
var println = Kotlin.kotlin.io.println_s8jyv4$;
var trimIndent = Kotlin.kotlin.text.trimIndent_pdl1vz$;
function say() {
println('Hello,World');
}
function getDate(n) {
var d = new Date();
var ntime = d.getTime() + (((n * 24 | 0) * 3600 | 0) * 1000 | 0);
return new Date(ntime);
}
function renderTable() {
var e = document.getElementById('title');
e != null ? (e.innerHTML = trimIndent('\n <h1>Kotlin VS. JavaScript<\/h1>\n ')) : null;
}
function main(args) {
say();
getDate(2);
renderTable();
}
var package$demo = _.demo || (_.demo = {});
package$demo.say = say;
package$demo.getDate_za3lpa$ = getDate;
package$demo.renderTable = renderTable;
package$demo.main_kand9s$ = main;
main([]);
Kotlin.defineModule('app', _);
return _;
}(typeof app === 'undefined' ? {} : app, kotlin);
//# sourceMappingURL=app.js.map
页面效果：
构建执行：gradle build
1.《Kotlin 极简教程》（陈光剑）第39页。
— 基于 Kotlin + Gradle + Spring Boot 2.0 的企业级服务端开发实战
https://item.jd.com/31178320122.html
https://detail.tmall.com/item.htm?id=574928877711
微信关注我们
转载内容版权归作者及来源网站所有！
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。
Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。
Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。
Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。
扫码在手机上查看文章
扫描二维码，手机阅读更方便
有任何问题或合作意向欢迎联系我们
Email: 99873273@qq.com
QQ: 99873273
