Statischen Dateien in Express mit Schnurrbart templating

Ich versuche, die dazu dienen, einen Ordner von statischen Schnurrbart Dateien vom Express, aber kann nicht scheinen, um herauszufinden, wie es funktioniert. Sagen, dass ich nur ein Objekt, das Daten wie

{
  a: 'Hello :)'
  b: 'Goodbye :('
}

Und zwei Dateien,

public/a.html

<div>{{a}}</div>

public/b.html

<div>{{b}}</div>

Wie bekomme ich das express-setup, wo es dient jede beliebige Anzahl von statischen html-Dateien und ersetzt die vorgefertigte Teile mit nur mein großes Objekt? Danke!

InformationsquelleAutor Weston | 2016-06-18

  1. 12

    Statische Dateien sind in der Regel nur genannt statische, wenn Sie nicht verarbeitet wird, in irgendeiner Weise, bevor Sie an Benutzer.

    Was Sie zu erreichen versuchen, ist eine typische Template-system. Sie können Folgen Sie einfach den Anweisungen in der plugin:

    var mustacheExpress = require('mustache-express');

//Register '.html' extension with The Mustache Express
app.engine('html', mustacheExpress());

app.set('view engine', 'mustache');
app.set('views', __dirname + '/views'); //you can change '/views' to '/public',
    //but I recommend moving your templates to a directory
    //with no outside access for security reasons

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

    Berücksichtigen Sie auch die Verwendung LENKER, ist es oft bequemer zu verwenden als Schnurrbart. Sie finden eine Liste von unterschieden in diese Frage.

    Ja, ich hatte bemerkt, dass plugin beim googlen früher, aber da es keine Dokumentation gibt, war ich wirklich verwirrt. Was genau ist der 'a' im res.render('a')? Ich möchte in der Lage sein, um eine beliebige Anzahl von Dateien in /views und die haben Sie alle erbracht, die mit denselben Daten-Objekt.
    Die 'a' im res.render('a') ist der name der Vorlage: a.html (ohne Erweiterung). Sie können übergeben, die gleiche Datenobjekt zu jedem render() so nennen: var data = {a:1,b:2}; res.render('a', data);
    So wie Sie würde ich auch übernehmen b in diesem setup?
    res.render('b', data); — die Vorlagen werden automatisch geladen, wenn Sie in der /views Verzeichnis mit .html Erweiterung konfiguriert ist, mit dem code oben)
    Wenn Sie app.engine('html', …) dann haben Sie zu tun app.set('view engine', 'html').

    InformationsquelleAutor zlumer

  2. 0

    Sollten Sie nicht Ihre html-Dateien im öffentlichen Verzeichnis. Public Verzeichnis sollte enthalten nur Bilder, javascript und css-Dateien.

    Obwohl es gibt viele Möglichkeiten, um die Struktur der node/express-Anwendung, aber Sie finden eine gute Möglichkeit, mit Express-Generator.

    http://expressjs.com/en/starter/generator.html

    Wenn Sie diese, wird die app-Struktur für Sie, die eindeutig erklärt, wie Sie zu halten, sollten Sie statische Dateien.

    InformationsquelleAutor Abhishek

  3. 0

    Ich ändern zlumer Antwort ein wenig und der folgende code funktioniert gut für mich.

    const express = require('express');
const app = express();
const mustacheExpress = require('mustache-express');

app.engine('html', mustacheExpress());

app.set('view engine', 'html');
app.set('views', __dirname + '/views');

app.get('/', function(req, res) {
  const data = {
    hello: 'world',
    foo: 'bar'
  };

  res.render('test', data);
});

app.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

    Bitte überprüfen Sie https://github.com/HemingwayLee/sample-mustache-express
    und fühlen Sie sich frei, zu Klonen und zu modifizieren.

    InformationsquelleAutor Kenny Lee

Schreibe einen Kommentar