प्रौद्योगिकी साझेदारी

nunjucks गतिशीलरूपेण टेम्पलेटमार्गं अद्यतनं करोति

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

प्रत्येकं अनुरोधेन सह सञ्चिकां गतिशीलरूपेण पठितुं निश्चितः कार्यप्रदर्शनप्रभावः अवश्यं भवति, विशेषतः उच्चसमवर्तीस्थितौ । एतस्याः समस्यायाः समाधानार्थं, भवान् अनुप्रयोगस्य आरम्भे टेम्पलेट् विन्यासं पठितुं शक्नोति, तथा च टेम्पलेट् परिवर्तने विन्यासं अद्यतनं कर्तुं शक्नोति, येन सञ्चिका केवलं तदा एव पठितव्यं यदा अनुप्रयोगः आरभ्यते तथा च टेम्पलेट् परिवर्तते, प्रत्येकस्मिन् सञ्चिकां पठितुं न अनुरोधः।

वर्तमान टेम्पलेट् मार्गं संग्रहणार्थं वैश्विकचरस्य उपयोगं कर्तुं शक्नुवन्ति तथा च केवलं टेम्पलेट् परिवर्तने चरं सञ्चिकां च अद्यतनं कर्तुं शक्नुवन्ति ।

अत्र उन्नतः नमूनासङ्केतः अस्ति :

निर्देशिका संरचना उदाहरणम्

project
│
├── views/
│   ├── template1/
│   │   └── index.njk
│   ├── template2/
│   │   └── index.njk
│
├── config/
│   └── templateConfig.json
│
├── app.js
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

templateConfig.json नमूना सामग्री

{
    "currentTemplate": "template1"
}
  • 1
  • 2
  • 3

app.js नमूना कोड

const express = require('express');
const nunjucks = require('nunjucks');
const path = require('path');
const fs = require('fs');

const app = express();

// 设置静态文件目录
app.use(express.static(path.join(__dirname, 'public')));

// 全局变量,缓存当前模板路径
let currentTemplatePath;

// 读取配置文件中的当前模板路径
function loadTemplateConfig() {
    const config = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/templateConfig.json'), 'utf8'));
    currentTemplatePath = config.currentTemplate;
}

// 配置Nunjucks环境
function configureNunjucks() {
    nunjucks.configure(path.join(__dirname, `views/${currentTemplatePath}`), {
        autoescape: false,
        noCache: true,
        express: app
    });
}

// 初始化时加载配置
loadTemplateConfig();
configureNunjucks();

// 路由
app.get('/', (req, res) => {
    res.render('index.njk', { title: 'Hello Nunjucks!' });
});

// 路由:更改模板路径
app.get('/change-template', (req, res) => {
    const newTemplate = req.query.template;
    if (newTemplate) {
        currentTemplatePath = newTemplate;
        const config = { currentTemplate: newTemplate };
        fs.writeFileSync(path.join(__dirname, 'config/templateConfig.json'), JSON.stringify(config), 'utf8');
        configureNunjucks(); // 更新Nunjucks配置
        res.send(`Template changed to ${newTemplate}`);
    } else {
        res.send('No template specified');
    }
});

// 启动服务器
const port = 3000;
app.listen(port, () => {
    console.log(`服务器已启动,访问地址:http://localhost:${port}`);
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56

व्याख्याति

  1. वैश्विक चर currentTemplatePath: वर्तमानं टेम्पलेट् मार्गं संग्रहयन्तु ।
  2. loadTemplateConfig नियोग: अनुप्रयोगस्य आरम्भे टेम्पलेट् विन्याससञ्चिकां पठन्तु तथा च वैश्विकचरस्य मार्गं रक्षन्तु ।
  3. configureNunjucks नियोग: संग्रहीत टेम्पलेट् मार्गस्य आधारेण Nunjucks वातावरणं विन्यस्यताम् ।
  4. आरम्भीकरणस्य समये विन्यासः लोड् कुर्वन्तु: यदा अनुप्रयोगः आरभ्यते तदा आह्वयति loadTemplateConfig तथाconfigureNunjucks नियोग।
  5. टेम्पलेट् मार्गाणां कृते मार्गनिर्धारणं परिवर्तयन्तु: वैश्विकचरं, सञ्चिकां च अद्यतनं कुर्वन्तु तथा च Nunjuks पुनः विन्यस्तुं यदा उपयोक्ता टेम्पलेटमार्गं परिवर्तयति।

एवं प्रकारेण, सञ्चिका विन्यासः च Nunjucks केवलं तदा पठ्यते यदा अनुप्रयोगः आरभ्यते तथा च उपयोक्ता टेम्पलेट् मार्गं परिवर्तयति, प्रत्येकस्मिन् अनुरोधे सञ्चिकां पठितुं कार्यक्षमतायाः समस्यां परिहरति