服务器端示例

GitHub 上有许多将 htmx 与服务器端框架集成的示例。一般来说，大多数服务器端框架已经很好地设置为与 htmx 集成 - 毕竟，它们中的大多数早在 JSON 流行之前就已渲染 HTML。

¥There are many examples of integrating htmx with server-side frameworks available on GitHub. Generally speaking, most server-side frameworks are already pretty well set up to integrate with htmx - after all, most of them were rendering HTML long before JSON became popular.

不同的框架和平台可能提供用于安装 htmx 的替代系统 - 例如，在 Java / JVM 生态系统中，WebJars 允许将 npm 包与流行的 Java 构建工具（如 Maven 和 Gradle）一起使用。

¥Different frameworks and platforms may offer alternative systems for installing htmx - for example, in the Java / JVM ecosystem, WebJars allows the use of npm packages with popular Java build tools such as Maven and Gradle.

这些示例可能会让你更轻松地在所选平台上开始使用 htmx。

¥These examples may make it a bit easier to get started using htmx with your platform of choice.

常规资源

¥General Resources

• https://github.com/rajasegar/awesome-htmx

Julia

• https://github.com/leephillips/juliaVortexWeb/

• https://github.com/leephillips/pluckit

JavaScript

Node.js

• https://github.com/rajasegar/todomvc-htmx

• https://github.com/rajasegar/htmx-twitter-clone

• https://github.com/rajasegar/htmx-trello

hapi

• https://github.com/DamianStanger/hapi-htmx

Python

• https://github.com/PyHAT-stack/awesome-python-htmx

Django

• https://github.com/adamchainz/django-htmx

• https://github.com/spookylukey/django-htmx-patterns

• https://github.com/idlesign/django-siteajax

• https://github.com/guettli/django-htmx-fun

• https://www.photondesigner.com/articles/submit-async-django-form-with-htmx

FastAPI

• https://github.com/renceInbox/fastapi-todo

• https://github.com/AutomationPanda/bulldoggy-reminders-app

• https://github.com/volfpeter/fastapi-htmx-tailwind-example

Flask

• https://github.com/edmondchuc/flask-htmx

• https://github.com/cscortes/htmxflask

• https://github.com/Konfuzian/htmx-examples-with-flask

py4web

• https://github.com/jpsteil/py4web_htmx_demo

Java

Javalin

• https://github.com/AussieGuy0/java-htmx-todo

• https://github.com/erwindrsno/simple-to-do-list

Spring Boot

• https://github.com/wiverson/htmx-demo

• https://github.com/wimdeblauwe/blog-example-code/tree/master/todomvc-htmx

Quarkus

• https://github.com/ia3andy/renotes

• https://github.com/ia3andy/htmx-todo

ColdFusion (CFML - 一种 JVM 语言)

¥ColdFusion (CFML - a JVM Language)

CFWheels 框架

¥CFWheels Framework

• https://github.com/bpamiri/cfwheels-todomvc-htmx

• https://www.forgebox.io/view/cfwheels-htmx-plugin

• https://github.com/chapmandu/cfwheels-htmx-crud

C#

ASP.NET Core

• https://github.com/jerriepelser-blog/htmx-with-aspnet-core

• https://github.com/mryderie/aspnet-core-htmx-example

• https://github.com/khalidabuhakmeh/Htmx.Net

• https://github.com/khalidabuhakmeh/Htmx.Net#htmxtaghelpers

• https://github.com/hlaueriksson/Markupolation/tree/main/samples

Blazor

• https://github.com/grugBraid/haxor-contact-app

Prolog

• https://github.com/Anniepoo/declswiplweb

Lisp

• https://github.com/rajasegar/ccl-demo-raja

• https://github.com/rajasegar/cl-trello-clone

• https://github.com/rajasegar/cl-github-timeline

Clojure

• https://github.com/whamtet/ctmx

• https://github.com/jcpsantiago/htmx-clj-dashboard

• https://github.com/prestancedesign/babashka-htmx-todoapp

• https://github.com/dharrigan/startrek

Ruby

• https://alchemists.io/projects/htmx

Rails

• https://github.com/rootstrap/htmx-rails

• https://github.com/guilleiguaran/rails-htmx

Sinatra

• https://github.com/libsyz/htmx-to-do-app

• https://github.com/beechnut/pokebutt-htmx

Rust

• https://github.com/paultuckey/example-todo-app-rust-htmx

Scala

http4s

• https://github.com/martinprobson/http4s-htmx-demo

• https://github.com/eikek/htmx4s

zio-http

• https://github.com/rockthejvm/scalatags-htmx-demo

Kotlin

Ktor

https://github.com/Rattlyy/htmx-ktor

Http4k

• https://github.com/corlaez/todo-hda-kt

• https://github.com/mikaelstaldal/htmx-http4k-thymeleaf

Julia

• https://github.com/clarkevans/TodoMVC.jl

OCaml

• https://ocaml.org/p/dream-htmx

• https://github.com/yawaramin/dream-html

PHP

CodeIgniter 4

• https://github.com/michalsn/codeigniter-htmx-demo

Laravel

• https://spirofloropoulos.com/laravel-htmx-hard-mode-1.html

Symfony

• https://github.com/tomcri/htmxfony

Elixir

Phoenix

• https://github.com/hungle00/todo-htmx

带插件的 Bandit 应用

¥Bandit with Plug Application

• https://github.com/lorantkurthy/todo-htmex

F#

Giraffe

• https://hamy.xyz/labs/2023-12-fsharp-htmx

• https://github.com/bit-badger/Giraffe.Htmx

Feliz.ViewEngine.Htmx

• https://github.com/Zaid-Ajaj/Feliz.ViewEngine.Htmx

• https://github.com/jkone27/todo-mvc-feliz-htmx

Falco.Htmx

• https://github.com/dpraimeyuu/Falco.Htmx

Suave（带 Feliz）

¥Suave (with Feliz)

• https://jkone27-3876.medium.com/htmx-and-f-c1ffdc18fbb5

Go

templ

• https://templ.guide/server-side-rendering/htmx

• https://github.com/jritsema/go-htmx-tailwind-example

elem-go

• https://github.com/chasefleming/elem-go/tree/main/examples/htmx-fiber-counter

• https://github.com/chasefleming/elem-go/tree/main/examples/htmx-fiber-todo

htmgo

• https://htmgo.dev

Delphi

DelphiMVCFramework

• https://github.com/danieleteti/delphi-dmvcframework-htmx-todo

• https://github.com/danieleteti/delphimvcframework/tree/master/samples/htmx

带有 Pas2JS 的 FreePascal

¥FreePascal with Pas2JS

• https://github.com/zendrael/create_htmx_pascal_app