この問題には次の手順があります。
- HTML、CSS、およびJavascriptで構成されるフロントエンドを作成します。初心者は、jQueryとjQuery UIを使用するのが最も簡単であると感じることがよくあります。これらは十分に文書化されており、ほとんどすべての可能なシナリオのプラグインが含まれているためです(ただし、大規模で複雑なアプリケーションの作成には使用しないでください)。 BootstrapまたはFoundationは、HTML/CSSを支援します。
- (おそらく)JSON APIを作成します。これは、フロントエンドが検索を送信して結果を取得するために通信できるものです。これを行うには、PHP、Python、Ruby、または他の多くの言語を使用できます。あなたが説明しているような単純なサイトの場合、それは何よりも好みの問題です。
- 検索リクエストをフロントエンドからMongoDBクエリAPIに変換し、APIを介して結果を返します。選択した言語と互換性のあるMongoDBクライアントライブラリを使用します。
ニーズによっては、既存のを使用することで、(2)を排除できる場合があります。 MongoDB用のRESTAPI 。
検索/チャートを介してMongoDBデータにアクセスできるようにするだけの場合は、 SlamData <を利用することで、コーディングを完全に回避できる場合があります。 / a> 、私が貢献しているオープンソースプロジェクト。 SlamDataを使用すると、Googleスタイルの検索(またはより高度なSQL)を使用してMongoDBにクエリを実行し、結果を表形式またはグラフ形式で取得できます。