iGoogleのようなドラッグドロップポータル：移動可能なコンテナーでページを作成する

ハブを検索し、同様のハブを見つけられなかったため、メモを投げることにしました。 ずいぶん前に、私はigoogleのページに移動して、可動コンテナに関する興味深いアイデアを見つけました。 最近、私は個人的な利便性のためにこの美しさをローカルで使用することにしました。 小さなGoogleがmichel hiemstraの実装に出会いました。この実装には、すでにバージョン2.0があり、mysql dbでのコンテナの位置の維持をサポートしていました。

以下はカスタマイズの詳細です



まず、 コードをダウンロードします 。

save.phpの最初で、データベースを作成する手順は標準的な例のために標準化されています。追加のコンテナを追加するだけでコンテナが必要な場合。

例えば：

INSERT INTO `blocks` VALUES(1, 'block-1', 'column-1', 0);

INSERT INTO `blocks` VALUES(2, 'block-3', 'column-2', 0);

INSERT INTO `blocks` VALUES(3, 'block-2', 'column-3', 0);

INSERT INTO `blocks` VALUES(4, 'block-4', 'column-2', 1);





最初のフィールドは単なるインデックス、ブロックの2番目の名前、3番目の列番号、および列の最後のコンテナ番号です。

データベースに値を保存するには、save.phpのmysql Insertで行のコメントを解除する必要もあります。

また、save.phpおよびget_blocks.phpで、データベースへの接続のパラメーターを指定する必要があります。

コンテナ、キャップなどの幅寸法のすべての変更は、assets / cssフォルダーにあるcssで行われます。

特に、必要なのは上部に2列、下部に1列だけです。 このタスクでは、portal.cssの.menu .blocksおよび.sidebarの幅パラメーターを、それぞれ620px 620pxおよび1235pxに変更するだけで十分です（1280x1024の場合）。

コンテナ内のデモにはプレーンテキストが含まれていますが、実際には、そのようなコンテナに好きなものを置くことができます（たとえば、そこにグラフの写真があります）。

一般に、前述のことから、特定の推奨事項を提示するのではなく、システムの一般的なカスタマイズ可能性とスケーラビリティに注目したいと思います。

著者がここにコメントを残すよう頼んだ脅威。