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

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

Добро пожаловать на вторую часть лекции на вторую лекцию в которой мы будем строить со стороны ангуляр наш магазин начнем на предыдущей лекции мы получили все данные Web IP сервера мы уже говорили о функциях которые мы написали на сервере в предыдущей лекции например.

Товар получить конкретный товар например. Товар номер пять. Товар номер семь и также мы говорили о том, что мы хотим с помощью метода Post http сохранять заказ.

Давайте продолжим.

Перед тем как мы перейдём на сторону клиента давайте посмотрим, что сервер у нас действительно в рабочем состоянии и обратимся на контроллер товаров и Controller produces нам возвращает список всех товаров и возвращает список конкретного то есть наш сервер в порядке. Мы можем переходить на программирование со стороны клиента мы можем создать программу клиента в отдельном проекте и мы можем её создать проект — это спорный такой момент мы можем сделать новый проект внутри нашего союза и разделить серверную часть и клиентскую часть мы можем создать всё в одном проекте если у нас будет один сервер на котором будет и клиент и сервер в конце концов клиентская программа как программа Windows которая устанавливается на — это всё находится на сервере и клиент обращается к этому же серверу поэтому можно всё — это сделать. На одном сервере и просто помнить, что у нас есть и сервер в одном проекте потому, что у нас в конце концов будет один сервер они 2 сервера у нас не будет сервера с данными веб айпи сервера с клиентами мы всё — это сделаем. На одном сервере в одном проекте мы сейчас создал первую нашу страничку HTML. Если Вы заметили я проверил, что у нас есть ангуляр установлен Script angular чтобы мы не зависели от интернета. Мы хотим всё, что нам требуется было у нас локально и. Давайте посмотрим работает ли наша страничка HTML мы просто делаем дефолтную страничку и пишем и видим, что наша страничка работает и всё в порядке прекрасная. Теперь мы хотим добавить немножко нашего альгуля то есть создать контроллер хотим создать контроллер. У нас есть контроллер со стороны сервера и у нас есть контроллер со стороны заметьте — это очень важно понимать. И мы делаем отдельную папку для контроллера со стороны клиента контроля со стороны клиента — это Controller angular то есть ангуляр работает по системе mvc которого точка входа контроллера сервер работает по системе. МГц поэтому у нас есть два контроллера клиентские контроллер и серверные контроллеры клиент отсылает все данные принимают все данные с контроллера из сервер тоже принимает и отсылает данные с контроллера далее. Мы хотим использовать готовый комплект для angular Controller из-за того, что мы установили nuget ангуляр у нас появится контроллер ангуляр и мы его можем назвать например product Controller стоит заметь эшар принято начинать каждое слово с большой буквы, а в ангуляр принято писать первое слова с маленькой буквы здесь нет правильного или неправильного варианта здесь есть принятая практика. И — это не обязательно есть, что лучше этот бесконечный спор лучше так или лучше так, но по рекомендациям разрабы ангуляр лучше писать с маленькой буквы, а в шар лучше писать с большой буквы. Но — это всё неважно. Давайте посмотрим, что нам сделал template. Первое он открыл функцию внутри джаваскрипт которая сразу же вызывает саму себя — это называется IV и функция и сама себя вызывать и — это предназначено чтобы весь наш кот находился внутри какой-то функции даже если у неё нет чтобы не находился в глобальной переменной чтобы всё — это было ограничено внутри нашей функции — это проблема джаваскрипт у которого глобальные переменные могут или затирать друг у друга разные среды чтобы этого не случилось мы ограничиваем себя конкретной функции потом у нас есть User Story — это ограничение нового ангуляр нового джаваскрипт чтобы не написать по ошибке например переменную в глобальную среду и мы видим, что создаем контроллер дай ему название видеть. А у нас есть функция с именем product Controller и эта функция зарегистрирована внутри контроллера до того как мы регистрируем функцию пиджак мы добавляем туда сервисы сервис который нам создает модель на клиенте. Для чего нужен этот инжектор я вам объясню например есть программы которые меняют имя и вместо доллар сколько делают одну буковку и, тогда она не может понять, что — это был сколько потому, что эта программа может поменять имена на с аж на одну букву. Единственное, что программа которая минимизирует кот не трогают. Стрим готовые тексты со стрима они не могут минимизировать стресс и чтобы не закреплять ангуляр имени переменной мы делаем до этого и без этого тоже можно работать с условием, что мы не будем минимизировать имена использовать программу минимизации кода потому, что ангуляр по-другому нас не поймет давайте мы оставим Dust and light который нам сделали разработчики именно — это минимизация кода я вам покажу немножко попозже так давайте посмотрим, что он наш ангуляр работает мы берём и в нашем контроллере пишем какой-то заголовок, но уже внутри контроллера ангуляр внутри контроллера. Мы записали тайтл смотрим чтобы работал. Мы видим, что этот сайт не работает он вообще не понял, что потому, что мы что-то не сделали мы не прописали нет. Куинджи об ng-controller мы забыли всё — это прописать. И не только — это мы забыли прописать скрипт ангуляр то есть загрузилось HTML страница и она не знает, что такое ангуляр и где наш контроллер мы используем GS можно использовать его минимизированный версию для Production мы будем.

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

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