Wie ändert man das Standard-Layout in Express mit Lenker?

Ich bin mit Express 4.9.0 und express-generator.

Erstellt boilerplate mit folgenden Befehl:

express --hbs projectname

Builtin LENKER ist mit views/layout.hbs standardmäßig als master-Seite. Aber ich sehe keine Einstellungen in meinem app.js um das zu ändern Verhalten.

Stück code aus meinem app.js:

//view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'hbs');

Wie ändere ich meine Standard-layout Global?
Was, wenn ich 2 oder 3 verschiedene Globale layouts?

InformationsquelleAutor der Frage Heihachi | 2014-11-11

80

Können Sie festlegen, was layout, das Sie verwenden möchten als Teil der render-Aufruf. Wenn Sie ein neues layout erstellen namens other.hbs können Sie dann etwas wie:
```
res.render('view', { title: 'my other page', layout: 'other' });
```
Überschreiben diese für die gesamte Anwendung, die Sie verwenden können:
```
app.set('view options', { layout: 'other' });
```
InformationsquelleAutor der Antwort Timothy Strimple

Vom LENKER readme:

Gibt es zwei Möglichkeiten, um ein default-layout: konfigurieren der view-engine defaultLayout Eigenschaft oder Einstellung auszudrücken einheimischen app.die einheimischen.layout.

Das layout, in das ein view gerendert werden soll außer Kraft gesetzt werden können pro Anfrage durch zuweisen von einen anderen Wert, um die layout-Anforderung lokale. Die folgenden machen die "home" - Ansicht mit Nein, layout:
app.get('/', function (req, res, next) {
   res.render('home', {layout: false});
});

In Fall, dass Sie wollen, um den Standard-layout nur für eine bestimmte subroute, Sie könnte verwenden möchte, die folgenden im oberen Abschnitt der route:

router.all('/*', function (req, res, next) {
    req.app.locals.layout = 'admin'; //set your layout here
    next(); //pass control to the next handler
    });

Des weiteren können Sie das Standard-layout bei der Initialisierung:

//Create `ExpressHandlebars` instance with a default layout.
var hbs = exphbs.create({
    defaultLayout: 'main',
    helpers      : helpers,

    //Uses multiple partials dirs, templates in "shared/templates/" are shared
    //with the client-side of the app (see below).
    partialsDir: [
        'shared/templates/',
        'views/partials/'
        ]
    });

//Register `hbs` as our view engine using its bound `engine()` function.
app.engine('handlebars', hbs.engine);
app.set('view engine', 'handlebars');

InformationsquelleAutor der Antwort Flaudre

2

Wenn Sie die "express-LENKER' - Modul, dann sollte Folgendes funktionieren:
```
//...
app.set("views", __dirname );

exphbs.ExpressHandlebars.prototype.layoutsDir = 'path/to/directory/';
app.engine('handlebars', exphbs({defaultView: 'name-of-template'}));

//...
```
Kam ich auf diese von Graben um in das Modul-Quelle, es stellt sich heraus, dass diese Zeile...
```
//express-handlebars/lib/express-handlebars.js (line 55 in v1.2.2)
ExpressHandlebars.prototype.layoutsDir  = 'views/layouts/';
```
...ist, was gibt das default-Verhalten immer mit der Suche in '{{was auch immer du angegeben}}/views/layouts/'

Also im wesentlichen - wenn, vielleicht, Sie müssen dir eine andere Struktur im Kopf haben oder aus einem anderen Grund, um es zu überschreiben, können Sie über die line in meinem Beispiel. Nur sicher sein, dass Sie dies tun vor Sie instanziieren exphbs.

Wenn Sie mit einem anderen Modul (ich bin mir nicht sicher, welche es ist), ist es wahrscheinlich, dass Sie haben einige ähnliche Einstellungen, die überschrieben werden können mit ein bisschen jiggery-pokery (führen Sie einfach eine 'find' auf den Inhalt der Datei 'views/layouts/'.

beachten Sie, dass ich bin verlassen 'app.set("Ansichten", __dirname );' wie ist es so, dass ich immer Vorlagen irgendwo in meinem server-Verzeichnis und machen Sie so:
```
res.render("moduleName/templateName");
```
Nach dem Update auf die v2.0.1 Die oben nicht funktioniert, können Sie das Standard-Verzeichnis in das als argument wie folgt:
```
var hbs = exphbs.create({
  layoutsDir: 'app/server/',
  ...
```
InformationsquelleAutor der Antwort Spen

Dieser sollte nun funktionieren..

npm install express-handlebars

.
├── app.js
└── views
    ├── home.handlebars
    └── layouts
        └── main.handlebars

2 directories, 3 files

app.js

var express = require('express');
var exphbs  = require('express-handlebars');

var app = express();

app.engine('handlebars', exphbs({defaultLayout: 'main'}));
app.set('view engine', 'handlebars');

app.get('/', function (req, res) {
    res.render('home');
});

app.listen(3000);

views/layouts/main.LENKER:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Example App</title>
</head>
<body>

    {{{body}}}

</body>
</html>

InformationsquelleAutor der Antwort venkat7668

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.