Microsoft Visual Studio.NET як засіб для створення Web-додатків, HTML, XML, DHTML, Інтернет-технології, статті

Зміст



Системні вимоги


Microsoft Visual Studio.net – це новий засіб розробки фірми Microsoft, призначене для створення додатків, що працюють на платформі. Net. Продукт поки знаходиться у стадії бета-тестування, але ми вважали за необхідне познайомити наших читачів з його основними новими властивостями і змінами. У даному огляді ми розглянемо Visual Studio.NET як засіб для створення Web-додатків. Наступні статті будуть присвячені іншим можливостям цього продукту.


Перш ніж звернутися власне до Visual Studio.net, варто коротко розглянути платформу, для якої він призначений, – Microsoft. NET. Читачі, які уважно стежать за публікуються в нашому журналі матеріалами, вже знайомі з цією платформою: огляд Microsoft. NET публікувався в КомпьютерПресс № 9’2000. Тому тут ми лише коротко нагадаємо основні характеристики цієї платформи.


Microsoft .NET


Мicrosoft. NET – це абсолютно нова платформа і набір технологій, призначені докорінно змінити підхід до створення програм. Передбачається використання близько 30 мов програмування, які звертаються до єдиної ієрархії класів, що забезпечують базові сервіси. Програми для Microsoft. NET не компілюються – вони перетворюються в якийсь проміжний мову, відомий як Microsoft Intermediate Language (MSIL), і виконуються під управлінням віртуальної машини, що носить назву Common Language Runtime (CLR). Такий підхід має ряд переваг, оскільки в даному випадку всі мови мають доступ до єдиного набору сервісів, а завдяки тому, що всі вони перетворюються в проміжний код, не виникає проблем з написанням окремих фрагментів програми на тій чи іншій мові програмування і з їх подальшою інтеграцією в єдине ціле.


У Microsoft. NET інтенсивно використовуються мову XML і протокол SOAP. Останній дозволяє створювати додатки, які засновані не на концепції використання прив’язаних до тієї чи іншої платформі компонентів або об’єктів, а на концепції сервісів. Протокол SOAP (розроблений фірмами Microsoft, DevelopMentor і Userland Software і підтримуваний великим числом компаній, включаючи IBM і Oracle) і Web-сервіси є ключовими елементами платформи Microsoft. NET.


Огляд Web-сервісів і пов’язаних з ними технологій публікується в цьому номері – див. статтю «Web нового покоління – Web-сервіси».


З точки зору архітектури Microsoft. NET може бути описана наступним чином:



Одна з основних цілей створення платформи Microsoft. NET – надання розробникам кошти для створення сервіс-орієнтованих додатків, здатних працювати на будь-якій апаратній платформі: персональному комп’ютері, PDA, мобільному телефоні і т.п. Архітектура Microsoft. NET показана на рис. 1.


Вище ми згадали підтримку численних мов програмування. Для платформи. NET Microsoft надає мови (відповідні компілятори): C + +, JScript, VB.NET і C #. Останній є новою мовою програмування, спеціально створеним для даної платформи (детальніше див КомпьютерПресс № 9’2000). Сторонні компанії планують випуск широкого спектру мов програмування – з’явиться можливість створювати. NET-програми на Cobol, Eiffel, CAML, Lisp, Python і Smalltalk. Фірма Rational завершує роботу над версією компілятора Java для. NET. Відзначимо, що мова йде про Java для платформи. NET: в ній не буде підтримки таких традиційних інтерфейсів, як JMS, RMI, JDBC, JSP …


Всі мови програмування, реалізовані для платформи. NET, матимуть доступ до великого набору сервісів, які включають базові API Windows, COM-сервіси, інтерфейси доступу до даних (ADO.NET), інтерфейси для реалізації Web-сервісів, засоби для роботи з XML і багато інших.


І, як ми відзначали на початку цього огляду, для створення. NET-додатків Microsoft пропонує Visual Studio.NET.


Перший погляд на Visual Studio.NET


Розробники, знайомі з Microsoft Visual Studio 6.0, знайдуть у новій версії цього засобу розробки багато як вже знайомого, так і зовсім нового.


У версії бета 1 в Visual Studio.NET входять засоби розробки на мовах C #, Visual Basic, Visual C + + і Visual FoxPro, а також ряд додаткових технологій, що полегшують дизайн, колективну розробку та впровадження програм. Visual Studio підтримує архітектуру. NET, яка надає в розпорядження розробників Common Language Runtime і набір програмних сервісів; технологія Active Server Pages.NET (ASP.NET) використовує ці сервіси для забезпечення створення Web-додатків і Web-сервісів.


Нове середовище розробника, реалізована в Visual Studio.NET, робить процес створення додатків більш продуктивним. Багато елементів середовища розроблювача вже відомі користувачам Visual Studio 6, з деякими вони познайомляться вперше. Нижче ми розповімо про деякі новинки й відмінності нової версії середовища розробника – VS.NET IDE.


При запуску VS.NET IDE ви потрапляєте на нову стартову сторінку – Home Page, де перераховані проекти, над якими ви вже працювали, а також опції для створення нового проекту або відкриття вже існуючого. Всі ці опції реалізовані у вигляді гіперпосилань – для управління стартовою сторінкою використовується технологія Dynamic HTML. Це означає, що компанії можуть налаштовувати стартові сторінки під власні потреби і відображати в них додаткові елементи. Наприклад, це можуть бути посилання, актуальні для розробників в даній компанії, або інша корисна інформація. Концепція стартової сторінки на основі DHTML нагадує підхід, який застосовується в Digital Dashboard (рис. 2).


Діалогова панель New Project (рис. 3) містить всі опції для створення різних проектів на якому підтримуваному Visual Studio.NET мовою програмування. Зверніть увагу на те, що в деревоподібної структурі у лівій частині цієї панелі перераховано кілька мов програмування. Швидше за все, у фінальній версії продукту в списку мов з’являться мови сторонніх фірм – достатньо буде встановити на комп’ютер необхідні компоненти.


Як видно на рис. 3, в списку Project Types вибрані всі проекти, які можуть бути створені на мові Visual Basic. У правій частині панелі показані іконки для вибору того чи іншого типу проекту – Windows Application, Class Library, Windows Control Library, Web Application, Web Service і т.п. Зазначимо, що в цьому списку є нові опції, що обумовлено новими можливостями платформи. NET, – Web Service, Web Control Library і Class Library. Остання опція – наслідок з’явилася в VS.NET можливості групувати пов’язані класи в єдиний файл.


При виборі типу проекту Web Application ми потрапляємо в середу, нагадує як середовище Visual InterDev, так і середу Visual Studio. Нижче ми перерахуємо основні елементи цього середовища.


Панель компонентів, відома під назвою Toolbox (рис. 4), динамічно відображає ті компоненти, які можуть використовуватися в проекті даного типу і навіть у файлі того чи іншого типу. У випадку з Web-додатками нам доступні компоненти, розташовані на вкладках HTML, Components, Data і Web Forms.



Для більш зручного переміщення по вихідним файлів проекту всі файли доступні через іменовані вкладки (Tabbed Child Windows), що розташовуються над редактором, який, як і в Visual InterDev, дозволяє працювати як з вихідним текстом (HTML, XML, CSS і т.п.), так і в режимі дизайну (вкладки Design і HTML в нижній частині екрану на рис. 5).



За замовчуванням у правій частині екрана VS.NET IDE розташовується вікно Solution Explorer (рис. 6), що нагадує Project Explorer в попередніх версіях Visual Basic. У термінах VS.NET «рішення» (solution) – це група реалізованих на різних мовах програмування проектів, можливо, складається з проектів різних типів. Для навігації по такому рішенню використовується Solution Explorer.



На рис. 6 показані файлові компоненти, необхідні для реалізації проекту типу Web Form. Оскільки проект даного типу створюється на основі ASP.NET, до складу проекту входять файли Config.web і Global.asax. Якщо вас цікавлять всі файли, що становлять даний проект, вам необхідно включити опцію Show All Files. Гілка References дозволяє отримати список бібліотек, використовуваних нашим додатком.


Редактор вихідного коду тепер підтримує можливість відображення або приховування ряду кодових елементів (рис. 7). Завдяки цій можливості ми можемо працювати з більш компактною версією вихідного коду.



Зверніть увагу на елемент Web Forms Designer Generated Code на рис. 7. За ним прихований код, що згенерував дизайнером Web-форм. Якщо нам необхідно подивитися цей код, ми повинні клацнути мишею на знаку «+». У результаті в редакторі буде відображений зацікавив нас код (рис. 8).



Після короткого знайомства з VS.NET IDE давайте розглянемо основні кроки щодо створення Web-додатків в цьому середовищі.


Створення Web-додатків


Процес створення Web-додатків (або точніше – ASP.NET-додатків) багато в чому схожий з роботою з Visual InterDev 6 (за винятком того, що останнього більше не існує і більшість його функцій інтегровані безпосередньо в середу Visual Studio.NET). У меню File ми вибираємо команду Project, потім в діалоговій панелі New Project – мова, на якому будемо створювати проект (виберемо Visual Basic), а також тип проекту – Web Application в нашому випадку.


Потім ми задаємо назву програми, але, після того як середовище створить віртуальний каталог на Web-сервері (http://localhost/Название_Приложения), можемо приступити до створення самого додатка. Почнемо з того, що подивимося, які файли створені середовищем розробки. Для цього нам треба виконати команду View / Solution Explorer. Як видно з рис. 9, автоматично створюються файли конфігурації Web-додатки (Config.web), файл глобальних команд (Global.asax), файл з каскадними таблицями стилів (Styles.css), файл підтримки Web-сервісів (WebApplication2.disco) і основний файл нашого Web-додатки (WebForm1.aspx).



Для любителів знайомитися з новими продуктами зсередини відзначимо, що ці файли копіюються середовищем з каталогу vb7/vbwizards/webapplication. В ньому розташовані всі шаблони Web-додатки. Якщо ви заглянете в каталог vb7/vbwizards /, то дізнаєтеся, які ще типи програм підтримує VB.NET, які файли створюються за замовчуванням і які налаштування середовища при цьому використовуються.


Зверніть увагу на список використовуваних нашим додатком сервісів (гілка References). Ці сервіси забезпечують підтримку створення та роботи Web-додатків на платформі. NET. Короткий опис сервісів наведено у таблиці.







































Сервіс

Опис
Microsoft.Win32.Interop Містить системні функції Win32 API
System Містить фундаментальні і базові класи, опису типів даних, подій та їх обробників, інтерфейси, атрибути і т.п.
System.ComponentModel.Design Містить класи для забезпечення візуальної роботи з компонентами
System.Configuration Містить класи для управління конфігурацією
System.Data Містить класи ADO.NET, що використовуються для доступу до даних
System.Diagnostics Містить класи для налагодження додатків
System.Drawing Забезпечує доступ до базових функцій GDI +
System.Web Містить класи для управління браузером і сервером та використання протоколу HTTP
System.Web.Services Містить класи, які підтримують створення Web-сервісів
System.Web.UI.Design Містить класи для забезпечення візуальної роботи з компонентами при створенні Web-додатків
System.XML.Serialization Містить класи для роботи з XML-документами і потоками


Повернемося до нашого Web-додатком. Перед нами екран, на якому можна розташовувати різні HTML-елементи. Цей екран є не що інше, як HTML-інтерфейс нашого Web-додатки. В панелі Properties ми можемо змінити основні характеристики Web-сторінки – колір тексту і фону, підтримуваний мову тощо, тобто задати атрибути елементів і . Відзначимо, що в цій панелі ми також виявимо властивості, що дозволяють вказати версію мови HTML (3.2, 4.0 або Netscape 4.0), задати скриптова мова для клієнта і сервера (по замовчуванню на клієнті використовується JavaScript стандарту ECMA, на сервері – VBScript), необхідність збереження інформації (через cookie), кодування, а також глобалізаційних інформацію (uiCulture).


Розібравшись з HTML-файлом нашого Web-додатки, ми можемо почати розташовувати на ньому елементи. Для цього насамперед необхідно переконатися в тому, що нам доступна панель Toolbox (команда View / Toolbox).


У нашому випадку перейдемо на вкладку HTML і перетягнемо з неї наступні елементи: Label (цей елемент буде містити оригінальний текст), Button (для зміни тексту мітки і відсилання сторінки), Textbox (для введення нового тексту мітки) і RequiredFieldValidator (для перевірки вмісту текстового поля). Наша Web-форма буде виглядати, як показано на рис. 10.



Після того як ми розташували візуальні елементи, нам необхідно написати зв’язує їх код. Подвійний клік мишею по кнопці (елемент Button) перенесе нас в редактор коду (файл WebForm1.vb), в якому створений порожній обробник натиснення кнопки:


Public Sub Button1_Click(ByVal sender As Object,
          ByVal e As System.EventArgs)

End Sub


Напишемо в ньому наступний код:


Label1.Text = “New Text”


Далі необхідно з’єднати компонент RequiredFieldValidator з текстовим полем. Для цього нам слід перейти в режим дизайну (клацнути по вкладці WebForm1.aspx) і вибрати елемент RequiredFieldValidator. У панелі властивостей (Properties) ми вибираємо властивість ControlToValidate і вказуємо TextBox1. Також ми можемо змінити повідомлення про помилку на «Text box can not be blank!».


Тепер ми готові протестувати нашу Web-форму. Для цього необхідно натиснути клавішу F5 або кнопку Start. Щоб не виходити з середовища розробника, можна також виконати команду View In Browser (рис. 11).



Компонент RequiredFieldValidator не відображається, оскільки ще не виконувалася перевірка вмісту текстового поля. Щоб виконати перевірку, натисніть кнопку при порожньому текстовому полі: ви побачите повідомлення про помилку (мал. 12).


Якщо ви введете якийсь текст і натиснете кнопку, цей текст відобразиться в компоненті Label (мал. 13).


На цьому невеликому прикладі ми переконалися, що робота з Web-формами в VS.NET багато в чому нагадує роботу з Windows-формами в Visual Basic. Ми також з’ясували, що компоненти в Web-формах діють так само, як звичайні компоненти Visual Basic, і мають властивості і обробники подій. Зверніть увагу на те, що компоненти зберігають свій стан – при натисканні кнопки текстове поле зберігає введений в ньому текст. Ми також дізналися, як використовувати елементи для перевірки введених значень.


Висновок


У даному огляді ми розглянули базові можливості, пропоновані Microsoft Visual Studio.NET для створення Web-додатків. Природно, що в рамках однієї статті неможливо розглянути всі новинки, що з’явилися як в VS.NET, так і в самій платформі: кожен компонент – ADO.NET, ASP.NET, XML – вимагає окремого детального розгляду. Але я сподіваюся, що ви змогли скласти загальне уявлення про це новий продукт, який повинен з’явитися в кінці поточного року або на початку наступного.


Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*