- •Часть 2
- •2012 Часть 2-1. Создание и настройка приложения asp.Net
- •Упражнение 1 - Создание проекта веб-сайта и страницы
- •Упражнение 2: Добавление и программирование элементов управления
- •Упражнение 4: Работа с дополнительными элементами управления
- •Часть 2-2. Добавление кода к Web-форме Microsoft asp.Net.
- •Описание шагов выполнения работы
- •Ход выполнения работы
- •Результат работы программы
- •Часть 2-3. Создание элементов управления asp.Net и их использование
- •Ход выполнения работы
- •Часть 2-4. Создание элементов управления asp.Net и их использование
- •2.4.1 Создание пользовательских результатов трассировки
- •Ход выполнения лабораторной работы Упражнение 1 - Создание веб-узла на базе файловой системы
- •Упражнение 2. Использование трассировки для поиска ошибок
- •Упражнение 3 – отображение сведений трассировки в окне средства просмотра трассировки
- •Упражнение 4. Создание пользовательских результатов трассировки
- •Часть 2-5.Создание и использование пользовательских элементов управления
- •Ход выполнения лабораторной работы Упражнение 1 - Создание веб-узла
- •Упражнение 2. Создание пользовательского элемента управления
- •Упражнение 3 - Использование пользовательского элемента управления
- •Упражнение 4. Добавление пользовательских свойств и методов к пользовательскому элементу управления
- •Упражнение 5 - Тестирование свойств и метода пользовательского элемента управления
- •Часть 2-6.Доступ к данным с использованием Microsoft ado.Net Microsoft Visual Studio 2010
- •Ход выполнения работы Упражнение 1. Создание службы
- •Упражнение 2. Создание клиентского приложения
- •Упражнение 3 - Добавление возможностей фильтрации
- •Часть 2-7.Создание приложения asp.Net ajax
- •Упражнение 1 - Создание веб-узла asp.Net
- •Упражнение 2 - Добавление элемента управления UpdatePanel на веб-страницу asp.Net
- •Упражнение 3 - Добавление содержимого в элемент управления
- •Упражнение 4 - Добавление элемента управления UpdateProgress на страницу
- •Упражнение 5 - Добавление задержки в пример приложения
- •Часть 2-8. Использование Microsoft Silverlight для предоставления динамического контента
- •Упражнение 1 - Создание проекта Silverlight
- •Упражнение 2. Определение макета сетки
- •Упражнение 3 - Добавление кода
- •Упражнение 4 - Создание динамического макета
Ход выполнения работы
Создаёмм новый веб-узел
В строке Расположение выбираем HTTP в списке и вводим в текстовом поле “http://localhost/WebSite”.
Переходим в конструктор и добавим Button и TextBox
Добавим обработчик событий на кнопку и добавим код
TextBox1.Text = "Button was clicked!";
В меню Построение выберем команду “Построить решение”. Построение выполнено успешно
В окне Work.aspx.cs слева строки «textBox1.Text = "Button was clicked!";» дважды кликнем мышкой
Рис.1
В меню Отладка выберем команду «Начать отладку». Автоматически запуститься браузер, в котором нажмем кнопку.
В окне Контрольное значение для TextBox получим следующий результат:
Рис. 2. Контрольное значение (без обхода)
Выберем «отладка с обходом»
Значение TextBox1.Text в окне Контрольные значения изменится на следующее:
Рис. 3. Контрольное значение (с обходом)
Листинг:
Work.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Work : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
TextBox1.Text = "Button was clicked";
}
}
Work.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.style1
{
height: 26px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" CssClass="style1"
onclick="Button1_Click" Text="Button" />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>
Результат работы программы
После запуска программы на исполнение открывается браузер с вкладкой нашей веб-формы:
Рис. 4. Результат
После нажатия на кнопку в строке появится сообщение о том, что нажатие удачно.
Вывод: В ходе лабораторной работы мы познакомились со способами отладки веб-приложений ASP.NET ( или веб-форм). Мы создали форму, отладчик и присоединили его к нашей веб-форме.
В результате получилась форма, в которой можно было узнать, сработало ли нажатие на кнопку.
Часть 2-3. Создание элементов управления asp.Net и их использование
Описание работы:
В некоторых случаях более целесообразно создавать элемент управления во время
выполнения, а не во время разработки. Например, представьте страницу с результатами
поиска, на которой необходимо отразить результаты в виде таблицы. Так как неизвестно,
сколько элементов потребуется отобразить, необходимо динамическое создание одной
строки таблицы для каждого отображаемого элемента.