Wie zu verwenden templating (LENKER, oder alternative) mit Node.js und ohne Verwendung eines Rahmens (ex = express)?

Ich habe zum Beispiel das JSON-Dokument "foo".json":

{
    "foo": [
        {
            "bar": "Hello World!"
        },
        {
            "bar": "The End"
        }
    ]
}

In Node.js, ich möchte mit templating (LENKER oder überhaupt) zu generieren, die einen string aus dem JSON-Dokument, wie zum Beispiel:

<p>Hello World!</p><p>The End</p>

... Und dann zuweisen, dass die string-Wertes an eine variable in Node.js. Schließlich, ich werde verketten mehrerer Werte für die Variablen und Ausgabe der Letzte Wert der Variablen als html-Dokument.

Kann das getan werden, ohne die Verwendung eines Frameworks wie Express?

  • Scheint, wie Sie gehen, um schreiben Sie eine statische website-generator oder sowas. Checkout montieren.io - es ist genial und es nutzt LENKER für das templating.
InformationsquelleAutor edt | 2014-05-03
  1. 34

    Wenn Sie verwenden möchten, LENKER, nehmen Sie einfach das npm-Modul:

    npm install handlebars

    Dann in Ihrem Skript verwenden, können Sie LENKER zum Rendern der Ausgabe, basierend auf einer einfachen Vorlage, die er iteriert über die array - foo und schafft eine <p> für jedes Element, mit dem text des bar Eigenschaft:

    var handlebars = require('handlebars');

//get your data into a variable
var fooJson = require('foo.json');

//set up your handlebars template
var source = '{{#each foo}}<p>{{this.bar}}</p>{{/each}}';

//compile the template
var template = handlebars.compile(source);

//call template as a function, passing in your data as the context
var outputString = template(fooJson);

    --EDIT--

    Wenn Sie verwenden wollen ein .hbs-template-Datei anstatt in eine string - source können Sie die fs - Modul, zum Lesen der Datei mit fs.readFile rufen toString() auf den zurückgegebenen Puffer, und verwenden Sie diese zum aufrufen einer rendering-Funktion. Versuchen Sie dies:

    var handlebars = require('handlebars');
var fs = require('fs');

//get your data into a variable
var fooJson = require('path/to/foo.json');

//read the file and use the callback to render
fs.readFile('path/to/source.hbs', function(err, data){
  if (!err) {
    //make the buffer into a string
    var source = data.toString();
    //call the render function
    renderToString(source, fooJson);
  } else {
    //handle file read error
  }
});

//this will be called after the file is read
function renderToString(source, data) {
  var template = handlebars.compile(source);
  var outputString = template(data);
  return outputString;
}
    • Gibt es eine Möglichkeit, um die "Quelle" der Wert der Variablen (aus deinem Beispiel) in einer separaten Datei und machen es zu (multi-line ex = hinzufügen eines h1-Tags auf einer eigenen Zeile und über der p-tag)?
    • Ja, Sie können einen regulären .hbs - Datei. Ich aktualisierte die Antwort, um zu zeigen, wie das geht.
    • brauchte nur die .toString() aus dieser Antwort. Dank
    InformationsquelleAutor jshanley
Schreibe einen Kommentar