Heim > Artikel > Web-Frontend > Ausführliche Erläuterung der Verwendung des EJS-Template-Engine-Beispiels in einer Express-Site
Dieser Artikel stellt Ihnen hauptsächlich die Verwendung der EJS-Template-Engine in Express-Sites vor. Der Herausgeber findet es ziemlich gut. Jetzt werde ich es mit Ihnen teilen und Ihnen eine Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.
Die mit vs erstellte Express-Site verwendet standardmäßig die Jade-Template-Engine, aber ich mag diese Methode nicht besonders, weil ich denke, dass die semantischen Eigenschaften von HTML selbst mir gefallen, und das HTML selbst ist auch Es ist prägnant genug und die Verwendung von HTML selbst als Vorlagensprache entspricht eher meinen Vorlieben, daher wähle ich ejs.
1. Installation
Starten Sie die Konsole im Stammverzeichnis der Website und geben Sie
npm install ejsDas Paket wird im Verzeichnis node_modules installiert. 2 APP.JS ändern
app.set('views',path.join(__dirname , 'views') ); app.engine('.html', require('ejs').__express); app.set('view engine', 'html');3 Erstellen Sie eine Testseite
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Pivotal Search</title> <meta name="description" content=""> <meta name="author" content=""> <!-- HTML5 shim, for IE6-8 support of HTML elements --> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script> <![endif]--> <!-- styles --> <link href="css/style.css" rel="external nofollow" rel="stylesheet"> </head> <body> <%= title %> </body> </html>Dann ändern Sie index.js im Router:
/* GET home page. */ router.get('/', function(req, res, next) { res.render('index', { title: '测试11111' }); });Verwandte Empfehlungen:
Detaillierte Erläuterung der Node.js-Vorlagen-Engine Jade
Reagieren Sie auf das Back-End Rendering-Vorlagen-Engine Noox-Release-Nutzungsmethode
Einfache Methode zum Schreiben der JS-Vorlagen-Engine
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung des EJS-Template-Engine-Beispiels in einer Express-Site. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!