Rumah > hujung hadapan web > tutorial js > Rangka kerja ekspres Nodejs menggunakan templat ejs dan templat jed dalam satu project_node.js

Rangka kerja ekspres Nodejs menggunakan templat ejs dan templat jed dalam satu project_node.js

WBOY
Lepaskan: 2016-05-16 15:23:02
asal
1957 orang telah melayarinya

Dalam sesetengah projek, contohnya, jika anda mengambil alih projek orang lain dan anda tidak mahu menggunakan ej yang menyakitkan, atau anda tidak mahu menggunakan jed yang menyakitkan. Jika anda tidak mahu menulis semula halaman sebelumnya, maka anda mungkin perlu memperkenalkan modul ejs atau jed baharu sekarang Anda hanya perlu melakukan dua langkah berikut untuk menyelesaikan kerja menggunakan dua templat

1.consolidate.js

cd ke direktori projek:

npm install consolidate --save

Buka app.js projek (mungkin milik anda dipanggil nama lain)

Tukar app.js kepada coretan kod berikut

app.set('lihat enjin', 'jed');

ditukar kepada

var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
// or use these
// app.engine('jade', require('jade').__express);
// app.engine('html', require('ejs').renderFile);
app.set('view engine', 'jade'); 
Salin selepas log masuk

Hanya mulakan semula projek

2. Sedikit soalan

Kod yang sebenarnya saya gunakan dalam salah satu projek A saya ialah

var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
// app.engine('jade', require('jade').__express);
// app.engine('html', require('ejs').renderFile);
app.set('view engine', 'jade');
//多出以下一行
app.set('view engine', 'html'); 
Salin selepas log masuk

Kaedah penulisan ini boleh digunakan dalam projek A, tetapi dalam projek B yang lain, didapati templat jed tidak boleh dihuraikan

Dan dalam projek B sahaja

boleh digunakan
var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
app.set('view engine', 'jade');
//或者
//app.engine('jade', require('jade').__express);
//app.engine('html', require('ejs').renderFile);
//app.set('view engine', 'jade'); 
Salin selepas log masuk

Cara merujuk enjin templat ejs dalam rangka kerja Ekspres

1. Cara memasang enjin templat ejs dalam projek

Gunakan arahan berikut untuk membina struktur asas tapak web dalam panduan NodeJS:

express -t ejs microblog

Teruskan berjalan selepas menjalankan arahan ini

cd microblog && npm install (sifat pergantungan projek pemasangan), mendapati enjin templat yang dipasang adalah jed, bukan ejs. Sebabnya ialah versi semasa tidak lagi mempunyai perintah -t, ia ditukar kepada

express -e microblog

Selepas menjalankan arahan ini, teruskan jalankan cd microblog && npm install, dan enjin templat ejs akan dipasang

Tetapi versi express3 dan ke atas membatalkan reka letak secara lalai, jadi layout.ejs tidak dijana dalam folder pandangan.

2. Selepas memasang ejs, cara menggunakan templat reka letak ejs

Pasang separa ekspres

Tukar ke direktori projek dalam cmd dan jalankan npm install express-partials atau

Tambahkan "express-partials": "*" pada dependencies dalam package.json. Kemudian jalankan pemasangan npm dalam direktori projek.

Kemudian sebutkan bahagian nyata dalam app.js, kaedah petikan:

1. Tambahkan rujukan var partials = require('express-partials');

2. Tambahkan app.use(partials());
di bawah app.set('view engine', 'ejs');

Susun atur panggilan:'nama templat' di mana templat perlu dirujuk Contoh

app.get('/reg', function (req, res) {
res.render('reg', {
title: '用户注册',
layout: 'template'
}); 
}); 
Salin selepas log masuk

Kandungan di atas memperkenalkan kepada anda penggunaan templat ejs dan templat jed dalam projek rangka kerja ekspres Nodejs saya harap anda menyukainya.

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan