Создание интернет магазина — часть 9 — POST Params

Автор Ivan Samoilov
Создание интернет магазина — часть 9 — POST Params

мы продолжаем нашу разработку.

Нашего ishop. Нашего магазина. И сейчас мы хотим сделать checkout для передачи параметр на сервер данные клиента и список всех наших покупок.

Давайте посмотрим, что у нас сегодня есть у нас уже рабочий магазин мы можем положить в корзину написать данные если мы напишем данные.

Кнопка сабмит не работает она дисаблед и нажать на кнопку сами. Но, что происходит во время кнопки. Мы ещё вообще не написали нам надо чтобы на сервер попадали и данные пользователя и список его товара. Начнем с того, что мы хотим. Добавить новый контроллер чек. То есть вся логика нашего checkout будет в отдельном контроллере и на стороне сервера стороне клиента мы начинаем со стороны клиента и добавляем angular angular Controller заметь есть и шарфы Visual Basic. Мы хотим си-шарп angular Controller. Фишер — это обычный файл Java Script уже заготовкой и скажем назовем его checkout контроллер. Так мы его называем то есть у нас сейчас есть два контроллера в каждом своя логика 1 контроллер в нём есть список товаров во втором то, что происходит во время нажатия на checkout у нас первый раз есть два контроллера во-первых всё, что было в checkout. Я переношу в новый контроллер я разделяю product Controller на два компонента products контроллер iced Out мы первый раз работаем параллельно с двумя контроллерами в одной аппликации в одном приложении. Более того я вам покажу ещё разные способы как можно вместо работать свм я вижу. Они здесь используют ли. М — это viewmodel первое, что нам надо прописать, что во время загрузки checkout чтобы он загружал Check auth Controller то есть во время роутинга на checkout HTML он приносит checkout HTML и сразу же к нему подключить свой личный контроллер прекрасная также когда у нас есть product list список товара нам нужно к нему подключить его контроллер также у нас есть для каждой html-страницы свой контроллер очень удобно и теперь мы снимаем на страницы на главном Body главный контроль потому, что у нас больше нет понятия главный контроллер у каждой html-страницы свой контроллер его время на главную страницу когда мы на главной странице у нас загружается product Controller когда мы народу тенге на странице у нас загружается другой контроллер. Давайте проверим, что у нас всё работает потому, что мы разделили логику на два контроллера и надо посмотреть чтобы всё работает открываем F12 консоль внизу смотрим. Есть ли ошибки и видим, что всё работает прекрасно. Теперь у нас есть кнопка Check Out, но она не работает потому, что мы ещё ей и ничего не написали, что нам делать прекрасно мы разделили наше приложение на HTML контроллеры теперь нам осталось разобраться как мы вызываем сервер мы должны передать имя клиента и его адрес. Давайте создадим объект-модель чтобы всё — это было одним объектом потому, что мы хотим передавать на сервер объекты и чтобы он сделал мне объект я ему укажу чтобы он сохранял данные клиент. не когда я делаю клиент. Game client. адрес он внутри объекта создает свойства. Теперь у меня будет объект и съем будет имя и адрес прекрасная — это попадает в скобках по умолчанию я хотел вам показать как можно работать без заметили, что здесь всё работает через код доллар сколько и когда вы что-то пишите в доллар сколько можете использовать напрямую в HTML на пример текста Search доллар сколько Text Search контроллере v-html вы сразу. Используйте просто Text Search то есть по умолчанию он подставляет доллар сколько мы можем не использовать доллар scope есть многие программисты которые не пользуют доллар сколько и мы будем использовать viewmodel mvvm во-первых. Я заметил, что она нужен http заметили, что здесь мы делаем всё правильно делаем с помощью явной функции и — это хорошо. В случае если мы включим программу которая сжимает имена параметров то есть мы не полагаемся на имя параметры вы здесь в контроллере написано всё равно здесь — это значит, что сам Controller имя вмы внутри контроллера я к нему самому отношусь через переменную M я также могу внутри HTML обращаться к самому контроллеру заметьте вместо доллар сколько я могу обращаться к самому контроллеру изнутри HDMI чтобы этот дым работал внутри HTML надо вовремя роутинга указать ему Controller As VM и, тогда получается, что в нём — это контроллер и внутри HTML. Благодаря этой строке и внутри самого контроллера. Я написал, что равняется. Дэс И теперь у меня в. М — — это одна и та же переменная которая символизирует sm-контроллер которая указывает на самоконтроль при. То есть вы видите мы смогли из HTML обратиться в контроллер без скоб выписали Controller As — это очень популярный способ поэтому я хотел его уточнить. Так, что мы здесь сидим мы видим, что есть какая-то проблема ещё, что мы видим, что у нас нет нашего нового скрипта. Где наш checkout. Почему мы не видим завод контроллер видите у нас есть checkout контроллер я его почему-то не вижу, а потому, что мы сделали ошибку начинающих программистов и забыли. Добавить его в список. То есть когда создается новый файл контроллер или любой Java Script File или css-файл обязательно его надо добавить в скрипты оттаивание вызывает и никто не знает, что он существует видите его нет надо нажать.

0 комментариев
0

Читайте также