Структура проекта ASP.NET. Раздел № 1

Структура проекта
Создание проекта ASP.NET
Чтобы запрограммировать какую-либо задачу, необходимо в меню Файл выполнить команду Создать проект

Структура проекта
Выбор типа проекта
1. Выбрать тип проекта в соответствии с рис.

Структура проекта
Окно проекта
2. После нажатия OK появится окно с обозревателем решений:

Структура проекта
Добавление формы
3. В обозревателе решений выделить имя проекта и правой клавишей мыши выбрать команду Добавить → Форму Web Form и указать имя формы.

Структура проекта
Конструктор, Разделитель и Исходный код
4. При добавлении формы появится три кнопки: Конструктор, Разделитель и Исходный код. Разделитель позволяет видеть Конструктор и Исходный код одновременно. Конструктор является средством быстрой разработки для создания веб-приложений ASP.NET, который предоставляет различные представления страниц и предоставляет такие средства, как Панель элементов и окно «Свойства», которые позволяют легко создавать и изменять элементы страницы. Можно переключаться между двумя режимами с помощью вкладок Конструктор и Исходный код в нижней части редактируемой страницы. Режим исходного кода предоставляет вид страницы, отображающей непосредственно разметку, включающую элементы HTML, элементы управления ASP.NET и клиентский сценарий.

Структура проекта
Исходный код
Режим «Исходный код» отображает код веб-страницы.

Структура проекта
Режим Конструктор
5. Перейти в режим конструктора. Режим «Конструктора» отображает веб-страницы ASP.NET и пользовательские элементы управления. Режим конструктора позволяет добавлять текст и элементы и затем изменять их положение и размер и задавать их свойства с помощью специальных меню или окна «Свойства».

Структура проекта
Добавление элементов
6. Открыть панель элементов и добавить в форму элементы:
Рамку для формы −
;
Название рамки −
;
Подпись формы − Label1 (Ввод и вывод чисел и массивов);
Подпись текстового поля − Label2 (Ввод числа);
Подпись текстового поля − Label3 (Вывод числа);
Текстовое поле TextBox1 − для ввода числа;
Текстовое поле TextBox2 − для вывода числа;
Кнопка вывода введенного целого числа − Button1;
Кнопка вывода действительного числа − Button2;
Кнопка вывода в ListBox одном. массива − Button3;
Элемент ListBox для вывода одном. массива;
Кнопка вывода в Table двум. массива − Button4;
Элемент Table1 для вывода двум. массива.

Структура проекта
Добавление элементов

Структура проекта
Таблица стилей
7. Для добавления стилей в обозревателе решений выделить имя проекта и правой клавишей мыши выбрать команду Добавить → Таблица стилей и создать стили в соответствии с ниже приведенными.
body {
margin: 0;
background: lightyellow;
background-image: url("image/kl.gif");
color: brown;
font-family: Trebuchet MS, Arial, Times New Roman;
font-size: 14px;
}

Структура проекта
Таблица стилей
fieldset {
vertical-align:top;
margin: 5px;
margin-top: 0px;
background: lightyellow;
background-image: url("p.gif");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right;
padding-left: 5px;
padding-right: 10px;
font-size: 12px;
border-color:olive;
border-style:dashed;
border-width:2px;
width:330px;
}

Структура проекта
Таблица стилей
legend {
margin:5px;
margin-top:0px;
padding-top:0px;
text-align: center;
font-family: verdana;
font-size: 14px;
color:green;
padding-bottom:5px;
padding-left:10px;
}
td {
font-family: verdana;
font-size: 12px;
color: green;
border-color: red;
}

Структура проекта
Таблица стилей
.b {
margin: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif; border-left:1px; border-right:2px;
border-top:2px; border-bottom:1px;
border-width: thik; border-style: outset;
background-color: yellow;
padding-left:2; padding-right:2;
padding-top:2; padding-bottom:2;
font-size: 11px; font-weight: normal; color: green;
width: 180px; height: 23px;
text-align: center;
border-style: solid;
display: inline-block;
border-left-color: olive; border-right-color: forestgreen;
border-top-color: olive; border-bottom-color: forestgreen;
}

Структура проекта
Таблица стилей
.tbl {
Border-Width: 2px;
Border-Color: crimson;
Border-Style: Dotted;
border-collapse: separate;
background-color: lightyellow;
}
8. Для подключения файла таблицы стилей в исходный код в раздел заголовка добавить строку:

Структура проекта
Элементы формы
9. Рамку приложения озаглавить «Форма вывода чисел и массивов» и тогда приложение будет иметь вид, приведенный ниже:

Структура проекта
Оформление формы
10. Зададим название кнопок и меток:

Структура проекта
Исходный код формы
11. Исходный код формы:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="form1.WebForm1" %>
Форма вывода чисел и массивов

Структура проекта
Исходный код формы runat="server" Text="Действительное число" />

Структура проекта
Процедура обработки события Button1
12. Для вывода целого числа двойным щелчком входим в процедуру обработки события кнопки Button1 файла WebForm1.aspx.cs и вводим код обработки события:
protected void Button1_Click(object sender, EventArgs e)
{
int a = Convert.ToInt32(TextBox1.Text);
TextBox2.Text = Convert.ToString(a);
}

Структура проекта
Процедура обработки события Button2
13. Для вывода действительного числа двойным щелчком входим в процедуру обработки события кнопки Button2 файла WebForm1.aspx.cs и вводим код обработки события:
protected void Button2_Click(object sender, EventArgs e)
{
double b = Convert.ToDouble(TextBox1.Text);
TextBox2.Text = Convert.ToString(b); //используется запятая
}

Структура проекта
Процедура обработки события Button3
14. Для вывода одномерного массива двойным щелчком входим в процедуру обработки события кнопки Button3 файла WebForm1.aspx.cs и вводим код обработки события:
protected void Button3_Click(object sender, EventArgs e)
{
int[] mas = new int[10];
Random rnd = new Random();
for (int i = 0; i < 10; i++)
{
mas[i] = rnd.Next(20);
ListItem item = new ListItem(mas[i].ToString());
ListBox1.Items.Add(Convert.ToString("mas[" + i + "]= " + mas[i]));
}
}

Структура проекта
Процедура обработки события Button4
15. Для вывода двумерного массива двойным щелчком входим в процедуру обработки события кнопки Button4 файла WebForm1.aspx.cs и вводим код обработки события:
protected void Button4_Click(object sender, EventArgs e)
{
int[,] masdv = new int[5, 5];
Random rnd = new Random();
int s = 0;
for (int i = 0; i < 5; i++)
{ TableRow row = new TableRow();
for (int j = 0; j < 5; j++)
{
masdv[i, j] = rnd.Next(9);
TableCell cell = new TableCell();
cell.Text = Convert.ToString(masdv[i, j]);
row.Cells.Add(cell);
if (i == j)
{ s = s + masdv[i, j]; }
}
Table1.Rows.Add(row);
TextBox3.Text = "S гл диагонали = " + Convert.ToString(s);
}
}

Структура проекта
Лабораторная работа по управляющим конструкциям
Выполнить задание по варианту создать блок-схему задания. Задание вывести в рамку (fieldset). Создать форму для ввода переменных. После нажатия кнопки выполнить задание по варианту и вывести его блок схему.

Структура проекта
Варианты задания №1

Структура проекта
Варианты задания №1

Структура проекта
Варианты задания №1