問題タブ [filetree]

これを実現する JavaScript メソッドまたはフレームワークを探しています。

つまり、具体的には、Windows エクスプローラー (ノードを展開したり折りたたんだりできる) と同じツリー構造を持ち、右側でノードを相互に関連付けることができるようにしたいと考えています。

ツリー構造を構築するのは非常に簡単ですが、ノードの関係を表示するのは非常に難しく、正直なところ、どうやって始めればよいかわかりません。

私はさまざまなフレームワークを試しましたが、私が知っているものには、この機能が組み込まれているものはありません。残念ながら、コードを JSFiddle にコピーすることはできません...

したがって、Java ファイル ツリー システムを使用する必要があります。.listfiles ファイルは、何らかの理由でリモート ネットワークを通過するのが非常に遅いからです。ただし、すべての Java ファイル ツリー システムの例では、サブディレクトリ内のすべてのファイルが一覧表示されるため、プログラムが大幅に遅くなります。ディレクトリのみを検索し、サブディレクトリではなくそのディレクトリ内のみのフォルダーとファイルの名前を返すようにするにはどうすればよいですか。

サンプルコード:

洞察や助けをいただければ幸いです。

jQuery FileTreeを使用しています。javascript ajax (jQuery ではなく古い学校の javascript xmlhttp 要求) を介してファイルをアップロードした後、次のコードを使用して fileTree を呼び出します。

...これにより、クリックできる素敵なグラフィック ファイル ツリーが生成されます (path変数は新しいフォルダーで、URI セグメント変数として使用されます。サーバー側コネクタの jQueryFileTree.php コードを public にコピーしただけです)。 CodeIgniter コントローラ クラスの関数. これは追加情報であり、問​​題とは何の関係もないと思いますが、参考までに)。

しかし、何らかの理由で、(ページをリロードすることなく) 新しいファイルをアップロードして 2 回目の呼び出しを行うと、ファイル ツリーが更新または更新されません。別のフォルダーに新しいファイルをアップロードするときに、ツリー構造を更新したいと考えています。

ローダーgifを使用して、 #jstree 要素自体をクリアしようとしました:

...または単にhtmlをクリアするだけでも:

「destroy」や「refresh」など、他のウィジェット タイプのライブラリの一部であるコマンドを試しました。

これらは何もしないか、js エラーを返します。

私のコードでは、多くのファイル パスのファイル ツリーを次のように作成する必要があります。

FileTree オブジェクトの視覚化の例:

このツリーは、トレント コンテンツ ファイルをグラフィカルな形式で視覚化するために使用されます。また、ファイルの進行状況を動的に表示するためにも使用されます。少数のサブフォルダーとファイルでは効果的に機能しますが、パスが 10,000 を超えると、大量のメモリと時間がかかります (4 秒以上と 50 MB RAM)。

このようなグラフを作成するための効率的なアルゴリズムはありますか? 私にとって最も重要なのは、グラフの作成速度です。アルゴリズムの実装例はどの言語でも記述できますが、私には関係ありません :-) よろしくお願いします。

この目的のための私のJavaコード:

FileTree クラス:

編集：

1000 個のサブフォルダーのツリーを作成する速度を平均 0.5 ～ 1 秒 (前半 30 秒) で達成することができました。

Ruby on Rails アプリを作成しようとしていますが、最近 NoSQL データベースを使用してデータを保存し始めました。ただし、ファイル ツリー内でデータベース ファイルを整理する方法がわかりません。たとえば、NoSQL のコードは、通常のコード ファイルのコンテキストに配置することだけを想定していますか?それとも、NoSQL データベース ファイル用の独自のフォルダーを持つことはできますか?

私は最初の Node.js MVC アプリ (Express を使用しないネイティブ ノード) を構築しており、相対パスを介して html ファイルから画像を表示する際に問題があります。

server.js と router.js のコードは割愛しますが、基本的にビューをロードする方法であるコントローラーのコードを次に示します。

これは...に渡されます

最後に、src 属性にタグと相対パスを含む私の html を次に示します。

上記に関連する私のファイルシステムは次のとおりです。

相対パスは正しいと確信していますが、相対パスと絶対パスのすべての組み合わせを試しました。それでも、画像は表示されません。

LAMP のバックグラウンドから来て、ファイル ツリー内の画像にアクセスするのは簡単ですが、ここではサーバーの設定が大きく異なることに気付きました (設定したのは私だったので)。

ファイルシステム内の他のファイル (スタイルシートなど) にアクセスするには、それらのファイルを明示的にロードする別のコントローラーを作成し、URI を使用してそのコントローラーにアクセスします。しかし、このアプローチは、画像の数が不確定な場合には実用的ではありません。

Node.js を使用してファイルシステム内の画像にアクセスして表示するにはどうすればよいですか?