Има следните стъпки към проблема:
- Създайте предния край, който ще се състои от HTML, CSS и Javascript. За начинаещите често е най-лесно да работят с jQuery и jQuery UI, тъй като те са добре документирани и съдържат плъгини за почти всички възможни сценарии (те обаче не трябва да се използват за създаване на големи сложни приложения!). Bootstrap или Foundation могат да ви помогнат с HTML / CSS.
- Създайте (вероятно) JSON API, с който предният край може да комуникира, за да изпраща търсения и да извлича резултати. Можете да използвате PHP, Python, Ruby или много други езици, за да направите това. За прост сайт като този, който описвате, това е по-скоро въпрос на предпочитание, отколкото нещо друго.
- Преведете заявката за търсене от предния край в приложните програмни интерфейси за заявки на MongoDB и върнете резултатите чрез приложния програмен интерфейс (API). Ще използвате клиентска библиотека MongoDB, съвместима с избрания от вас език.
В зависимост от вашите нужди може да успеете да елиминирате (2), като използвате съществуващ REST API за MongoDB .
Обърнете внимание, че ако просто искате да направите MongoDB данните достъпни чрез търсене/диаграма, тогава може да успеете да избегнете кодирането като цяло, като използвате SlamData , проект с отворен код, за който участвам. SlamData ви позволява да използвате търсене в стил Google (или по-усъвършенстван SQL), за да правите заявки към MongoDB и да получавате резултатите обратно в табличен или диаграмен вид.