Лабораторная работа 4.1 Применение элементов управления Label, TextBox, Button, DropDownList, Calendar на Web-форме

Применение элементов управления в ASP.NET 2.0

Задание:

Создайте приложение  ASP.NET на основе шаблона ASP.NET WebApplication в каталоге C:\Labs\Lab04_01_Credit.

Создайте Web-форму, аналогичную представленной на рис. 4-1. При этом при нажатии на кнопку "Посчитать" должны рассчитываться проценты, которые должны будут уплачены по кредиту. Для наших целей мы будем считать, что проценты рассчитываются по формуле:

(Сумма кредита)*((Процентная ставка/100)*((Количество дней)/360)

Пользователь должен выбирать только из стандартных ставок по кредиту в 12, 15 и 20 процентов годовых (в ниспадающем списке).

Убедитесь, что приложение работает правильно, и сохраните ваш проект.

Рис. 4-1

Решение:

1. Создайте в Visual Studio.NET 2005 новый Web-сайт на основе шаблона ASP.NET Web Application. При создании в поле Location введите C:\Labs\Lab04_01_Credit. После создания приложения форма Default.aspx откроется в окне дизайнера автоматически.

2. Поместите в окне дизайнера на форму элемент управления Label (из контейнера Web Forms в Toolbox). Для свойства Text этого элемента управления в окне свойств установите значение "Сумма кредита".

3. Разместите справа от этого элемента управления элемент управления TextBox. Для свойства ID этого элемента управления введите значение txtSumCredit.

4. Разместите ниже еще один элемент управления Label. Значение его свойства Text определите как "Процентная ставка".

5. Справа от этой надписи разместите элемент управления DropDownList. Затем щелкните по ссылке Edit Items в появившемся окне мастера. При помощи кнопки Add в окне ListItem Collection Editor введите три значения, которые пользователь сможет выбрать в списке. Для каждого элемента списка значения полей Text и Value должны быть одинаковы и составлять, соответственно, 12, 15 и 20.

6. Значение свойства ID для ниспадающего списка установите как cbInterestRate.

7. Разместите ниже два элемента управления Calendar. Для первого элемента управления Calendar настройте значение ID как calendIssue, а для второго - как calendRepay.

8. Добавьте для каждого из календарей надпись  — элемент управления Label. Для календаря calendIssue надпись должна выглядеть как "День выдачи кредита", а для calendRepay — "День погашения кредита".

9. Поместите на форму кнопку (элемент управления Button) и для свойства Text для него настройте значение "Посчитать".

10. Поместите на форму еще один элемент управления Label (рядом с созданной кнопкой), для свойства ID этого элемента управления настройте значение lblResult, а для свойства Text - "Сумма процентов по кредиту: ".

11. В окне Solution Explorer щелкните правой кнопкой мыши по объекту Default.aspx и в контекстном меню выберите View Code. Откроется страница кода Default.aspx.vb. В верхней части окна редактора кода в списке объектов выберите Button1, а в списке событий (справа) выберите событие Click. В окне редактора кода будет автоматически сгенерирована событийная процедура для события Click кнопки Button1.

12. Напишите необходимый код для этой событийной процедуры. Он может быть таким:

Private Sub Button1_Click(ByVal sender As Object, _

ByVal e As System.EventArgs) Handles Button1.Click

        Dim nDays As Long

        Dim nResult As Decimal

        nDays = DateDiff(DateInterval.Day, _

             calendIssue.SelectedDate.Date, calendRepay.SelectedDate.Date)

        nResult = (CInt(txtSumCredit.Text)) * _

             (CInt(cbInterestRate.SelectedValue) / 100) * ((nDays) / 360)

        lblResult.Text = "Сумма процентов по кредиту: " & Math.Round(nResult, 2)

End Sub

13. Нажмите на кнопку F5 для запуска проекта и убедитесь, что он работает нормально. Сохраните проект и закройте Visual Studio.NET.

Получить учебные материалы по этому курсу