【35】kotlin DSL的概念与自制DSL HTML页面

最新推荐文章于 2024-02-24 18:02:35 发布
最新推荐文章于 2024-02-24 18:02:35 发布
阅读量420 收藏
点赞数
分类专栏： # Kotlin
独学而无友，则孤陋寡闻。q群582951247
本文链接：https://blog.csdn.net/mp624183768/article/details/106862333
版权

 

  • 只在特定领域使用的语言 如 HTML Gradle SQL

  1. 特点

  •  计算器变成语言

  1. 具有语言的表达能力

  2. 有限的表达能力

  3. 关注某个特定领域

下面来写一段html DSL

新建文件

Node.kt
package com.yzdzy.kotlin.chapter6

interface Node {
    fun render(): String
}

新建Tag.kt

package com.yzdzy.kotlin.chapter6

import java.lang.StringBuilder

open class Tag(val name: String) : Node {
    val children = ArrayList<Node>();
    val proerties = HashMap<String, String>();

    //<html id="htmlId" style=""><head></head><body></body></html>
    override fun render(): String {
        return StringBuilder()
            .append("<")
            .append(name)
            .let { stringBuilder ->
                if (this.proerties.isNotEmpty()) {
                    stringBuilder.append(" ")
                    this.proerties.forEach {
                        stringBuilder.append(it.key)
                        stringBuilder.append("=\"")

                        stringBuilder.append(it.value)
                        stringBuilder.append("\"")
                    }
                }
                stringBuilder
            }
            .append(">")
            .let { stringBuilder ->
                children.map(Node::render).map(stringBuilder::append)
                stringBuilder
            }
            .append("</$name>")
            .toString()
    }

}

新建Main.kt

package com.yzdzy.kotlin.chapter6

fun main(args: Array<String>) {
    Tag("html").apply {
        proerties["id"] = "HtmlId"
        children.add(Tag("head"))
    }.render().let(::println)
}

效果打印

 

<html id="HtmlId"><head></head></html>

继续优化

新建 Nodes.kt

package com.yzdzy.kotlin.chapter6

fun html(block: Tag.() -> Unit): Tag {
    return Tag("html").apply {
        block(this)
    }

}

修改Main

package com.yzdzy.kotlin.chapter6

fun main(args: Array<String>) {
    html {
        proerties["id"] = "HtmlId"
        children.add(Tag("head"))
    }.render().let(::println)
}

运行 结果不变

<html id="HtmlId"><head></head></html>

 

继续优化Tag

新增对String得扩展

package com.yzdzy.kotlin.chapter6

import java.lang.StringBuilder

open class Tag(val name: String) : Node {
    val children = ArrayList<Node>();
    val proerties = HashMap<String, String>();
    //对String 扩展 “id”:("HtmlId")
    operator fun String.invoke(value: String) {

    }

    //<html id="htmlId" style=""><head></head><body></body></html>
    override fun render(): String {
        return StringBuilder()
            .append("<")
            .append(name)
            .let { stringBuilder ->
                if (this.proerties.isNotEmpty()) {
                    stringBuilder.append(" ")
                    this.proerties.forEach {
                        stringBuilder.append(it.key)
                        stringBuilder.append("=\"")

                        stringBuilder.append(it.value)
                        stringBuilder.append("\"")
                    }
                }
                stringBuilder
            }
            .append(">")
            .let { stringBuilder ->
                children.map(Node::render).map(stringBuilder::append)
                stringBuilder
            }
            .append("</$name>")
            .toString()
    }

}

 

修改main代码

package com.yzdzy.kotlin.chapter6

fun main(args: Array<String>) {
    html {
        "id"("HtmlId")
        proerties["id"] = "HtmlId"
        children.add(Tag("head"))
    }.render().let(::println)
}

修改Tag.kt 完善 String扩展

package com.yzdzy.kotlin.chapter6

import java.lang.StringBuilder

open class Tag(val name: String) : Node {
    val children = ArrayList<Node>();
    val proerties = HashMap<String, String>();

    //对String 扩展 “id”:("HtmlId")
    operator fun String.invoke(value: String) {
        //proerties[this] =id
        proerties[this] = value
    }

    //<html id="htmlId" style=""><head></head><body></body></html>
    override fun render(): String {
        return StringBuilder()
            .append("<")
            .append(name)
            .let { stringBuilder ->
                if (this.proerties.isNotEmpty()) {
                    stringBuilder.append(" ")
                    this.proerties.forEach {
                        stringBuilder.append(it.key)
                        stringBuilder.append("=\"")

                        stringBuilder.append(it.value)
                        stringBuilder.append("\"")
                    }
                }
                stringBuilder
            }
            .append(">")
            .let { stringBuilder ->
                children.map(Node::render).map(stringBuilder::append)
                stringBuilder
            }
            .append("</$name>")
            .toString()
    }

}

运行main

效果不变

<html id="HtmlId"><head></head></html>

继续优化

修改Tag 新增对head得扩展

package com.yzdzy.kotlin.chapter6

import java.lang.StringBuilder

open class Tag(val name: String) : Node {
    val children = ArrayList<Node>();
    val proerties = HashMap<String, String>();

    //对String 扩展 “id”:("HtmlId")
    operator fun String.invoke(value: String) {
        //proerties[this] =id
        proerties[this] = value
    }
    //对head 操作。
    operator fun String.invoke(block:Tag.()->Unit){
        children.add(Tag(this).apply(block))
    }

    //<html id="htmlId" style=""><head></head><body></body></html>
    override fun render(): String {
        return StringBuilder()
            .append("<")
            .append(name)
            .let { stringBuilder ->
                if (this.proerties.isNotEmpty()) {
                    stringBuilder.append(" ")
                    this.proerties.forEach {
                        stringBuilder.append(it.key)
                        stringBuilder.append("=\"")

                        stringBuilder.append(it.value)
                        stringBuilder.append("\"")
                    }
                }
                stringBuilder
            }
            .append(">")
            .let { stringBuilder ->
                children.map(Node::render).map(stringBuilder::append)
                stringBuilder
            }
            .append("</$name>")
            .toString()
    }

}

修改main 并运行

package com.yzdzy.kotlin.chapter6

fun main(args: Array<String>) {
    html {
        "id"("HtmlId")
        "head"{
            "id"("headId")
        }
    }.render().let(::println)
}

<html id="HtmlId"><head id="headId"></head></html>

继续优化

修改

Nodes.kt

package com.yzdzy.kotlin.chapter6

fun html(block: Tag.() -> Unit): Tag {
    return Tag("html").apply {
        block(this)
    }

}

class StringNode(val content: String) : Node {
    override fun render() = content
}

修改 Tag

package com.yzdzy.kotlin.chapter6

import java.lang.StringBuilder

open class Tag(val name: String) : Node {
    val children = ArrayList<Node>();
    val proerties = HashMap<String, String>();

    //对String 扩展 “id”:("HtmlId")
    operator fun String.invoke(value: String) {
        //proerties[this] =id
        proerties[this] = value
    }
    //对head 操作。
    operator fun String.invoke(block:Tag.()->Unit){
        children.add(Tag(this).apply(block))
    }
    //对 + 号重写
    operator fun String.unaryPlus() {
        children.add(StringNode(this))
    }


    //<html id="htmlId" style=""><head></head><body></body></html>
    override fun render(): String {
        return StringBuilder()
            .append("<")
            .append(name)
            .let { stringBuilder ->
                if (this.proerties.isNotEmpty()) {
                    stringBuilder.append(" ")
                    this.proerties.forEach {
                        stringBuilder.append(it.key)
                        stringBuilder.append("=\"")

                        stringBuilder.append(it.value)
                        stringBuilder.append("\"")
                    }
                }
                stringBuilder
            }
            .append(">")
            .let { stringBuilder ->
                children.map(Node::render).map(stringBuilder::append)
                stringBuilder
            }
            .append("</$name>")
            .toString()
    }

}

修改main

package com.yzdzy.kotlin.chapter6

fun main(args: Array<String>) {
    html {
        "id"("HtmlId")
        "head"{
            "id"("headId")
        }
        "body"{
            "a"{
                "href"("https://www.kotliner.cn")
                + "Kotlin 中文博客"
            }
        }
    }.render().let(::println)
}

查看效果

<html id="HtmlId"><head id="headId"></head><body><a href="https://www.kotliner.cn">Kotlin 中文博客</a></body></html>

最终优化。。没加div标签哈

Main.kt

package com.yzdzy.kotlin.chapter6

fun main(args: Array<String>) {
    html {
        "id"("HtmlId")
        head {
            "id"("headId")
        }
        body {
            id = "bodyUId"
            `class` = "bodyClass"
            "a"{
                "href"("https://www.yzdzy.com")
                + "优质的资源"
            }

        }
    }.render().let(::println)
}

新建 MapDelegate.kt

package com.yzdzy.kotlin.chapter6

import java.util.concurrent.locks.ReadWriteLock
import kotlin.properties.ReadWriteProperty
import kotlin.reflect.KProperty

class MapDelegate(val map: MutableMap<String, String>) : ReadWriteProperty<Any, String> {
    override fun getValue(thisRef: Any, property: KProperty<*>): String {
        return map[property.name] ?: ""
    }

    override fun setValue(thisRef: Any, property: KProperty<*>, value: String) {
        map[property.name] = value
    }

}

Nodes.kt

package com.yzdzy.kotlin.chapter6

fun html(block: Tag.() -> Unit): Tag {
    return Tag("html").apply {
        block(this)
    }

}

fun Tag.head(block: Head.() -> Unit) {
    this@head + Head().apply(block)
}


fun Tag.body(block: Body.() -> Unit) {
    this@body + Body().apply(block)
}


class StringNode(val content: String) : Node {
    override fun render() = content
}

class Head : Tag("head")
class Body : Tag("body") {
    var id by MapDelegate(proerties)
    var `class` by MapDelegate(proerties)
}

Tag.kt

package com.yzdzy.kotlin.chapter6

import java.lang.StringBuilder

open class Tag(val name: String) : Node {
    val children = ArrayList<Node>();
    val proerties = HashMap<String, String>();

    //对String 扩展 “id”:("HtmlId")
    operator fun String.invoke(value: String) {
        //proerties[this] =id
        proerties[this] = value
    }

    //对head 操作。
    operator fun String.invoke(block: Tag.() -> Unit) {
        children.add(Tag(this).apply(block))
    }

    //对 + 号重写
    operator fun String.unaryPlus() {
        children.add(StringNode(this))
    }

    //对Nodes.kt   Tag.head     Tag.body 运算符得+做操作
    operator fun plus(node:Node) {

        children.add(node)
    }


    //<html id="htmlId" style=""><head></head><body></body></html>
    override fun render(): String {
        return StringBuilder()
            .append("<")
            .append(name)
            .let { stringBuilder ->
                if (this.proerties.isNotEmpty()) {
                    stringBuilder.append(" ")
                    this.proerties.forEach {
                        stringBuilder.append(it.key)
                        stringBuilder.append("=\"")

                        stringBuilder.append(it.value)
                        stringBuilder.append("\"")
                    }
                }
                stringBuilder
            }
            .append(">")
            .let { stringBuilder ->
                children.map(Node::render).map(stringBuilder::append)
                stringBuilder
            }
            .append("</$name>")
            .toString()
    }

}

运行结果

<html id="HtmlId"><head id="headId"></head><body id="bodyUId"class="bodyClass"><a href="https://www.yzdzy.com">优质的资源</a></body></html>

安果移不动
关注
专栏目录
想使用 Kotlin DSL for HTML 来这样写前端的代码码？
程序员光剑
09-03 9063
private fun renderBooks(data: Array&lt;String&gt;) { val books = document.create.div("books") { table("table table-hover") { thead { ...
html dsl_DSL丛林
danpu0978的博客
05-16 167
html dsl DSL是当今编程世界中的常见事物。 许多框架和工具决定为……特定的事物构建DSL。 构建工具是主要的候选者，但是测试框架，Web框架和其他工具也决定了DSL的定义。 使用这些DSL，您可以定义构建步骤，Web路由规则，测试接受标准等。 所有这些DSL最常见的事情是什么？ 两件事情。 首先，它们主要是关于配置。 一种特定于工具或框架的特定配置方式。 第二件事是您复制粘贴代码...
kotlin-html：用于HTML和CSS的Kotlin DSL
02-02
Kotlin HTML JVM使用 repositories { jcenter() } dependencies { // JVM version of the HTML library implementation( " dev.scottpierce.kotlin-html:kotlin-html-writer-jvm:0.7.24 " ) // If you are using Ktor, you can use this as well implementation( " dev.scottpierce.kotlin-html:kotlin-html-ktor:0.7.24 " ) } 多平台使用 repositories { jcenter() } kotlin { commonMain { dependencies { implementation( " dev.scottpierce.kotlin-html:kotlin-html-writer:0.7.24 " )
使用kotlin编写html dsl框架
杜壁奇的博客
02-27 689
使用kotlin开发了一个html dsl的玩具
Kotlin DSL详解
xiangzhihong8的专栏
01-11 4260
DSL简介 所谓DSL领域专用语言(Domain Specified Language/ DSL)，其基本思想是“求专不求全”，不像通用目的语言那样目标范围涵盖一切软件问题，而是专门针对某一特定问题的计算机语言。总的来说 DSL 是为了解决系统（包括硬件系统和软件系统）构建初期，使用者和构建者的语言模型不一致导致需求收集的困难。 举一个具体的例子来说。在构建证券交易系统的过程中，在证券交易活
KotlinDSL.zip
07-20
【标题】Kotlin DSL Kotlin DSL（Domain Specific Language）是一种使用Kotlin语言构建的特定领域语言，它允许我们以更简洁、更直观的方式编写构建脚本，特别是针对Gradle构建系统。在Android开发中，Kotlin DSL...
kotlin-dsl-gradle-sample：关于kotlin dsl gradle样本
02-04
首先，让我们来解析一下"Kotlin DSL"的概念。DSL是为特定领域设计的一种编程语言，它简化了与该领域相关的任务。在Gradle的世界里，Kotlin DSL允许我们用Kotlin语法替代传统的Groovy语法来编写构建脚本，提高了代码...
kotlinx.html：用于HTML的Kotlin DSL
02-03
kotlinx.html库提供DSL，以在JVM和浏览器（或其他JavaScript引擎）上为 / 或DOM构建HTML，以更好地进行Web的。 开始吧 有关如何包括该库的详细信息，请参见页面。 DOM 您可以自然地使用JVM和JS构建DOM树 查看以...
kotlin-mpp-sandbox：Kotlin多平台+ JS Mocha测试+ Gradle 5 + Kotlin DSL
02-04
mpp-sandbox”，它是一个综合性的示例，展示了如何利用Kotlin的多平台（Multiplatform）特性进行跨平台开发，并结合JavaScript的Mocha测试框架进行测试，同时使用Gradle 5作为构建工具，以及Kotlin DSL（Domain ...
从Graovy转换到Kotlin DSL for Gradle，主要针对Android。-Android开发
05-26
Gradle Kotlin DSL转换器欢迎您！ 在尝试从Android Studio上的Gradle的Groovy迁移到Kotlin DSL经历了许多痛苦之后，我开发了此工具来解决大多数迁移问题并减少订购Gradle Kotlin DSL转换器所需的工作量！ 在尝试从...
java-html-dsl:用于以Java编写HTML的DSL
05-08
java-html-dsl 这在删除了参数名称反射的Java的较新版本中将不起作用。 有关其他方法，请参见 。 用于以Java编写HTML的DSL 这 String doc = html( head( meta(charset - > " utf-8 " ), link(rel - > stylesheet, type - > css, href - > " /my.css " ), script(type - > javascript, src - > " /some.js " ) ), body( h1( " Hello World " , style - > " font-size:200%; " ),
kotlin读取html,Kotlin DSL for HTML实例解析
weixin_39670857的博客
06-24 505
Kotlin DSL for HTML实例解析Kotlin DSL, 指用Kotlin写的Domain Specific Language.本文通过解析官方的Kotlin DSL写html的例子, 来说明Kotlin DSL是什么.首先是一些基础知识, 包括什么是DSL, 实现DSL利用了那些Kotlin的语法, 常用的情形和流行的库.对html实例的解析, 没有一冲上来就展示正确答案, 而是按照...
Elixir元编程-第五章 创建一个HTML DSL（领域专用语言）
chengyou0542的博客
06-24 629
Elixir元编程-第五章 创建一个HTML DSL 要最大限度发挥宏的威力，莫过于构建一个 DSL了(领域专用语言)。他可以让你针对应用的专用领域，为语言增加一个定制层。这可以让你的代码更易编写，对问题的解决之道也展示的更为清晰。使用 DSL，你可以直接将商业需求进行代码化，可以在一个抽象的...
Kotlin领域特定语言（DSL）
向小凯同学学习
04-03 641
一、DSL的概念 只在特定领域内使用的语言 例如： —HTML、Gradle、SQL等等 特点： 计算机编程语言 具有语言的表达能力 有限的表达能力 关注某个特定的领域 二、下面用DSL来写一个例子吧 需要下面五个类： 三、创建一个Node节点的接口 package cn.kotliner.kotlin /** * @author:wangdong * @de...
Kotlin DSL
伯特立的专栏
12-31 890
DSL，扩展函数、扩展属性，高阶函数，invoke 函数
Kotlin DSL 实战
weixin_34088598的博客
04-19 227
目标 首先，定义好异步结果泛化类型AsyncResult，此处会用到Kotlin泛型编程基础知识： sealed class AsyncResult<out T : Any> data class AsyncSuccess<out T : Any>(val data: T?) : AsyncResult<T>() data class AsyncError(...
Kotlin - DSL
HugMua的博客
01-30 1762
提供Lambda嵌套Lambda的代码结构。为任意对象增加函数或属性。实现类似于英语句子的结构。让对象像函数一样直接调用。
Kotlin基础——DSL
最新发布
松仔Log的博客
02-24 1057
通过扩展函数实现获取一天前和一天后的日期。
【Kotlin】DSL
WzhVae的博客
05-17 289
DSL的介绍和使用
kotlin dsl plugins
10-13
Kotlin DSL 插件是一种用于构建 Gradle 构建脚本的工具，它允许使用 Kotlin 语言编写 Gradle 构建脚本，从而提供了更加灵活和易于维护的构建脚本。Kotlin DSL 插件可以通过在项目中添加相应的依赖来使用，例如： ```kotlin plugins { id("org.gradle.kotlin.kotlin-dsl") version "1.5.21" } ``` 使用 Kotlin DSL 插件编写的 Gradle 构建脚本可以享受到 Kotlin 语言的许多优点，例如类型安全、可空性检查、扩展函数等。此外，Kotlin DSL 插件还提供了一些额外的功能，例如更好的 IDE 支持、更好的错误消息等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安果移不动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值