Это очень общий вопрос, но вот некоторая информация, которая поможет вам начать в правильном направлении.
Планирование использования ExpressJS для отображения контента следующим образом:
var app = express();
app.use(express.static(__dirname + '/public'))
Хорошо, но это не объясняет, как вы собираетесь обслуживать контент. Если вы просто используете Express для обслуживания статических документов, то это будет работать. Возможно, стоит потратить свое время на то, чтобы начать использовать движок вида, такой как EJS или Jade . EJS обычно легче изучать, потому что нет специального синтаксиса, вы просто заключаете простой javascript в теги <% %>
. Существует множество руководств по использованию обоих этих механизмов представления.
Я хочу, чтобы данные в формате JSON отправлялись на HTML-страницу
Если вы отправляете статический контент, вам нужно всего лишь сделать запрос на выборку или xhr запрос . Я рекомендую сначала ознакомиться с fetch, так как с ним обычно легче работать, чем с xhr.
С обещанием, которое возвращается из этого запроса на выборку, вы можете иметь некоторый цикл javascript для просмотра информации и создания элементов HTML, используя document.createElement()
и insertBefore()
. Использование этого метода не потребует обновления страницы.
Конечно, именно так вы и поступили бы с Vanilla JS, и для чего-то подобного не нужно идти больше. Но со временем становится проще использовать библиотеку, такую как React, для создания SPA.
Я хочу получить доступ к базе данных MySQL позже.
Изучение порядка рендеринга json на страницу теперь, вероятно, упростит этот шаг в дальнейшем, поскольку драйвер Node Mysql возвращает простой объект javascript в результате своих запросов, которые можно легко отправить клиенту, используя что-то в строке res.send(JSON.stringify(results)
.
Существует множество обучающих программ и репозиториев Github по этим темам. Я рекомендую немного разобраться перед погружением, но все сводится к тому, сколько времени вы тратите на написание кода и отладку.