Разработка веб приложений на основе Silverlight

Автор Sergei Plotnenko
Разработка веб приложений на основе Silverlight

Здравствуйте меня зовут.

Сергей Пугачёв и сейчас мы на практическом примере рассмотрим создание silverlight приложение для доступа к данным на сервере естественно будет возможность эти данные редактировать, но и многие другие возможности тоже будут и так давайте начнём финальное приложение выглядит следующим и имеет богатую функциональность, а процесс его создания займёт всего около 10 минут у меня открыто Visual Studio 2010 с установленными silverlight 4 Studio создадим новый проект нажав на кнопку New Project и выберем шаблон сервера Business applications из раздела silverlight этот шаблон отличается от silverlit applications тем, что в нем уже есть такая функциональность и пользовательский интерфейс приложения и назовём My Business applications. Тут я не буду и нажмем на кнопку. О'кей создается проект мы можем сразу его запустить и посмотреть, что у нас есть.

А есть у нас silverlight приложение которое состоит из нескольких страниц и вы можете заметить, что при переходе между страницами адрес в адресной строке меняется копируем ссылку на страницу эбаут.

И откроем в каком-нибудь другом браузере например Google Chrome я. Вставляю ссылку открывается silverlight приложение и мы сразу находимся на странице эбаут как того и хотели. Кроме того реализована некоторых функциональных для входа и регистрации начнем на логин и увидел специальное окошко если нажать на. РЖД сырного мы можем зарегистрироваться при этом используется достаточно красивый визуальные. Теперь если посмотреть в вижуал студии в окне Solution Explorer мы можем найти файл MP4 в этом файле задано общая для всех страниц разметка каждую конкретную мы можем найти в папке Windows например views Home откроем данную страницу теперь посмотрим на другой проект в нашем. Союзе не My Business applications. веб-часть который будет развернута на веб-сервере именно туда мы добавим слой для доступа к базе данных правой кнопкой мыши на проекте в приложении eat you этом и создадим объекта на основе entity Framework Add entity Data Model мы будем генерировать модель по существующей базе данных нажимаем на кнопку ID и выбираем. Как растут сценарий к нам нужен tired From 3 tables генерировать из базы данных нажмем на кнопку Next его скорее всего нет соединение с базой данных поэтому New connections SQL Server. На моей машине называется экспресс я его установил вместе с Visual Studio и мы будем использовать стандартную для многих примеров в данных northwind её легко найти в интернете сбиваете в вашем любимом поисковике Nordwind скачивайте в базу данных и соответственно можете выполнять данный пример нажимаем OK и у нас есть строка соединения. И нам надо выбрать. Какие таблицы из базы данных мы будем использовать в нашем приложении, а использовать не будем таблицу заказа ордер и детали заказа for details нажмем на кнопку финиш из генерируется объектно-реляционная mapping проект был добавлен модуль 1. едем X он сейчас открыт и мы видим две нужные таблицы. И связь между ними теперь на всякий случай соберём F6 и надо представить данные так чтобы убрать приложение могла получить к ней доступ — это не об этом здесь мы найдём домены Service domain Service in Service один — это неважно мы нажимаю на кнопку — это и выбираем тебя сущности из нашей беседы — это модуль которой мы хотим сделать доступными для silverlight приложения. Мы в таблице ордер ордер details естественно и хотел сделать доступными также поставим галочки enable editing для того чтобы разрешить редактирование нажимаем на кнопку OK и даётся новый домен и сервис появились файлы домен сервис сын сервис 1. методы это. съест. Мы открываем файл документ сервис 1С и видим Method Get worse этот метод используется для получения соответственно заказов здесь можно какой-нибудь логику, но мы просто скажем, что хотим включить в результаты запроса детали заказов Order details так там 2 таблицу которую мы добавляем упорядоченным в ответе все заказы по морде по ID заказа vc.ru — это так — это практически всё, что надо сделать. Кроме того если мы зайдём водомер сервис 1. методы это. съест мы увидим метаданные для класса заказа здесь мы укажем, что ордер детей является текст свойством которое может быть включена поставим атрибут инклуд всё на этом наша работа на северной стороне завершена перейдём silverlight приложение и открой страницу хоум. удалим сейчас есть на данной странице и строим замок вот теперь определим разметку для странице у нас будут три строки и два столбца теперь самое время заняться данными из окна datasource я притащу ордер заказа создаётся некоторые графическое представление в виде до этого города расположены в определённой колонки и на жмем правой кнопкой мыши выберем reset layout теперь да — это гриб занял нужно нам ячейку и ещё. Мы хотим сделать так чтобы заказывать вводились не все, а только некоторых частях для этого добавим постраничную навигацию перетащить элемент управления. ДТП в ячейку под грибом и сделаем так чтобы он занимал всё доступно. Просто сразу видно, что 3 строка имеет слишком большую высоту есть три способа задания или шины всё тоже самое то есть естественный и ширине фиксированная когда задается значение в пикселях — это нам подходит, но не очень звёздочка. Стар, тогда высота строки пропорционально в других срок и третий способ когда высота строки подстраиваться под высоту элементов которые в строке содержится — это то, что нам нужно нажимаем на авто и становится подходящий высоты теперь перед дощем is Data Source is no Data provider заказы и так как в этой грязи отображаются все те же самые заказы. Да — это будет работать следующим шагом является отображение деталей заказа передачи во вторую колонку во вторую третью строки элементы управления с кровью и всё также по привычке на пол — это создаст прокручиваю области в случае если детали заказа на экран не влезут они не.

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

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