Сегодня речь, наконец, пойдет о главном - о связи фронтенда с базой данных (Часть I). В написании фронтенда мы остановились на вводе логина и пароля в форму на сайте и их выводе в консоль. В написании функционала для работы с базой данных мы остановились на вводе данных в нее вручную. Осталось это соединить. Пока что мы сделали так, чтобы запускались оба сервера - вебсервер и сервер базы данных. Что дальше?
Для начала решил подправить сам файл страницы. Во-первых, чтоб чуть более красивенько, а во-вторых, чтобы введенные емйл и пароль показывались тут же, на этой же странице. Прекрасная идея - и как удобно! Но возник вопрос: что показывать, когда данные ещё не введены в форму, точнее - как?
Ведь когда мы берем из формы данные, они попадают в объект body и передаются дальше - на вывод. Соответственно, страница, на которой данные должны отображаться, ожидает этот объект, а его изначально, при старте страницы, не существует, и всё рушится. Отсюда вывод: надо на начальную страницу передать объект, который содержит некие дефолтные данные, а потом при вводе новых, этот объект будет перезаписываться. В коде это выглядит вот так:
var data = {email: 'your email', pass: 'your password'}; - это и есть наш "промежуточный" файл.
На странице - вот так:
Соответственно, когда эта часть работает, и мы имеем файл с данными, посылаемый на фронтенд, надо его же и послать в базу данных. Об этом - в следующей части.
Комментариев нет:
Отправить комментарий