Er zijn de volgende stappen voor het probleem:
- Maak de front-end, die zal bestaan uit HTML, CSS en Javascript. Beginners vinden het vaak het gemakkelijkst om met jQuery en jQuery UI te werken, omdat ze goed gedocumenteerd zijn en plug-ins bevatten voor bijna alle mogelijke scenario's (ze mogen echter niet worden gebruikt om grote complexe applicaties te maken!). Bootstrap of Foundation kan je helpen met de HTML/CSS.
- Maak een (waarschijnlijk) JSON API waarmee de front-end kan communiceren om zoekopdrachten in te dienen en resultaten op te halen. U kunt hiervoor PHP, Python, Ruby of vele andere talen gebruiken. Voor een eenvoudige site zoals degene die u beschrijft, is het meer een kwestie van voorkeur dan iets anders.
- Vertaal de zoekopdracht van de front-end naar de MongoDB-query-API's en retourneer de resultaten via de API. Je gebruikt een MongoDB-clientbibliotheek die compatibel is met de taal die je hebt gekozen.
Afhankelijk van uw behoeften, kunt u (2) mogelijk elimineren door een bestaande te gebruiken REST API voor MongoDB .
Houd er rekening mee dat als u MongoDB-gegevens alleen toegankelijk wilt maken via zoeken / grafieken, u codering mogelijk helemaal kunt vermijden door gebruik te maken van SlamData , een open source project waaraan ik een bijdrage lever. Met SlamData kunt u zoeken in Google-stijl (of meer geavanceerde SQL) gebruiken om MongoDB te doorzoeken en de resultaten terug te krijgen in tabel- of grafiekvorm.