blocks|key|1026046|text|你可能看过dommy，这是一个由Prismatic编写/使用的模板系统。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1026047|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/prismatic/dommy^0|5|5|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

you might have a look at <a href="https://github.com/prismatic/dommy">dommy</a>, a templating system written/used by Prismatic.

blocks|key|4644006|text|我发现crate很有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4644007|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/ibdknox/crate^0|3|5|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I've found <a href="https://github.com/ibdknox/crate" rel="nofollow">crate</a> to be helpful.

blocks|key|1026053|text|在使用了Crate和Dommy之后，我可以说它们都非常好。Crate只是从Clojure转换为Clojurescript用于模板的Hiccup的一个实现，因此您仍然需要使用Domina来选择元素。如果您想要一个同时处理DOM选择和模板化的框架，那么可以使用Dommy|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1026054|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Having used both Crate and Dommy I can say that they are both very good. Crate is just an implementation of Hiccup from Clojure converted to Clojurescript for templating, so you will still need to use Domina to select elements. If you want a framework that handles both DOM selection AND templating then use Dommy

blocks|key|4644072|text|我知道Clojurescript有三种模板风格：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4644073|4644074|Dommy:直接从cljs代码创建和操作DOM节点。|ordered-list-item|4644075|Crate:声明和操作cljs数据(矢量、映射等)。然后将其转换为DOM+nodes.|4644076|Enfocus：，并将其写入HTML文件中，对其进行处理并将其转换为cljs。这是一种不同的模板思维方式，它基于clj库Enlive。|offset|length|4644077|4644078|有一些库可以生成React+DOM节点，而不是普通的DOM节点，但它们的工作方式与上面提到的相同：|4644079|4644080|任何Cljs+React包装器，如Om或Reagent|4644081|Sablono|4644082|Kioo|4644083|4644084|我知道你只是要求模板，React提供了更多，但如果你需要除了最基本的操作之外的任何东西，我推荐任何基于React的方法。|4644085|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/ckirkendall/enfocus^0|0|0|0|0|0|7|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|18|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|19|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|1A|8|@]|9|@$J|1B|K|1C|1|1D]]|A|$]]|$1|L|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1F|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]|$1|P|3|Q|5|E|7|1H|8|@]|9|@]|A|$]]|$1|R|3|S|5|E|7|1I|8|@]|9|@]|A|$]]|$1|T|3|U|5|E|7|1J|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1L|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

I know three templating flavors for Clojurescript:

<ol>
<li>Dommy: Create and manipulate DOM nodes directly from cljs code.</li>
<li>Crate: Declare and manipulate cljs data (vectors,maps, etc.) which are then transformed into DOM nodes.</li>
<li><a href="https://github.com/ckirkendall/enfocus" rel="nofollow">Enfocus</a>: Write HTML in HTML files, process them and transform them from cljs. It is a different way of thinking about templating, and it is based on the clj library Enlive.</li>
</ol>

There are libraries that produce React DOM nodes instead of normal DOM nodes but work in the same way as those mentioned above:

<ol>
<li>Any Cljs React wrapper, like Om or Reagent</li>
<li>Sablono</li>
<li>Kioo</li>
</ol>

I know you are only asking for templating and React comes with more than that, but if you need anything besides the most basic operations, I would recommend any React based approach.

blocks|key|1026078|text|因为到目前为止还没有人提到过:我真的很喜欢Hoplon。它结合了以下一组工具：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1026079|1026080|blockquote|1026081|1026082|1026083|自定义超文本标记语言元素是常规函数，可以通过Javelin+ClojureScript库在功能上与Javelin数据流创建和组合。使用Castra+Clojure和ClojureScript库在服务器上使用cells和formulas.|unordered-list-item|1026084|Interact直观地模拟反应行为。在服务器上定义函数，从客户端调用它们。|1026085|1026086|您可以将其用作全栈解决方案，也可以仅在客户端使用它。给你一个印象(取自GitHub)：|1026087|(page+"index.html")

(defn+my-list+[&+items]
++(div
++++:class+"my-list"
++++(apply+ul+(map+#(li+(div+:class+"my-list-item"+%25))+items))))

(def+clicks+(cell+0))

(html
++(head
++++(title+"example+page"))
++(body
++++(h1+"Hello,+Hoplon")

++++(my-list
++++++(span+"first+thing")
++++++(span+"second+thing"))

++++(p+(text+"You've+clicked+~{clicks}+times,+so+far."))
++++(button+:click+#(swap!+clicks+inc)+"click+me")))|code-block|syntax|javascript|1026088|entityMap|0|LINK|mutability|MUTABLE|url|http://hoplon.io/|1|https://github.com/hoplon/javelin|2|3|https://github.com/hoplon/castra|4|https://github.com/hoplon/hoplon#example^0|L|6|0|0|0|0|0|0|M|7|1|1D|7|2|1V|6|3|0|0|0|Z|6|4|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@$A|1B|B|1C|1|1D]]|C|$]]|$1|D|3|-4|5|6|7|1E|8|@]|9|@]|C|$]]|$1|E|3|-4|5|F|7|1F|8|@]|9|@]|C|$]]|$1|G|3|-4|5|6|7|1G|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]|$1|I|3|J|5|K|7|1I|8|@]|9|@$A|1J|B|1K|1|1L]|$A|1M|B|1N|1|1O]|$A|1P|B|1Q|1|1R]]|C|$]]|$1|L|3|M|5|K|7|1S|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|1T|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1U|8|@]|9|@$A|1V|B|1W|1|1X]]|C|$]]|$1|Q|3|R|5|S|7|1Y|8|@]|9|@]|C|$T|U]]|$1|V|3|-4|5|6|7|1Z|8|@]|9|@]|C|$]]]|W|$X|$5|Y|Z|10|C|$11|12]]|13|$5|Y|Z|10|C|$11|14]]|15|$5|Y|Z|10|C|$11|14]]|16|$5|Y|Z|10|C|$11|17]]|18|$5|Y|Z|10|C|$11|19]]]]

Since it hasn't been mentioned so far: I really like <a href="http://hoplon.io/" rel="nofollow">Hoplon</a>. It combines the following set of tools:

<blockquote>
 <ul>
 <li>Custom HTML elements are regular functions and can be created and composed functionally with <a href="https://github.com/hoplon/hoplon/wiki/HLisp" rel="nofollow">HLisp</a>.</li>
 <li>Spreadsheet-like dataflow with the <a href="https://github.com/hoplon/javelin" rel="nofollow">Javelin</a> ClojureScript library. Intuitively model reactive behavior using cells and formulas.</li>
 <li>Interact with the server with the <a href="https://github.com/hoplon/castra" rel="nofollow">Castra</a> Clojure and ClojureScript library. Define functions on the server, call them from the client.</li>
 </ul>
</blockquote>

You can either use it as a full-stack solution or work with it on the client-side only. To give you an impression (taken from <a href="https://github.com/hoplon/hoplon#example" rel="nofollow">GitHub</a>):

<pre class="lang-clj prettyprint-override"><code>(page "index.html")

(defn my-list [&amp; items]
 (div
 :class "my-list"
 (apply ul (map #(li (div :class "my-list-item" %)) items))))

(def clicks (cell 0))

(html
 (head
 (title "example page"))
 (body
 (h1 "Hello, Hoplon")

 (my-list
 (span "first thing")
 (span "second thing"))

 (p (text "You've clicked ~{clicks} times, so far."))
 (button :click #(swap! clicks inc) "click me")))
</code></pre>

blocks|key|3176345|text|除了您已经收到的答案之外，我建议您检查一下基于React的系统，如Om、Reagent或Quiescent。其中，我个人最喜欢的是Reagent，但它们中的任何一个都是对传统DOM操作IMHO的改进。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3176346|entityMap|0|LINK|mutability|MUTABLE|url|http://facebook.github.io/react/|1|https://github.com/swannodette/om|2|http://reagent-project.github.io/|3|https://github.com/levand/quiescent^0|N|5|0|X|2|1|10|7|2|18|9|3|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]|$A|V|B|W|1|X]|$A|Y|B|Z|1|10]|$A|11|B|12|1|13]]|C|$]]|$1|D|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]|N|$5|G|H|I|C|$J|O]]|P|$5|G|H|I|C|$J|Q]]]]

In addition to the answers you've already received, I would recommend that you check out systems based on <a href="http://facebook.github.io/react/" rel="nofollow">React</a> such as <a href="https://github.com/swannodette/om" rel="nofollow">Om</a>, <a href="http://reagent-project.github.io" rel="nofollow">Reagent</a> or <a href="https://github.com/levand/quiescent" rel="nofollow">Quiescent</a>. Of the three, my personal favourite is Reagent, but any of them would be an improvement over traditional DOM manipulation IMHO.

I'd like to use ClojureScript to make a "single page" style web app. To that end, I need a client-side templating system. Does anyone have any experience and/or recommendations on which ClojureScript templating systems I should look into? Thanks.

Templating in ClojureScript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我想用ClojureScript做一个“单页面”风格的web应用。为此，我需要一个客户端模板系统。有没有人对我应该研究的ClojureScript模板系统有什么经验和/或建议？谢谢。

问ClojureScript中的模板
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ClojureScript中的模板EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ClojureScript中的模板
EN