Как вывести значения в index.html(node.js + express)?

Question

[Erik2121]

Привет! Я новичок и вот пытаюсь разобраться, пожалуйста подскажите что делать:
Пытаюсь достать данные из базы и вывести их в цикле на странице.

app.get('/', function(req, res) {
    connection.query("SELECT * FROM mini",  function(err, rows) {
        if(err) throw err;
        res.render('index.html', { data: rows });
  });
});

<div class="example"></div>

Как в итоге вывести на html странице объект data?

Answer 1

[Abcdefgk]

Методres.render('file') - это упакованная (для удобства) примерно такая штука:

var jade = require('jade');
var htmlText = jade.renderFile('./file.jade', { ... });
res.send(htmlText);

Познакомьтесь с каким-нибудь шаблонизатором для Express.

Comments

[Erik2121]

Получается вместо index.htmj, у меня будет index.jade?
Я посмотрю про jade, но вы не могли бы подсказать как это сделать без него?
Буду благодарен.

Answer 2

[Илья Герасимов]

npm install --save pug

app.js:

app.set('views', __dirname + '/views/');
app.set('view engine', 'pug');

route handler:
res.render('index', {data:rows});

views/index.pug:

ul
  each row in data
    li= row.title

https://pugjs.org/language/iteration.html

Comments

[Erik2121]

Большое спасибо, но я бы хотел узнать как это сделать без шаблонизатора, это возможно же?

[Илья Герасимов]

Erik2121, это будут костыли и говно код, пиля "улучшения" мы так или иначе создадим свой шаблонизатор, нода это не пых

route handler:

var html = "<ul>";
rows.each(row => {
	html += "<li>"+row.title+"</li>"
})
html += "<ul>";

res.send('<div>'+html+'</div>')

согласись выглядит не очень и логика смешана

[Erik2121]

Илья Герасимов, понял, спасибо вам! И последний вопрос, у меня почему-то CSS не видит хотя указал всё верно, link(href='.css/io.css', rel='stylesheet') не знаете почему?
А всё решил проблему, спасибо.

Answer 3

[ой всё]

взять любой готовый проект на гитхабе и посмотреть как сделано
или вы здесь про каждую запятую собираетесь спрашивать?

Comments

[Erik2121]

Я искал много, но так не понял.