web-dev-qa-db-ja.com

現在利用可能なフィールドを含むCSVファイルの列フィールドのマッピング

私たちがしたいシナリオがあります:-CSVファイルをアップロード->データをインポート->現在のフィールドでデータをマップ

私はいくつかのデザインを試しました:-

1) enter image description here

2) enter image description here

しかし、私はまだ自分のデザインに満足していません。私はそれらがユーザーフレンドリーであるとは思わないので。誰かがそれを改善するのを手伝ったり、誰かが良い例を提供したりできますか?

3
Yogi

子供の頃に行った以下のマッチのように、本当に直感的に試すことができます。

私はあなたにいくつかの相互作用を提案できますが、適切に視覚化されていない場合は悪い結果になる可能性があるため、視覚的に正確でなければなりません。

ただし、1つの項目にカーソルを合わせると、他の線(他の要素の線)の不透明度が50%になり、表示に影響を与えないようにします enter image description here


ここでは、リスト1のアイテムをドラッグして、他のリストのアイテム2の下に配置します。

enter image description here

1
uttham

Prestashopにも同様の機能があり、CSVファイルを表示して、各列を既存のデータと照合できます。このソリューションの欠点は、次の列を表示するには矢印をクリックする必要があることです。代わりにスライダーを使用することを提案します。

Prestashop

考慮する必要があるかもしれないこと:

  • ユーザーがインポートしたくない行-データのタイトルが含まれている可能性があるため、通常は1行目
  • 列の名前に従って、提案されたマッピングを提供します
  • ユーザーがインポートしたくない列をスキップする
  • インポートを実行するための必須の宛先フィールド
  • 次のプロセスの時間を節約するために、マッピングを保存します
1
Dimitra Miha