Wie MVC in einer Webanwendung zu übernehmen?

Question

Ich arbeite derzeit an einer Webanwendung, die HTML, CSS, Javascript, Bootstrap und JQuery verwendet. Ich möchte Model-View-Controller (MVC) als mein Software-Design-Muster verwenden. Bisher habe ich 7 HTML-Seiten und jede Seite hat einen entsprechenden Controller in Javascript. Und diese HTML-Seiten teilten einige "globale" CSS & Javascript (Bootstrap & JQuery). Ich bin mir nicht sicher, wie ich meine Dateien organisieren soll, um MVC klar zu demonstrieren. Bin ich richtig, zu sagen:

• MODEL (? Einige Dateien, die Daten manippulate)
• VIEW (alle meine HTML & CSS-Dateien)
• REGLER (Alle meine Javascript-Dateien)

Does das heißt, ich habe 3 Ordner (MODEL, VIEW, CONTROLLER) und lege einfach alle meine Dateien entsprechend ab?

Entschuldigung ist mein 1. Mal, das Softwareentwurfsmuster annehmend, sorry für jede mögliche Verwirrung verursacht. Ich würde gerne mehr darüber wissen, wie man MVC effektiv implementiert, wenn ich das für wichtig halte.

Answer 1

Nun, es hängt von der Vorgehensweise ab. Um Ihnen jedoch einen Anhaltspunkt für Best Practices zu geben, müssen Sie nicht unbedingt einen Controller für jede Seite haben. Vielmehr ist es eher eine Ansicht für jede Seite, ein Modell für jede Dateneinheit und ein Controller für die Durchführung der Aktionen Datenbindung, in den meisten Fällen werden Sie eine ähnliche Anzahl von Controllern und Modellen haben. Der Controller wählt normalerweise die anzuzeigende Ansicht, analysiert die Daten für einen solchen Zweck und ruft Datensynchronisationsaktionen auf. Denken Sie daran: "Controller macht Sachen".

Answer 2

Sie können über MVP Muster (Model-View-Presenter) lesen, die ähnlich mit MVC und im Frontend verwendet werden.

Auch können Sie Beispiele von Todolist mvc (, jquery) sehen. Hier ist coole Code-Organisation.

Was Ordnerstruktur können Sie verschiedene Ansätze gelten, sondern für mehrere Seiten ist es gute Idee, Ordner zu erstellen, wie models, views, controllers, helpers und so weiter.

p.s. Zusammen mit der models normalerweise verwendeten collections (Liste der Modelle). Sie können sehen, wie organisiert Backbone (Bibliothek) Struktur.