JavaのWebアプリケーション開発フレームワークによる、Webサイト開発の顛末記です。

EclipseのMavenを使った、Spring-MVC、Thymeleaf、MyBatis 等のプログラミングテクニックを、
備忘録的に記録しています。実際に動くソースコードを多用して説明していますので、
これからEclipseや、Spring-MVCを始めたいと思っている人にとって、少しでも参考になれば幸いです。
■応用の森　生物の分類階層　ツリー表示
ちまたでは、データの階層構造をツリー形式で表現するためのjQueryを使用したツールが色々と出ています。
本サイトでも、左側メインメニューをツリー構造で実装していますが、このメニューは、
素のjQueryとスタイルシートのみを使って表現しており、汎用的なjQueryのツールは使用していません。
このようなメニューは、あらかじめ表示項目が決まっているので、最初にレイアウトを決めておいて、
jQueryでスタイルシートの表示属性をON/OFFすることで、ノードの表示／非表示を切り替えることが可能ですが、
データベースのデータから、動的に変化するツリーを表現するのはちょいと力不足といった感じです。
ここでは、ちまたで公開されているjQueryのツリー表現の汎用ツールを使用しないで、
Spring-MVCと、Thymeleaf、JSON、スタイルシート、それにjQueryのAjaxを使った独自表現のツリー表示テクニックをご紹介します。
まずは、実際の動作を確認してみましょう。全部展開すると約2万２千ほどのノードが展開されます。
※）全部展開できるか否かは、実際やってないのでわかりません（PCのスペックにもよりますし、、、）
Expand 生物分類リスト
総合テクニック  生物の分類階層　ツリー表示
HOME
 データ構造の解説