CSSデータベースクエリ？確かにできます！

少し面白そうですね。 CSSデータベースクエリ。しかし、ちょっと、CSSは他の言語が読むことができるものの価値を設定するため、他の言語と通信することができます。さらに、CSSは他のファイルを要求できます。また、サーバーはデータベースから要求したものでリクエストに応答できると思います。

しかし、私は少し話題から外れていました。 CSSデータベースクエリのアイデアは、先日、CSSを使用してデータベースに接続できる開発者を探しているリクルーターについての冗談のツイートでした。 Lee Meichinは次のように書いています。「はい、CSSを使用してデータベースに接続できます」。これも同様に面白い対応です。

CSSデータベースクエリの背後にある手法は何ですか？

それはかなり賢いです：

1. JavaScriptのSQLiteであるESMに手動で変更されたSQL.jsを使用します。
2. SQL.JSがクエリできるデータベースを準備します。
3. JavaScriptでクエリを実行し、ペイントワークレットの結果をもたらすHoudini Paintworkletを構築します<canvas></canvas>画面に戻します。
4. CSSカスタムプロパティを介してワークレットに実行されるクエリを渡します。

したがって、最終的な使用法は次のようなものです。

 css.paintworklet.addmodule（ './ cssdb.js'）

主要 {
  -SQL-Query：テストから名前を選択します。
  背景：ペイント（SQL-DB）;
}

これがCSSのデータベースを接続してクエリしていることを認めなければなりません。

サイモン・ウィリソンが昨年これをまったく異なる方法でやっていることを思い出させます。彼の概念は、JSONデータを返す/api/roadside_attractionsなどのRESTFULエンドポイントがあるということです。ただし、代替エンドポイントとして、 /api/roadside_attractions.cssに設定できます。これにより、すべてのデータがCSSカスタム属性として使用される有効なCSSファイルが返されます。

だから、それは次のように見えます：

<link href="/api/roadside_attractions.css" rel="stylesheet">
.attraction-name：after {content：var（ -  name）;
。
<p>アトラクション名：</p>
<p>住所：</p>

繰り返しますが、これは本質的にCSSのデータベースに接続されています（ただし、HTMLが必要です）。あなたはそれがどのように機能するかを自分で見ることができます。

以上がCSSデータベースクエリ？確かにできます！の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。