3957

Создание приложения веб-обозревателя

Лабораторная работа

Информатика, кибернетика и программирование

Лабораторная работа. Создание приложения веб-обозревателя. Цель работы. Научится создавать пользовательские приложения с использованием элемента управления MenuStrip, элемента управления Button, элемента управления ComboBox и WebBrowser. Ход выполне...

Русский

2012-11-10

124.01 KB

15 чел.

Лабораторная работа. Создание приложения веб-обозревателя.

Цель работы. Научится создавать пользовательские приложения с использованием элемента

управления MenuStrip, элемента управления Button, элемента управления ComboBox и

WebBrowser.

Ход выполнения работы.

1. В меню Файл выберите команду Создать проект.

Откроется диалоговое окно Создание проекта. В этом диалоговом окне выводится

список различных типов приложений по умолчанию, которые можно создавать с

помощью Visual C#, экспресс-выпуск.

2. Выберите Приложение Windows Forms в качестве типа проекта.

3. Измените имя приложения на Web Browser.

4. Нажмите кнопку ОК.

Visual C#, экспресс-выпуск создаст для проекта новую папку с таким же именем, как

у проекта, и затем отобразит новую форму Windows с именем From1 в представлении

Конструктор. Переключаться между этим представлением и представлением Код

можно щелкнув правой кнопкой мыши поверхность разработки и выбрав команду

Просмотреть код или Открыть в конструкторе.

Форма Windows в представлении Конструктор — это визуальное представление окна,

которое появится при открытии приложения. В представлении Конструктор можно

перетаскивать различные элементы управления из панели элементов в форму. Эти элементы

управления не являются реальными объектами, это просто изображения, которые удобно

перемещать в форме для определенного расположения.

После расположения элемента управления в форме Visual C# в фоновом режиме создаст код

для правильного размещения реального элемента управления при выполнении программы.

Этот исходный код будет находиться в файле, который обычно не виден в представлении.

Этот файл с именем Form1.designer.cs можно увидеть в обозревателе решений, если

развернуть узел Form1.cs.

5. Переключиться с представления Код на представление Конструктор можно щелкнув

правой кнопкой мыши окно кода и выбрав команду Открыть в конструкторе.

Изменение размеров формы Windows.

a. Щелкните правый нижний угол формы Windows.


b. Когда указатель примет форму двусторонней стрелки, перетащите угол так,

чтобы форма заняла четверть экрана.

Поскольку в этом окне будут отображаться веб-страницы, оно не должно быть

слишком маленьким.

6. Убедитесь, что окно Свойства открыто. По умолчанию оно располагается нижней

правой части IDE, но может быть перемещено в любое расположение. На следующем

рисунке оно показано в верхнем правом углу. Если окно Свойства не отображается, в

меню Вид выберите Свойства. В этом окне перечислены свойства текущей выбранной

формы Windows или элемента управления, здесь же можно менять их значения.

7. Изменение названия формы Windows.

a. Щелкните форму, чтобы выделить ее.

b. В окне Свойства прокрутите вниз до пункта Текст, выберите текст "Form1" и

введите Web Browser.

c. Нажмите клавишу ВВОД или TAB, чтобы убрать фокус из текстового поля

"Текст".

Текст в верхней части формы Windows (в области, называемой строкой заголовка)

изменился.

Для быстрого изменения имени элемента управления щелкните его правой кнопкой

мыши и выберите Свойства. Введите новое имя элемента управления в свойстве Имя.

8.

Нажмите кнопку Панель элементов на панели инструментов или в меню Вид

выберите пункт Панель элементов. Прокрутите вниз список элементов управления и

разверните узел Меню и панели инструментов пока не увидите MenuStrip.

Перетащите этот элемент управления на любое место в форме Windows.

Этот элемент управления создает меню по умолчанию в верхней части формы.


9. В поле с текстом Место для ввода введите имя меню, в данном случае Navigate. После

нажатия клавиши ВВОД появятся новые поля для создания других меню и пунктов

меню. В поле, расположенном ниже, введите Домашняя страница. Нажмите клавишу

ВВОД, после чего появятся дополнительные поля. Введите Назад. Нажмите ВВОД и

введите Вперед.

Эти пункты меню являются основными элементами управления перехода по веб-узлу.

10. Добавление кнопки.

Из категории Стандартныепанели элементов перетащите элемент управления Button

примерно на середину формы Windows непосредственно под строку меню. В окне

Свойства измените свойство Текст на Перейти вместо button1 и измените шаблонное

имя, похожее на (Имя), с button1 на goButton.

11. Добавление элемента управления ComboBox.

Из категории Стандартныепанели инструментов перетащите элемент управления

ComboBox и поместите его слева от новой кнопки. Перетаскивая края и углы,

измените размеры элемента и расположите ComboBox на одной лини с кнопкой.

При перемещении элементов управления в форме Windows Forms будут появляться синие

линии. Они являются направляющими для выравнивания элементов по вертикали и

горизонтали. Помимо этого есть возможность выровнять несколько элементов

одновременно, выделив их. Для этого нужно щелкнуть форму и перетащить прямоугольник

выделения вокруг нужных элементов или щелкнуть каждый из них, удерживая нажатой

клавишу SHIFT. После выделения нескольких элементов можно выравнивать и менять их

размер с помощью значков выравнивания и изменения размера. Эти значки появляются на

панели инструментов "Макет" в верхней части окна конструктора.

12. Заполнение элемента управления ComboBox.

Элемент управления ComboBox предоставляет раскрывающийся список вариантов

для выбора. В этой программе ComboBox будет содержать список избранных вебузлов для быстрого доступа.


Для создания списка веб-узлов выделите ComboBox и отобразите его свойства. При

выделении свойства Элементы будет отображена кнопка с многоточием (...) и словом

(Коллекция). Щелкните эту кнопку для изменения содержимого ComboBox. Добавьте

любое количество URL-адресов веб-узлов, нажимая после каждого ВВОД.

Убедитесь в том, что перед адресом каждого веб-узла вставлено http://.

13. Добавление элемента управления WebBrowser.

В панели элементов в категории Стандартные прокрутите вниз список до элемента

управления WebBrowser. Перетащите этот элемент управления в форму Windows.

Измените размеры элемента WebBrowser так, чтобы он заполнил форму Windows

Forms без перекрытия элементов управления ComboBox и Button. Если изменение

размеров элемента управления WebBrowser затруднено, откройте его свойства,

найдите параметр Dock и убедитесь, что ему задано значение none, после этого

установите желаемый размер. Задание параметру Anchor значения Сверху, снизу,

левый, правый заставит элемент управления WebBrowser корректно изменять свой

размер при изменении размера окна приложения.

Элемент WebBrowser выполняет все сложные действия по визуализации веб-страниц.

В приложении доступ к нему осуществляется через экземпляр класса WebBrowser.

Просмотр файла form1.Designer.cs позволит увидеть, что экземпляр этого класса был

добавлен в код приложения вместе с экземплярами классов, представляющих другие

элементы, добавленные с помощью конструктора. Именно эти экземпляры будут

использоваться при добавлении обработчиков событий и вызова методов элементов

управления.

14. Добавление обработчика событий для элемента управления Button.

К этому моменту этап проектирования приложения закончен, пришло время добавить

определенный код для обеспечения функциональности программы.

Программа должна иметь обработчики событий для кнопок и каждого пункта меню.

Обработчик событий — это метод, который выполняется при взаимодействии

пользователя с элементом управления. Visual C#, экспресс-выпуск автоматически

создает пустые обработчики событий.

Дважды щелкните кнопку для открытия редактора кода. Обработчик событий для

события Click уже содержит код для вывода сообщения о нажатии пользователем

кнопки. Добавьте следующий код в метод обработчика событий.

private void goButton_Click(object sender, System.EventArgs e)

{

webBrowser1.Navigate(new Uri(comboBox1.SelectedItem.ToString()));

}

Этот код берет текущий выделенный элемент из элемента управления ComboBox

(строку с URL-адресом веб-узла) и передает его в метод веб-обозревателя Navigate.

Метод Navigate загружает и отображает содержимое указанной веб-страницы.

15. Добавление обработчика событий для параметров MenuStrip.


Вернитесь в окно конструктора и по очереди дважды щелкните каждый подпункт меню в

меню. Visual C#, экспресс-выпуск создаст для каждого методы обработчика событий.

Измените эти методы, как указано ниже.

private void homeToolStripMenuItem_Click(object sender, System.EventArgs e)

{

webBrowser1.GoHome();

}

private void goForwardToolStripMenuItem_Click(object sender, System.EventArgs e)

{

webBrowser1.GoForward();

}

private void goBackToolStripMenuItem_Click(object sender, System.EventArgs e)

{

webBrowser1.GoBack();

}

16. Просмотр созданного Visual C# кода.

IDE Visual C# автоматически создает код инициализации. В представлении Код

найдите конструктор для класса Form1. У него есть подпись public Form1(). Щелкните

правой кнопкой мыши метод InitializeComponent, вызываемый из конструктора, и

выберите команду Перейти к определению. Будет показан код, созданный фоновым

процессом при перетаскивании элементов управления и установке свойств в окне

Свойства.

17. Добавление собственного кода инициализации.

В заключение добавим в Form1 собственный код инициализации. Конструктор

никогда не должен использоваться для вызова любого кода, который может вызвать

исключение. Такой код должен располагаться в методе Form1_Load. Откройте

вкладку Form1.cs[Design] в верхней части редактора кода, чтобы вернуться в форму

Windows. Выделите форму и в окне Свойства нажмите кнопку События (с

изображением молнии), затем дважды щелкните Загрузить. Будет создан обработчик

событий и курсор переместится в метод в представлении Код.

При запуске программы Windows уведомит об этом форму приложения путем

отправки события Load. При получении формой этого события будет вызван метод

Form1_Load. Методы, вызываемые в ответ на событие, называются обработчиками

событий. Система будет вызывать события в нужный момент времени, задача

разработчика заключается в том, чтобы поместить в обработчик событий код,

который должен выполняться при возникновении события.

В представлении Код добавьте две строки в метод Form1_Load, как показано в

следующем коде: В результате элемент управления WebBrowser отобразит

домашнюю страницу по умолчанию и будет присвоено начальное значение элементу

управления ComboBox.

private void Form1_Load(object sender, EventArgs e)

{

comboBox1.SelectedIndex = 0;

webBrowser1.GoHome();

}


18. Построение и выполнение программы.

19. Нажмите клавишу F5 для построения и выполнения веб-обозревателя. На экране

отобразится форма Windows и затем появится домашняя страница по умолчанию.

Используйте элемент управления ComboBox можно для выбора веб-узла и кнопку

Перейти для перехода на него. С помощью пунктов меню можно вернуться на

домашнюю страницу или перемещаться вперед и назад через открытые ранее вебузлы.



 

А также другие работы, которые могут Вас заинтересовать

30818. ADO, провайдеры ADO 11.36 KB
  DO позволяет представлять данные из разнообразных источников реляционных баз данных текстовых файлов и т. Провайдеры DO обеспечивают соединение приложения использующего данные через DO с источником данных сервером SQL локальной СУБД файловой системой и т. Для каждого типа хранилища данных должен существовать провайдер DO. Провайдер знает о местоположении хранилища данных и его содержании умеет обращаться к данным с запросами и интерпретировать возвращаемую служебную информацию и результаты запросов с целью их передачи приложению.
30819. Генератор отчетов Rave Reports 5.0 18.73 KB
  Компоненты для создания отчетов Генератор отчетов Rve Reports 5.0 Генератор отчетов Rve Reports 5.0 разработан фирмой Nevron и входит в состав Delphi 7 в качестве основного средства для создания отчетов. Он состоит из трех частей: ядро генератора отчетов обеспечивает управление отчетом и его предварительный просмотр и отправку на печать.
30820. Доступ к общим данным 17.87 KB
  Доступ к общим данным Строки являются записями а столбцы полями таблицы базы данных. Класс tdtset обеспечивает возможность редактирования набора данных а также предоставляет средства для перемещения навигации по записям. Этот класс инкапсулирует в себе функциональные возможности borlnd dtbse engine bde процессора баз данных фирмы borlnd. Класс tbdedtset имеет класспотомок tdbdtset в котором определены дополнительные свойства и методы обеспечивающие возможность связывания набора данных с физическими таблицами базы данных.
30821. Структура BDE 46.29 KB
  Структура BDE Архитектура и функции BDE BDE представляет собой набор динамических библиотек которые умеют передавать запросы на получение или модификацию данных из приложения в нужную базу данных и возвращать результат обработки. В составе BDE поставляются стандартные драйверы обеспечивающие доступ к СУБД Prdox dBSE FoxPro и текстовым файлам. Структура процессора баз данных BDE Доступ к данным серверов SQL обеспечивает отдельная система драйверов SQL Links. Помимо этого в BDE имеется очень простой механизм подключения любых драйверов...
30822. Модели организации данных в БД 30.78 KB
  Модели организации данных в БД Организация баз данных физическая и логическая Организация БД Организация данных базыопределяется видом модели данных которую поддерживает конкретная СУБД. Модель данных это методпринцип логической организации данных реализуемый в СУБД. Организация данныхв базе характеризуется двумя уровнями логическим и физическим. Логическаяорганизация БД определяется типом структур данных и видоммодели данных которая поддерживается СУБД.
30823. Реляционная модель базы 14.12 KB
  Реляционная модель базы Реляционная модель ориентирована на организацию данных в виде двумерных таблиц. Каждая реляционная таблица представляет собой двумерный массив и обладает следующими свойствами: все столбцы в таблице однородные имеют одинаковый тип; каждый столбец имеет уникальное имя; одинаковые строки в таблице отсутствуют; порядок следования строк и столбцов может быть произвольным. В реляционной модели данных объекты и взаимосвязи между ними представляются с помощью таблиц. Каждая таблица представляет один объект и состоит из...
30824. Виды связей в БД 16.81 KB
  При этом таблица Книги будет содержать ссылки на записи таблицы Издатели . В большинстве случаев сопоставляются первичный ключ одной таблицы содержащий для каждой из строк уникальный идентификатор и внешний ключ другой таблицы. При такой связи каждой строке таблицы А может соответствовать множество строк таблицы Б однако каждой строке таблицы Б может соответствовать только одна строка таблицы А. Связи многие ко многим При установлении связи многие ко многим каждой строке таблицы А может соответствовать множество строк таблицы Б и наоборот.
30825. Типы СУБД 13.67 KB
  Централизованная база данных хранится в памяти одной вычислительной системы. Такой способ использования баз данных часто применяют в локальных сетях ПК. Распределенная база данных состоит из нескольких возможно пересекающихся или даже дублирующих друг друга частей хранимых в различных ЭВМ вычислительной сети.
30826. Классификация СУБД по архитектуре (одно-, двух-, трехзвенные) 43.7 KB
  По своей архитектуре СУБД делятся на одно двух и трехзвенные В однозвенной архитектуре используется единственное звено клиент обеспечивающее необходимую логику управления данными и их визуализацию. В двухзвенной архитектуре значительную часть логики управления данными берет на себя сервер БД в то время как клиент в основном занят отображением данных в удобном для пользователя виде.