最近、空港や駅でフライト情報を表示するものと似た大型スクリーンディスプレイのプロジェクトに取り組んでいますが、表示される内容ははるかに複雑です。データの一部は次のとおりです。 フロントエンドでは主に Vue フレームワークが使用され、バックエンドのデータがフロントエンドに表示される必要があります。 1 つ目: 工場の入口と出口のインジケーターは固定されていません (6 個の場合もあり、将来的には 7 個または 8 個になる可能性もあります)。 2 番目: 「数値」の代わりにスラッシュを使用します。 3つ目:インバウンドインジケータとアウトバウンドインジケータの名前は、上図で指定された名前に準拠する必要があります(バックエンドデータベースから照会された名前は、フロントエンドで指定された名前と異なり、単位に「>1」、「>0.3」などが含まれているため、バックエンドから直接照会することはできません。名前+単位はフロントエンドに配置され、自分で処理する必要があります)。4つ目:バックエンドデータが送信される順序は、フロントエンドで指定された順序である必要があります。いずれにせよ、フロントエンドはデータをループアウトするだけでよく、バックエンドが他のすべてのニーズに対応する必要があります。 2つのテーブルがあります: table_a、table_b ステップ1: table_a.id=table_b.idsに基づいてテーブルを作成する SQL文: SELECT * FROM (SELECT * FROM table_a a INNER JOIN table_b b ON a.id=b.ids)A、下線部分を新しいテーブルAとして取得します。 ステップ 2: Xiaobailong と Sha Wujing がデータベースに存在しないことが判明したため、追加する必要があります。 SQL ステートメント: SELECT * FROM (SELECT * FROM table_a a INNER JOIN table_b b ON a.id=b.ids ユニオンオール SELECT 8 id,'白龙马' `name`,'小白' sname,'1000' age ,8 ids, 27 `value` ユニオンオール SELECT 9 id,'沙武景' `name`,'閔戰将軍' sname,'2000' age ,9 ids, 289 `value` )あ 下線部分は、不足しているデータを追加するために使用され、フロントエンドでの固定表示のニーズに使用されることがあります。 ステップ3:唐僧、孫悟空、朱八戒、沙悟浄、蕭百龍、春華、王武、趙流、唐奇の順に並べます。 SQL ステートメント: SELECT * FROM (SELECT * FROM table_a a INNER JOIN table_b b ON a.id=b.ids ユニオンオール SELECT 8 id,'白龙马' `name`,'小白' sname,'1000' age ,8 ids, 27 `value` ユニオンオール SELECT 9 id,'沙武景' `name`,'閔戰将軍' sname,'2000' age ,9 ids, 289 `value`)A INNER JOIN (SELECT 7 ids、1 `order`) ユニオンオール 2 つの ID、2 つの `order` を選択 ユニオンオール 4 つの ID、3 つの `order` を選択 ユニオンオール 9 つの ID、4 つの「順序」を選択 ユニオンオール 8 つの ID、5 つの `order` を選択 ユニオンオール 6 つの ID、6 つの `order` を選択 ユニオンオール 1 つの ID、7 つの `order` を選択 ユニオンオール 5 つの ID、8 つの `order` を選択 ユニオンオール 3 つの ID を選択、9`order`) B ON B.ids=A.id B.orderによる注文 下線付きのステートメントは、テーブル A 全体に 2 つのフィールドを追加し、指定された方法で固定ソートを実現します。フィールドを追加して、他の目的を達成することもできます。 上記は、MySQL 指定順序ソートクエリの紹介の全内容です。まだ質問がある場合は、下のコメントエリアで議論することができます。 以下もご興味があるかもしれません:
|
<<: Linux で SpringBoot jar プログラム デプロイメント シェル スクリプトを起動および停止する方法
>>: JavaScript ではおそらく switch 文を使う必要はない
MySQLはOracleのようなシーケンスを実装しているOracle は通常、主キー フィールドを処...
1. HTMLタグの前に次のような文を追加するのが最適です。 <!DOCTYPE HTML P...
ルートパラメータ、ルートナビゲーションガード: ページが戻ったときに検索結果を保持する需要シナリオ:...
システムとユーザー環境の設計<br />Apple システムの成功は、そのシステム アー...
この記事では、VueでEchartsをインポートして線散布図を実現する具体的なコードを参考までに共有...
目次1. 4つのコンセプト1. JavaScriptはシングルスレッドです2. タスクキュー3. 同...
背景tomcat によって生成された catalina.out ログ ファイルが分割されていない場合...
Docker に Tomcat をインストールする場合、大きなファイルをダウンロードするときなど、場...
この記事では、無限ループスクロールを実現するためのReactの具体的なコードを参考までに紹介します。...
ページが非常に長い場合は、下にさらにコンテンツがあることをユーザーに知らせるために矢印が必要になるこ...
超初心者の私は、MySQL を学び始めたばかりで、インストール プロセス中に多くの問題に遭遇しました...
目次必要データを取得して送信するテンプレートフィルターフィルターの使用シナリオ要約する必要Vue を...
おそらく誰もが js の実行によって DOM ツリーの解析とレンダリングがブロックされることを知って...
目次1. 簡単な紹介2. 間隔を設定する2.1 説明2.2 パラメータ2.3 戻り値2.4 使用法3...
ボリュームとは何ですか?ボリュームは英語で容量を意味し、Docker ではデータ ボリューム、つまり...