SlideShare a Scribd company logo
1 of 5
Download to read offline
Добавление JavaScript
План урока
• Варианты подключения библиотек
• Подключение Spring JavaScript
• Библиотека Dojo
• Принцип работы декораторов
• Доработка формы аутентификации
Spring JavaScript
• Spring JavaScript (Spring JS) – надстройка над библиотеками JavaScript
• На данный момент – поддержка Dojo
• Варианты использования:
• Декораторы
• Напрямую обращатья к Dojo
• Применение:
• Обогащение клиентского интерфейса
• Использование AJAX
Подключение
• Jar файл
• Конфигурация
• На веб странице
Домашнее задание
• Прочитать:
• Главы 12. Spring JavaScript Quick Reference (12.1-12.4)
• Dojo: http://dojotoolkit.org/
• Загрузить пример booking-mvc из spring-webflow-samples
• https://github.com/spring-projects/spring-webflow-samples
• Прочитать про Themeleaf + Spring

More Related Content

What's hot

2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...Омские ИТ-субботники
 
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25MoscowJS
 
Денис Иванов
Денис ИвановДенис Иванов
Денис ИвановCodeFest
 
Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.
Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.
Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.DataArt
 
Микросервисная архитектура на базе CoreOS и Kubernetes
Микросервисная архитектура на базе CoreOS и KubernetesМикросервисная архитектура на базе CoreOS и Kubernetes
Микросервисная архитектура на базе CoreOS и KubernetesDenis Izmaylov
 
Денис Измайлов, JavaScript сегодня: React, Redux и новая реальность
Денис Измайлов, JavaScript сегодня: React, Redux и новая реальностьДенис Измайлов, JavaScript сегодня: React, Redux и новая реальность
Денис Измайлов, JavaScript сегодня: React, Redux и новая реальностьScrumTrek
 
Александр Кашеверов — Обзор React.js
Александр Кашеверов — Обзор React.jsАлександр Кашеверов — Обзор React.js
Александр Кашеверов — Обзор React.jsDataArt
 
Асинхронность и параллелизм в Node.js
Асинхронность и параллелизм в Node.jsАсинхронность и параллелизм в Node.js
Асинхронность и параллелизм в Node.jsGeeksLab Odessa
 
Оптимизация CSS
Оптимизация CSSОптимизация CSS
Оптимизация CSSVasya Petrov
 
Изоморфные React-приложения: производительность и масштабирование
Изоморфные React-приложения: производительность и масштабированиеИзоморфные React-приложения: производительность и масштабирование
Изоморфные React-приложения: производительность и масштабированиеDenis Izmaylov
 
#5 "React.js" Антон Артамонов
#5 "React.js" Антон Артамонов#5 "React.js" Антон Артамонов
#5 "React.js" Антон АртамоновJSib
 
WebCamp2016:Front-End_Юрий Артюх_Современные подходы в верстке
WebCamp2016:Front-End_Юрий Артюх_Современные подходы в версткеWebCamp2016:Front-End_Юрий Артюх_Современные подходы в верстке
WebCamp2016:Front-End_Юрий Артюх_Современные подходы в версткеWebCamp
 
Фронтенд в Яндексе
Фронтенд в ЯндексеФронтенд в Яндексе
Фронтенд в ЯндексеYandex
 
Изоморфные react-приложения
Изоморфные react-приложенияИзоморфные react-приложения
Изоморфные react-приложенияDenis Izmaylov
 
Sergey Cherebedov. Node.js+Drupal
Sergey Cherebedov. Node.js+DrupalSergey Cherebedov. Node.js+Drupal
Sergey Cherebedov. Node.js+DrupalDrupalSib
 

What's hot (20)

Drupal and NodeJS.
Drupal and NodeJS.Drupal and NodeJS.
Drupal and NodeJS.
 
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...
 
633942
633942633942
633942
 
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
 
Денис Иванов
Денис ИвановДенис Иванов
Денис Иванов
 
Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.
Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.
Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.
 
Микросервисная архитектура на базе CoreOS и Kubernetes
Микросервисная архитектура на базе CoreOS и KubernetesМикросервисная архитектура на базе CoreOS и Kubernetes
Микросервисная архитектура на базе CoreOS и Kubernetes
 
Денис Измайлов, JavaScript сегодня: React, Redux и новая реальность
Денис Измайлов, JavaScript сегодня: React, Redux и новая реальностьДенис Измайлов, JavaScript сегодня: React, Redux и новая реальность
Денис Измайлов, JavaScript сегодня: React, Redux и новая реальность
 
Александр Кашеверов — Обзор React.js
Александр Кашеверов — Обзор React.jsАлександр Кашеверов — Обзор React.js
Александр Кашеверов — Обзор React.js
 
Асинхронность и параллелизм в Node.js
Асинхронность и параллелизм в Node.jsАсинхронность и параллелизм в Node.js
Асинхронность и параллелизм в Node.js
 
Оптимизация CSS
Оптимизация CSSОптимизация CSS
Оптимизация CSS
 
Изоморфные React-приложения: производительность и масштабирование
Изоморфные React-приложения: производительность и масштабированиеИзоморфные React-приложения: производительность и масштабирование
Изоморфные React-приложения: производительность и масштабирование
 
#5 "React.js" Антон Артамонов
#5 "React.js" Антон Артамонов#5 "React.js" Антон Артамонов
#5 "React.js" Антон Артамонов
 
WebCamp2016:Front-End_Юрий Артюх_Современные подходы в верстке
WebCamp2016:Front-End_Юрий Артюх_Современные подходы в версткеWebCamp2016:Front-End_Юрий Артюх_Современные подходы в верстке
WebCamp2016:Front-End_Юрий Артюх_Современные подходы в верстке
 
Full Stack разработка на JavaScript
Full Stack разработка на JavaScriptFull Stack разработка на JavaScript
Full Stack разработка на JavaScript
 
React.js – intro
React.js – introReact.js – intro
React.js – intro
 
Фронтенд в Яндексе
Фронтенд в ЯндексеФронтенд в Яндексе
Фронтенд в Яндексе
 
ASP.NET MVC 4
ASP.NET MVC 4ASP.NET MVC 4
ASP.NET MVC 4
 
Изоморфные react-приложения
Изоморфные react-приложенияИзоморфные react-приложения
Изоморфные react-приложения
 
Sergey Cherebedov. Node.js+Drupal
Sergey Cherebedov. Node.js+DrupalSergey Cherebedov. Node.js+Drupal
Sergey Cherebedov. Node.js+Drupal
 

Viewers also liked

133 - Spring. Создание подпотоков
133 - Spring. Создание подпотоков133 - Spring. Создание подпотоков
133 - Spring. Создание подпотоковRoman Brovko
 
135 - Spring. Применение областей видимости данных
135 - Spring. Применение областей видимости данных135 - Spring. Применение областей видимости данных
135 - Spring. Применение областей видимости данныхRoman Brovko
 
136 - Spring. FlowRequestContext
136 - Spring. FlowRequestContext136 - Spring. FlowRequestContext
136 - Spring. FlowRequestContextRoman Brovko
 
140 - Spring. Валидация
140 - Spring. Валидация140 - Spring. Валидация
140 - Spring. ВалидацияRoman Brovko
 
2013 04 25_bigData_lecture_10
2013 04 25_bigData_lecture_102013 04 25_bigData_lecture_10
2013 04 25_bigData_lecture_10Roman Brovko
 
134 - Spring. Области видимости данных
134 - Spring. Области видимости данных134 - Spring. Области видимости данных
134 - Spring. Области видимости данныхRoman Brovko
 
142 - Spring. Вызов потока из контроллера
142 - Spring. Вызов потока из контроллера142 - Spring. Вызов потока из контроллера
142 - Spring. Вызов потока из контроллераRoman Brovko
 
137 - Spring. ResourceBundle
137 - Spring. ResourceBundle137 - Spring. ResourceBundle
137 - Spring. ResourceBundleRoman Brovko
 
01 - JavaFX. Введение в JavaFX
01 - JavaFX. Введение в JavaFX01 - JavaFX. Введение в JavaFX
01 - JavaFX. Введение в JavaFXRoman Brovko
 
138 - Spring. Перехват исключений
138 - Spring. Перехват исключений138 - Spring. Перехват исключений
138 - Spring. Перехват исключенийRoman Brovko
 
129 - Spring. Основные понятия
129 - Spring. Основные понятия129 - Spring. Основные понятия
129 - Spring. Основные понятияRoman Brovko
 
144 - Spring. Наследование потоков
144 - Spring. Наследование потоков144 - Spring. Наследование потоков
144 - Spring. Наследование потоковRoman Brovko
 
143 - Spring. JSF centric integration
143 - Spring. JSF centric integration143 - Spring. JSF centric integration
143 - Spring. JSF centric integrationRoman Brovko
 
17 - Web-технологии. Real Time сообщения
17 - Web-технологии. Real Time сообщения17 - Web-технологии. Real Time сообщения
17 - Web-технологии. Real Time сообщенияRoman Brovko
 
Лекция 7. Исключения и менеджеры контекста.
Лекция 7. Исключения и менеджеры контекста.Лекция 7. Исключения и менеджеры контекста.
Лекция 7. Исключения и менеджеры контекста.Roman Brovko
 

Viewers also liked (15)

133 - Spring. Создание подпотоков
133 - Spring. Создание подпотоков133 - Spring. Создание подпотоков
133 - Spring. Создание подпотоков
 
135 - Spring. Применение областей видимости данных
135 - Spring. Применение областей видимости данных135 - Spring. Применение областей видимости данных
135 - Spring. Применение областей видимости данных
 
136 - Spring. FlowRequestContext
136 - Spring. FlowRequestContext136 - Spring. FlowRequestContext
136 - Spring. FlowRequestContext
 
140 - Spring. Валидация
140 - Spring. Валидация140 - Spring. Валидация
140 - Spring. Валидация
 
2013 04 25_bigData_lecture_10
2013 04 25_bigData_lecture_102013 04 25_bigData_lecture_10
2013 04 25_bigData_lecture_10
 
134 - Spring. Области видимости данных
134 - Spring. Области видимости данных134 - Spring. Области видимости данных
134 - Spring. Области видимости данных
 
142 - Spring. Вызов потока из контроллера
142 - Spring. Вызов потока из контроллера142 - Spring. Вызов потока из контроллера
142 - Spring. Вызов потока из контроллера
 
137 - Spring. ResourceBundle
137 - Spring. ResourceBundle137 - Spring. ResourceBundle
137 - Spring. ResourceBundle
 
01 - JavaFX. Введение в JavaFX
01 - JavaFX. Введение в JavaFX01 - JavaFX. Введение в JavaFX
01 - JavaFX. Введение в JavaFX
 
138 - Spring. Перехват исключений
138 - Spring. Перехват исключений138 - Spring. Перехват исключений
138 - Spring. Перехват исключений
 
129 - Spring. Основные понятия
129 - Spring. Основные понятия129 - Spring. Основные понятия
129 - Spring. Основные понятия
 
144 - Spring. Наследование потоков
144 - Spring. Наследование потоков144 - Spring. Наследование потоков
144 - Spring. Наследование потоков
 
143 - Spring. JSF centric integration
143 - Spring. JSF centric integration143 - Spring. JSF centric integration
143 - Spring. JSF centric integration
 
17 - Web-технологии. Real Time сообщения
17 - Web-технологии. Real Time сообщения17 - Web-технологии. Real Time сообщения
17 - Web-технологии. Real Time сообщения
 
Лекция 7. Исключения и менеджеры контекста.
Лекция 7. Исключения и менеджеры контекста.Лекция 7. Исключения и менеджеры контекста.
Лекция 7. Исключения и менеджеры контекста.
 

More from Roman Brovko

Individual task Networking
Individual task NetworkingIndividual task Networking
Individual task NetworkingRoman Brovko
 
Networking essentials lect3
Networking essentials lect3Networking essentials lect3
Networking essentials lect3Roman Brovko
 
Gl embedded starterkit_ethernet
Gl embedded starterkit_ethernetGl embedded starterkit_ethernet
Gl embedded starterkit_ethernetRoman Brovko
 
Networking essentials lect2
Networking essentials lect2Networking essentials lect2
Networking essentials lect2Roman Brovko
 
Networking essentials lect1
Networking essentials lect1Networking essentials lect1
Networking essentials lect1Roman Brovko
 
Bare metal training_07_spi_flash
Bare metal training_07_spi_flashBare metal training_07_spi_flash
Bare metal training_07_spi_flashRoman Brovko
 
Bare metal training_06_I2C
Bare metal training_06_I2CBare metal training_06_I2C
Bare metal training_06_I2CRoman Brovko
 
Bare metal training_05_uart
Bare metal training_05_uartBare metal training_05_uart
Bare metal training_05_uartRoman Brovko
 
Bare metal training_04_adc_temp_sensor
Bare metal training_04_adc_temp_sensorBare metal training_04_adc_temp_sensor
Bare metal training_04_adc_temp_sensorRoman Brovko
 
Bare metal training_03_timers_pwm
Bare metal training_03_timers_pwmBare metal training_03_timers_pwm
Bare metal training_03_timers_pwmRoman Brovko
 
Bare metal training_02_le_ds_and_buttons
Bare metal training_02_le_ds_and_buttonsBare metal training_02_le_ds_and_buttons
Bare metal training_02_le_ds_and_buttonsRoman Brovko
 
Bare metal training_01_hello_world
Bare metal training_01_hello_worldBare metal training_01_hello_world
Bare metal training_01_hello_worldRoman Brovko
 
Bare metal training_00_prerequisites
Bare metal training_00_prerequisitesBare metal training_00_prerequisites
Bare metal training_00_prerequisitesRoman Brovko
 
C language lect_23_advanced
C language lect_23_advancedC language lect_23_advanced
C language lect_23_advancedRoman Brovko
 
C language lect_22_advanced
C language lect_22_advancedC language lect_22_advanced
C language lect_22_advancedRoman Brovko
 
C language lect_21_advanced
C language lect_21_advancedC language lect_21_advanced
C language lect_21_advancedRoman Brovko
 
подготовка рабочего окружения
подготовка рабочего окруженияподготовка рабочего окружения
подготовка рабочего окруженияRoman Brovko
 
C language lect_20_advanced
C language lect_20_advancedC language lect_20_advanced
C language lect_20_advancedRoman Brovko
 
C language lect_19_basics
C language lect_19_basicsC language lect_19_basics
C language lect_19_basicsRoman Brovko
 

More from Roman Brovko (20)

Individual task Networking
Individual task NetworkingIndividual task Networking
Individual task Networking
 
Networking essentials lect3
Networking essentials lect3Networking essentials lect3
Networking essentials lect3
 
Gl embedded starterkit_ethernet
Gl embedded starterkit_ethernetGl embedded starterkit_ethernet
Gl embedded starterkit_ethernet
 
Networking essentials lect2
Networking essentials lect2Networking essentials lect2
Networking essentials lect2
 
Networking essentials lect1
Networking essentials lect1Networking essentials lect1
Networking essentials lect1
 
Bare metal training_07_spi_flash
Bare metal training_07_spi_flashBare metal training_07_spi_flash
Bare metal training_07_spi_flash
 
Bare metal training_06_I2C
Bare metal training_06_I2CBare metal training_06_I2C
Bare metal training_06_I2C
 
Glesk worshop
Glesk worshopGlesk worshop
Glesk worshop
 
Bare metal training_05_uart
Bare metal training_05_uartBare metal training_05_uart
Bare metal training_05_uart
 
Bare metal training_04_adc_temp_sensor
Bare metal training_04_adc_temp_sensorBare metal training_04_adc_temp_sensor
Bare metal training_04_adc_temp_sensor
 
Bare metal training_03_timers_pwm
Bare metal training_03_timers_pwmBare metal training_03_timers_pwm
Bare metal training_03_timers_pwm
 
Bare metal training_02_le_ds_and_buttons
Bare metal training_02_le_ds_and_buttonsBare metal training_02_le_ds_and_buttons
Bare metal training_02_le_ds_and_buttons
 
Bare metal training_01_hello_world
Bare metal training_01_hello_worldBare metal training_01_hello_world
Bare metal training_01_hello_world
 
Bare metal training_00_prerequisites
Bare metal training_00_prerequisitesBare metal training_00_prerequisites
Bare metal training_00_prerequisites
 
C language lect_23_advanced
C language lect_23_advancedC language lect_23_advanced
C language lect_23_advanced
 
C language lect_22_advanced
C language lect_22_advancedC language lect_22_advanced
C language lect_22_advanced
 
C language lect_21_advanced
C language lect_21_advancedC language lect_21_advanced
C language lect_21_advanced
 
подготовка рабочего окружения
подготовка рабочего окруженияподготовка рабочего окружения
подготовка рабочего окружения
 
C language lect_20_advanced
C language lect_20_advancedC language lect_20_advanced
C language lect_20_advanced
 
C language lect_19_basics
C language lect_19_basicsC language lect_19_basics
C language lect_19_basics
 

139 - Spring. Добавление JavaScript

  • 2. План урока • Варианты подключения библиотек • Подключение Spring JavaScript • Библиотека Dojo • Принцип работы декораторов • Доработка формы аутентификации
  • 3. Spring JavaScript • Spring JavaScript (Spring JS) – надстройка над библиотеками JavaScript • На данный момент – поддержка Dojo • Варианты использования: • Декораторы • Напрямую обращатья к Dojo • Применение: • Обогащение клиентского интерфейса • Использование AJAX
  • 4. Подключение • Jar файл • Конфигурация • На веб странице
  • 5. Домашнее задание • Прочитать: • Главы 12. Spring JavaScript Quick Reference (12.1-12.4) • Dojo: http://dojotoolkit.org/ • Загрузить пример booking-mvc из spring-webflow-samples • https://github.com/spring-projects/spring-webflow-samples • Прочитать про Themeleaf + Spring