Додатків Microsoft Visual Studio 2012

Мета роботи: ознайомлення і вивчення елементарних понять та прийомів роботи у інтегрованій середі розробки Microsoft Visual Studio .NET 2012 для створення, документування, запуску та відлагодження програм, які написані на мові .NET. – С#.

Постановка завдання:створити в Microsoft Visual Studio 2012 Web-додаток для розрахунку платежу по закладним, використуючи пошагову інструкцію до виконання, наведену в теоретичної частині цієї лабораторної роботи.

Теоретичні відомості:

Microsoft Visual Studio 2012 – повнофункціональне середовище розробки Web-додатків, гнучкий і универсальний інструмент проектування і створення закінчених додатків для платформи Windows.

Microsoft Visual Studio 2012 включає засоби управління проектами, редактор початкового тексту, конструктори призначені для користувача інтерфейсу, майстри, компілятори, компонувальники, інструменти, утиліти, документацію і відладчики. Вона дозволяє створювати застосування для 32- і 64-розрядних Windows-платформ, а також нової платформи .NET Framework. Одне з найважливіших удосконалень — можливість роботи з різними мовами і додатками різних типів в єдиному середовищі розробки. Оболонка (середовище розробки застосувань – IDE) Microsoft Visual Studio 2012 містить безліч віконних утиліт, що дозволяють програмістові отримувати зрізи інформації про свій проект і управляти розробкою додатків в зручній формі.

При завантаженні Microsoft Visual Studio 2012 відображається вікно, що складається з декількох областей (рис.1). Зона вікна «Последние» містить посилання на 6 останніх проектів, відкритих в Microsoft Visual Studio 2012. Розміщена під нею область «Пуск» містить посилання на завдання, що найчастіше виникають у користувача. Клацання по такому посиланню приведе до негайного виконання даного завдання.

Наприклад, клацання по посиланню "Создать проект" приведе до негайного створення нового Web-сайта на основі ASP.NET.

Вся зона вікна, задіяна для відображення перерахованих вище розділів, надалі використовується для відображення вмісту редагованого документа (файлу) і називається вікном документів.

Рис. 1.1 – Головне вікно Visual Studio 2012

Права частина вікна Microsoft Visual Studio 2012 зайнята так званими інструментальними вікнами. У них відображаються компоненти додатків: елементи управління, з'єднання з базами даних, класи і властивості, використовувані в проектах. Інструментальні вікна можна набудувати на свій розсуд для максимальної зручності використання в процесі роботи. Їх можна перетягувати, розташовуючи в будь-якому місці екрану

Інструментальні вікна можна також настроювати так, щоб вони постійно знаходилися на екрані. Для цього необхідно включити кнопку «Автоматически скрывать»(Auto Hide), розташовану в правому верхньому кутку вікна .

Важливим компонентом інтерфейсу є також спосіб відображення вікон документів усередині інтегрованого середовища розробки. Існує два способи відображення вікон: стандартний багатовіконний інтерфейс, використовуваний багатьма програмами, коли усередині основного вікна створюється нове вікно, яке є окремим вікном із заголовком, воно не може бути винесене за межі головного вікна; і інтерфейс на основі закладок, коли вікно документа завжди займає весь робочий простір усередині головного вікна, а перемикання між вікнами можливо шляхом клацання по відповідній вкладці.

Для створення нового додатка ASP.NET слід виконати команду Файл Создать Веб-сайт (File New Web Site).

Слід звернути увагу на те, що команда New Project не використовується, оскільки Web-додаток не є проектом. У вікні New Web Site (мал. 2.), що відкрилося, можна вказати наступні відомості:

– шаблон (Templates) — визначає файли, з яких починатиметься Web-сайт. Підтримуються різні типи базових додатків ASP.NET - додаток Web-сайту і додаток Web-служб. Шаблони цих додатків були скомпоновані і відкомпілювалися аналогічно. Фактично можливе додавання Web-сторінки до додатку Web-служби, а також Web-служби до звичайного Web-додатка. Відмінність полягає у файлах, створюваних Microsoft Visual Studio 2012 за умовчанням. У Web-додаткі робота починається із зразка Web-сторінки, в додаткі Web-служби — із зразка Web-служби. Крім того, є складніші шаблони для певних типів сайтів. Можна також створювати власні шаблони або завантажувати готові шаблони сторонніх постачальників;

– місцерозташування (Location) — визначає місце зберігання файлів Web-сайту. Звичайно це File System — Файлова Система (указується тека на локальному комп'ютері або мережевий шлях). Але можливо також редагування сайту безпосередньо по HTTP- або FTP-протоколу;

– мова (Language) — визначає мова програмування .NET, використовуваний за умовчанням для кодування Web-сайта.

Рис.1.2 – Вікно створення нового Web-додатку

Альтернативою ручному введенню місцерозташування є натиснення кнопки "Огляд" (Browse), що відображає діалогове вікно "Вибір місцерозташування" (Choose Location). Уздовж лівої сторони діалогового вікна розташовано чотири кнопки, що дозволяють дістати доступ до різних типів місцерозташувань:

File System — Файлова система — дозволяє проглядати дерево дисків і каталогів або спільно використовуваних ресурсів, що надаються іншими комп'ютерами мережі;

Local IIS — Локальний IIS — дозволяє проглядати віртуальні каталоги, доступні за допомогою програмного забезпечення Web-хостинга IIS, яке функціонує на поточному комп'ютері;

FTP Site (FTP-сайт) — менш зручно, оскільки перед підключенням слід вказати інформацію про з'єднання, включаючи FTP-сайт, порт, каталог, ім'я користувача і пароль;

Remote Site — Видалений Web-сайт — надає доступ до Web-сайту по певному URL з використанням HTTP.

Після повернення в діалогове вікно створення Web-сайта і вказівки всіх необхідних опцій, Visual Studio створить новий Web-додаток. Новий Web-сайт починається з одного файлу — початкової сторінки за умовчанням default.aspx.

Наявність розширення .aspx у файлу говорить про те, що він містить якісь директиви ASP.NET і має бути виконаний платформою .NET Framework. При цьому, дуже важливими елементами цього файлу є директиви середовища виконання, а також вбудовані в сторінку серверні елементи управління. Ці елементи повинні обов'язково розташовуватися усередині HTML-элемента form, що виконується на стороні сервера, і позначаються тегом <asp: параметри елементу />. Наприклад, опис серверного елементу Button, вставленого в сторінку, виглядатиме таким чином:

<asp:Button ID="Button1" runat="server" Text="Button" />.

Як видно з цього прикладу, після ключового слова asp слідує тип елементу, який відповідає його класу, описаному в .NET Framework, потім ID елементу, вказівка на його обробку на стороні сервера і інші параметри.

Особливе значення при розробці додатків грає вікно панелі компонентів «Панель элементов»(Toolbox). У Visual Studio вікно Toolbox відображає елементи управління і компоненти, які можна перетягувати у вікно документа. Вміст Toolbox залежить від типу редагованого документа. Наприклад, при редагуванні Web-форми Toolbox містить серверні елементи управління, HTML-элементи управління, елементи управління, пов'язані з даними, і інші компоненти, які можна розміщувати на поверхні Web-форм.

Файл Default.aspx.cs містить програмний код, прив'язаний до сторінки. Організація цього файлу практично повністю повторює організацію аналогічного файлу для проекту Windows-додатка. Файл починається з підключення різних просторів імен, що містять описи тих класів .NET Framework, які необхідно використовувати в даному модулі. Потім слідує опис класу сторінки, що складається з різних функцій, зокрема прив'язаних до обробки подій даної форми. За умовчанням створена заготівка функції — обробника події відкриття сторінки Page_Load.

Принцип розробки застосування в ASP.NET повністю відповідає об'єктно-орієнтованому підходу. Програміст в процесі створення Web-додатка оперує класами, визначаючи їх атрибути і значення, а також методи, призначені для виконання об'єктами класу дій, прив'язаних до подій сторінки.

Завдання для виконання:

Виконання лабораторної роботи полягає в покроковому описі процесу створення Web-додатку розрахунку платежів по заставах за допомогою Microsoft Visual Studio 2012.

Введіть розмір позики, процентну ставку, термін позики (у місяцях) і клацніть кнопку Compute Payment. Розрахований місячний платіж буде відображений внизу сторінки.

Рис.1.3 – Web-додаток розрахунку платежів по заставах