Можно ли использовать больше одного app.render()?

Question

[Yan Vetrov]

Есть вопрос, как сделать ту же задачу, по выводу новостей, без использования большого количества app.render(). Есть ли возможность использовать только один app.render()?


Код:

const express = require('express')
const app = express();
const hbs = require('handlebars')
const cons = require('consolidate');
const bodyParser = require('body-parser')
const urlencodedParser = bodyParser.urlencoded({ extended: false })

var yandex = {
    newsOne: 'Новость 1',
    newsTwo: 'Новость 2',
    newsThree: 'Новость 3',
    newsFour: 'Новость 4',
    newsFive: 'Новость 5'
}

var lenta = {
    newsOne: 'Новость 1',
    newsTwo: 'Новость 2',
    newsThree: 'Новость 3',
    newsFour: 'Новость 4',
    newsFive: 'Новость 5'
}

var tj = {
    newsOne: 'Новость 1',
    newsTwo: 'Новость 2',
    newsThree: 'Новость 3',
    newsFour: 'Новость 4',
    newsFive: 'Новость 5'
}

app.engine('hbs', cons.handlebars)
app.set('view engine', 'hbs')


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

app.post('/', urlencodedParser, function(req, res) {
    if (req.body.news == 'yandex') {
        console.log('Был получен запрос: Яндекс.Новости')
        res.render('index', yandex)
    } else if (req.body.news == 'lenta') {
        console.log('Был получен запрос: Лента')
        res.render('index', lenta)
    } else if (req.body.news == 'tj') {
        console.log('Был получен запрос: TJ')
        res.render('index', tj)
    }
})

app.listen('9000')

И есть hbs шаблон:
1. Это отвечает за выдачу новостей

<div id="getNews">
            <p>
                <p>{{newsOne}}</p>
                <p>{{newsTwo}}</p>
                <p>{{newsThree}}</p>
                <p>{{newsFour}}</p>
                <p>{{newsFive}}</p>
            </p>
        </div>

2. Это за выбор новостей:

<form id="input" method="post">
            <p>Пожалуйста, выберите источник, с которого мы будем отправлять Вам новости:</p>
            <div>
                <input type="radio" id="yandex"
                name="news" value="yandex" form="input">
                <label for="yandex">Яндекс Новости</label>

                <input type="radio" id="lenta"
                name="news" value="lenta" form="input">
                <label for="lenta">Лента</label>

                <input type="radio" id="tj"
                name="news" value="tj" form="input">
                <label for="tj">TJ</label>
            </div>
            <div>
                <button type="submit">Submit</button>
            </div>
        </form>

Answer 1

[Егор Живагин]

Про какие именно app.render() вы говорите?

Если я правильно понял, хотите убрать дублирование кода в функции, слушающей POST на урл '/' ? Тогда так, например:

var news = {
    yandex: {
        newsOne: 'Новость 1',
        newsTwo: 'Новость 2',
        newsThree: 'Новость 3',
        newsFour: 'Новость 4',
        newsFive: 'Новость 5'
    },
    lenta: {
        newsOne: 'Новость 1',
        newsTwo: 'Новость 2',
        newsThree: 'Новость 3',
        newsFour: 'Новость 4',
        newsFive: 'Новость 5'
    },
    tj: {
        newsOne: 'Новость 1',
        newsTwo: 'Новость 2',
        newsThree: 'Новость 3',
        newsFour: 'Новость 4',
        newsFive: 'Новость 5'
    },
}

...

app.post('/', urlencodedParser, function(req, res) {
    console.log('Был получен запрос: ' + req.body.news)
    res.render('index', news[req.body.news]);
})

Comments

[Yan Vetrov]

Не совсем, нужно в зависимости от выбора пользователя (самый последний html код) выводить новости, из выбранного портала. Допустим, если пользователь выберет Яндекс, то выведутся новости с Яндекс.новости. Я бы хотел узнать, как это сделать с if условием и с одним app.render()

[Егор Живагин]

Yan Vetrov, просто вы пишите app.render() , хотя у вас используется в приведённом коде res.render() -- это разные вещи и немного запутывает )
Хотите if-ы - пожалуйста:

app.post('/', urlencodedParser, function(req, res) {
    var response = {};
    var logText = '';
    if (req.body.news == 'yandex') {
        logText = 'Был получен запрос: Яндекс.Новости';
        response = yandex;
    } else if (req.body.news == 'lenta') {
        logText = 'Был получен запрос: Лента';
        response = lenta;
    } else if (req.body.news == 'tj') {
        logText = 'Был получен запрос: TJ';
        response = tj;
    }

    console.log(logText);
    res.render('index', response);
})

[Yan Vetrov]

Спасибо огромное, вы мне очень помогли.

[Егор Живагин]

Yan Vetrov, да не за что)