Програма ASP.NET Hello World із прикладом
Джейкоб Лі
⚡ Розумний підсумок
У першій програмі ASP.NET ви знайдете покрокове керівництво по створенню простого веб-застосунку Hello World у Visual Studio, від створення порожнього проекту Web Forms та додавання веб-форми до написання Response.Write та перегляду результату у браузері.
Необхідні умови для вашої першої програми ASP.NET
Перш ніж створювати застосунок Hello World, переконайтеся, що ваше середовище готове. Вам знадобиться наступне:
- Visual Studio – достатньо безкоштовної версії Community, встановленої разом із робочим навантаженням «ASP.NET та веб-розробка».
- .NET Framework – обов’язковий для веб-форм та встановлюється автоматично разом із Visual Studio.
- Базові знання C# та HTML – корисно для розуміння коду, який ви писатимете.
- A Windows машина – класичні веб-форми ASP.NET працюють на Windows за допомогою IIS або IIS Express.
Після того, як це буде зроблено, ви можете виконати наведені нижче кроки, щоб створити та запустити свою першу програму ASP.NET.
Програма ASP.NET Hello World із прикладом
Давайте розглянемо приклад того, як ми можемо реалізувати просту програму «hello world». Для цього нам потрібно виконати наведені нижче кроки.
Крок 1) Перший крок передбачає створення нового проекту в Visual Studio. Після запуску Visual Studio вам потрібно вибрати пункт меню New->Project.
Крок 2) Наступним кроком буде вибір типу проекту як веб-програми ASP.Net. Тут також потрібно згадати назву та місце розташування нашого проекту.
- У діалоговому вікні проекту ви можете побачити різні параметри для створення різних типів проектів. Натисніть опцію «Веб» ліворуч.
- Коли ми натиснемо опцію «Веб» у попередньому кроці, ми зможемо побачити опцію для веб-програми ASP.Net. Виберіть цю опцію.
- Потім ми даємо назву додатку, у нашому випадку це DemoApplication. Нам також потрібно надати місце для зберігання нашої програми.
- Нарешті, ми натискаємо кнопку «OK», щоб дозволити Visual Studio створити наш проект.
Крок 3) На наступному екрані вам потрібно вибрати тип веб-програми ASP.net, яку потрібно створити. У нашому випадку ми створимо простий додаток Web Form.
- Спочатку виберіть тип проекту «Пустий». Це гарантує, що ми починаємо з базової програми, яку легко зрозуміти.
- Ми вибираємо опцію «Веб-форми». Це додає основні папки, необхідні для базової програми веб-форм.
- Нарешті, ми натискаємо кнопку «OK», щоб дозволити Visual Studio створити нашу програму.
Якщо виконати наведені вище кроки, ви отримаєте наведений нижче результат у Visual Studio.
Вихід:-
У Solution Explorer ви зможете побачити рішення DemoApplication. Це рішення міститиме 2 файли проекту, як показано вище. На даний момент одним з ключових файлів у проекті є Global.asax.csЦей файл містить інформацію, що стосується програми. У цьому файлі ви ініціалізуєте всі змінні, що стосуються програми, їхніми значеннями за замовчуванням.
Крок 4) Тепер настав час додати файл веб-форми до проекту. Це файл, який міститиме весь веб-код для нашого проекту.
- Клацніть правою кнопкою миші на проекті DemoApplication та
- У контекстному меню виберіть Додати->Веб-форма.
Крок 5) На наступному екрані нам буде запропоновано ввести назву для веб-форми.
- Введіть назву для веб-форми. У нашому випадку ми даємо їй назву Демо.
- Натисніть кнопку ОК.
Visual Studio автоматично створить демонстраційну веб-форму та відкриє її у Visual Studio.
Крок 6) Наступний крок – додати код, який виконуватиме роботу з відображення напису «Hello World». Це можна зробити, просто додавши один рядок коду до файлу Demo.aspx.
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <% Response.Write("Hello World"); %> </div> </form> </body> </html>
Code Пояснення:
- Об’єкт Response в ASP.Net використовується для надсилання інформації назад користувачеві. Отже, у нашому випадку ми використовуємо метод «Write» об’єкта Response для запису тексту «Hello World». Маркери <% та %> використовуються для додавання коду, специфічного для ASP.net.
Якщо ви виконаєте всі описані вище кроки та запустите програму в Visual Studio, ви отримаєте наступний результат.
Вихід:-
З результату ви можете чітко побачити, що в браузері відобразилося «Hello World».
Розуміння Hello World Code
Файл Demo.aspx — це стандартна HTML-сторінка з кількома доповненнями ASP.NET. runat="server" Атрибут вказує ASP.NET обробити елемент на сервері, а не розглядати його як звичайний HTML. <% %> маркери, які називаються блоками рендерингу, дозволяють запускати код C# безпосередньо на сторінці. Усередині них Response.Write("Hello World") надсилає текст безпосередньо до браузера як частину HTTP-відповіді.
У той час як Response.Write для першого прикладу добре, більшість реальних програм використовують серверний елемент керування. Наприклад, ви можете скинути <asp:Label> елемент керування на сторінці та встановити його властивість Text у файлі коду програмного забезпечення. Це дозволяє розділити розмітку та логіку, що легше підтримувати в міру зростання сторінки.
Типові помилки під час запуску вашої першої програми ASP.NET
Початківці часто стикаються з кількома передбачуваними проблемами під час запуску своєї першої сторінки ASP.NET. Зверніть увагу на наступне:
- Відсутній runat=”сервер” – без нього на формі та елементах керування ASP.NET обробляє їх як статичний HTML, і серверний код не працює.
- Неправильний тип проекту – вибір шаблону MVC або Core замість Web Forms змінює структуру файлу та описані вище кроки.
- Синтаксичні помилки – відсутня крапка з комою або дужка всередині блоку <% %> призводить до помилки збірки.
- Проблеми з портом або IIS Express – якщо сторінка не запускається, перезапустіть IIS Express або змініть порт проєкту.
- Чутливість до справи – назви методів, такі як Response.Write, повинні точно збігатися, оскільки C# чутливий до регістру.
