4.3 Реализация интерфейса пользователя

Для создания web-сайта выбрана среда Microsoft Visual Studio 2003.net. Создадим новый проект C# Windows Application и назовём его Kursovoi New.

Создадим начальную форму. В панели свойств в поле text объекта форма зададим текст для верхней кромки формы "Система учета научно исследовательских работ студентов". Откроем панель элементов и перетащим на форму три элемента типа buton. Пользуясь панелью свойств напишем на них соответствующий текст.

После всех действий форма должна выглядеть так:

Рис.1. Начальная форма.

Для создания формы поиска из панели элементов переместим на форму элемент tabControl. В панели свойств этого элемента в поле tabPages, создадим 5 страниц tabPage. Свойству text укажем назначим соответствующий текст страницы закладки. Перейдем на элемент tabpage1, предназначенном для ввода информации в базу данных о новой научно-исследовательской работе. На нем расположим поля ввода типа textbox, для значений из связанных таблиц создадим элементы comboBox. В их свойствах dataSourse укажем соответствующий источник данных, а в свойствах displayMember соответствующее поле таблицы. Для вода даты расположим на форме элемент dateTimePicker. Добавим кнопку при нажатии которой осуществляется ввод значений в базу.

Аналогичным образом расположим соответствующие элементы на других закладках tabPage

Форма в итоге будит выглядеть так:

Рис.2. Добавление работы

Рис.3. Добавление студента

Рис.4. Добавление группы

Рис.5. Добавление конференции

На форме для поиска расположим также элемент TabControl, создадим 5 элементов tabPage, соответствующих критериям поиска. Если критерий поиска текст на соответствующей странице создаем элемент textBox, если дата, то dateTimePicker. На странице поиска по информации студента расположим три элемента checkBox чтобы включать и отключать критерии поиска данных студента. И кнопки "поиск" на каждогм элементе tabPage. На каждом элементе TabControl помещаем элемент dataGrid, в поле свойств dataSourse указываем соответствующую таблицу данных, чтобы в нем отображались результаты поиска. Внизу страницы вне элемента tabControl создаем кнопку с текстом для отображения на ней "сохранить отчет", для сохранения отчета.

Форма будит выглядеть так:

Рис.6. Поиск по ФИО студента

Рис.7. Поиск по руководителю

Рис.8. Поиск по теме работы

Рис.9. Поиск по дате конференции

Рис.10. Поиск работ сделанных за период

На форму для просмотра и редактирования таблиц помещается тот же самый элемент tabControl, создается в нем 5 закладок tabPage, на них располагаются элементы в свойствах для них указывается соответствующий источник данных. На каждом элементе tabPage помещается элемент comboBox, для переключения режимов просмотр редактирование и кнопка с текстом "обновить данные" для фиксирования изменений в базе данных. И также кнопка с текстом "завершить просмотр" для соответсвующего действия.

Форма выглядит так:

Рис 11. Просмотр и редактирование данных.