2016-03-20 11 views
0

Ich habe eine index.ejs "Template" -Seite, die einige Inhalte enthält, die ich auf allen Seiten anzeigen möchte, die die Vorlage verwenden (Kopfzeile, Seitennav, Fußzeile). In meinem Hauptinhaltsbereich innerhalb von index.ejs verwende ich einfach angular, um meinen dynamischen Inhalt für jede einzelne Seite zu rendern.Mehrere Seiten in Express/NodeJS App

In meiner Konfiguration habe ich dann verschiedene Zustände für "home", "Beiträge", "Login" URLs. Der Inhalt dieser Seiten wird dann als Inhalt in meiner index.ejs Vorlage gerendert. Dies ist alles in Ordnung, da diese drei Seiten alle der gleichen Vorlage folgen - sie alle haben eine Kopfzeile, Seitennav, Fußzeile und dann den Inhalt.

Meine Frage ist, wie erstelle ich jetzt eine separate "create-post" Seite, die ähnlich aussieht wie der Rest meiner Seiten, aber es hat nicht die seitliche nav bar, zum Beispiel? Muss ich eine neue Ansicht create-post.ejs erstellen? Wenn ja, wie integriere ich das mit dem Rest meiner App?

Sie können meine Dateistruktur in meinem GitHub anzuzeigen: http://bit.ly/1Zhg5i3

Antwort

0

eine neue Vorlagendatei erstellen und einen Hyperlink zu dieser Datei in der HTML-Datei, die auf Anfrage/erstelleBeitrag

+0

gemacht hinzufügen Wie kann ich es machen so dass/creatpost den Inhalt meiner neuen Vorlagendatei (createpost.ejs) anzeigt? Ich habe ein "router.get ('/ creepost' .....) in meiner routes/index.js Seite hinzugefügt, aber wenn ich zu/creapepost navigiere, wird es einfach auf meine Homepage umgeleitet. – Flame1845

+0

Die Reihenfolge, in der die route request sind geschriebene Sachen, fügen Sie vorerst die create post route vor der ersten Route hinzu, zB route.get ('/', .....) und rendern Sie in route.get (/ creapepost, ...) den createpost .html (die, die Sie anzeigen möchten und creatingpost.ejs ist mit verlinkt.) Sagen Sie mir, ob es funktioniert oder nicht. –

+0

Router funktioniert wie eine Middleware. Wenn Sie nicht verstehen [wie Middleware funktioniert] (https: // stormpath .com/blog/how-to-write-middleware-for-express-apps /) –