Методические указания к ДЗ №2 (1071212), страница 2
Текст из файла (страница 2)
«Интернет-технологии»8Рис. 3Название базы данных необходимо ввести в поле формы «Database name» инажать кнопку «OK».ОглавлениеГапанюк Ю.Е. «Интернет-технологии»93.1.3.2Создание таблицы «Processor»Рис. 4Ввести названия полей и выбрать типы данных.ОглавлениеГапанюк Ю.Е. «Интернет-технологии»10Рис. 5Поле «ProcessorID» сделать ключевым (нажать на кнопку «ключ»), находясьв поле.Поле «ProcessorID» сделать автоинкрементным. Для этого включить(установить в Yes) свойство «Identity Specification».Нажать на кнопку сохранения таблицы (с дискетой) и указать названиетаблицы «Processor».3.1.3.3Создание таблицы «Computer»Поле «ComputerID» должно быть ключевым и автоинкрементным.ОглавлениеГапанюк Ю.Е. «Интернет-технологии»11Рис.
63.1.3.4Создание связи между таблицамиДля создания связи между таблицами удобнее всего использоватьдиаграммы.ОглавлениеГапанюк Ю.Е. «Интернет-технологии»12Рис. 7Рис. 8Добавить обе таблицы с помощью кнопки «Add».ОглавлениеГапанюк Ю.Е. «Интернет-технологии»13Рис. 9Поле «ProcessorID» из таблицы «Processor» с помощью «drag and drop»перенести в таблицу «Computer».Далее автоматически появляется диалог связывания таблиц, которыйнеобходимо заполнить следующим образом и нажать «OK»:ОглавлениеГапанюк Ю.Е. «Интернет-технологии»14Рис.
10В появившемся диалоге необходимо подтвердить создание вторичногоключа нажатием «OK»:Рис. 11Сохранить диаграмму, нажав на кнопку с дискетой. В таблицу «Computer»был автоматически добавлен вторичный ключ.ОглавлениеГапанюк Ю.Е. «Интернет-технологии»15Рис. 123.1.3.5Ввод данныхМожно использовать режим ввода данных для ввода данных в таблицу.ОглавлениеГапанюк Ю.Е.
«Интернет-технологии»16Рис. 13Рис. 143.1.3.6Создание и сохранение сценариев SQLДля того, чтобы, таблицы можно было повторно создать в другой БД (надругом сервере) можно сохранить структуру таблиц в виде сценария SQL.ОглавлениеГапанюк Ю.Е. «Интернет-технологии»17Рис. 15Рис. 16ОглавлениеГапанюк Ю.Е. «Интернет-технологии»18Для сохранения сценария в файл можно использовать пункт меню File /Save.Эти действия необходимо выполнить для всех таблиц БД, каждый сценарийоткроется в отдельной вкладке.Для тестирования сценариев SQL выполним следующие действия:1.
Создадим новую БД «aspdb2».2. В первой строке каждого сценария заменим командуUSE [aspdb]наUSE [aspdb2]3. Выполним сценарий для таблицы «Processor» с помощью пункта менюQuery / Execute или с помощью кнопки «Execute».4. Выполним сценарий для таблицы «Computer». Он должен быть выполненпосле создания таблицы «Processor», так как в таблице «Computer»создается вторичный ключ на основе таблицы «Processor».В результате выполнения сценариев обе таблицы и связь между ними будутсозданы в новой БД.ОглавлениеГапанюк Ю.Е. «Интернет-технологии»19Рис.
17Если для новой БД создать диаграмму и добавить обе таблицы, тоавтоматически будет добавлена связь между таблицами, соответствующаявторичному ключу.ОглавлениеГапанюк Ю.Е. «Интернет-технологии»203.2Создание веб-приложения с использованием технологииASP.NET3.2.1 Создание нового проектаРис. 18Рис. 19ОглавлениеГапанюк Ю.Е. «Интернет-технологии»213.2.2 Создание формы редактирования данных о процессорахСоздадим новую форму:Рис. 20Рис. 21ОглавлениеГапанюк Ю.Е. «Интернет-технологии»22Внесем изменения в главную страницу «default.aspx», чтобы она содержалассылку на созданную форму.Текст файла «default.aspx» после изменений:<%@ Page Title="Home Page" Language="C#"MasterPageFile="~/Site.master" AutoEventWireup="true"CodeBehind="Default.aspx.cs" Inherits="WebDBExample._Default" %><asp:Content ID="HeaderContent" runat="server"ContentPlaceHolderID="HeadContent"></asp:Content><asp:Content ID="BodyContent" runat="server"ContentPlaceHolderID="MainContent"><h1>Компьютеры и процессоры</h1><ul><li><a href="ProcessorList.aspx" target="_blank">Данные опроцессорах</a></li></ul></asp:Content>Файл «default.aspx» не содержит полный текст HTML-документа, так какздесь используется технология мастер-страниц.Полный текст HTML-документа находится в файле «Site.Master» и принеобходимости может быть отредактирован.
Файл «Site.Master» содержит тэгиплэйсхолдеры:<asp:ContentPlaceHolder ID="HeadContent" ... >и<asp:ContentPlaceHolder ID="MainContent" ... >В файле «default.aspx» содержатся тэги:<asp:Content ID="HeaderContent" ... >ОглавлениеГапанюк Ю.Е. «Интернет-технологии»23и<asp:Content ID="BodyContent" ... >которые содержат фрагменты страниц ASPX, помещаемые внутрь тэговплэйсхолдеров.Далее поместим на созданную форму «ProcessorList» элемент управления«GridView»:Рис.
22ОглавлениеГапанюк Ю.Е. «Интернет-технологии»24Рис. 23Добавим источник данных и свяжем его с таблицей «Processor» в базеданных «aspdb».Рис. 24ОглавлениеГапанюк Ю.Е. «Интернет-технологии»25Рис. 25Рис. 26Необходимо нажать кнопку «New Connection».ОглавлениеГапанюк Ю.Е. «Интернет-технологии»26Рис. 27В поле «Server name» название сервера может не выбираться (если незапущена одна из служб SQL server). В этом случае в поле «Server name» можноввести сетевое имя компьютера.В поле «Select or enter a database name» необходимо выбрать базу данных,содержащую нужные таблицы.Кнопка «Test Connection» позволяет проверить правильность соединения.Если соединение установлено правильно, то появляется следующее сообщение:ОглавлениеГапанюк Ю.Е. «Интернет-технологии»27Рис.
28Далее необходимо нажать «ОК» и перейти к следующему окну:Рис. 29Рис. 30ОглавлениеГапанюк Ю.Е. «Интернет-технологии»28Рис. 31В окне «Configure the Select Statement» необходимо выбрать названиенужной таблицы «Processor» и выбрать в списке «звездочку» (то есть из таблицы«Processor» выбираются все поля).Далее необходимо нажать кнопку «ORDER BY ...» для определенияпараметров сортировки.ОглавлениеГапанюк Ю.Е. «Интернет-технологии»29Рис.
32Длясортировкиповозрастанию(Ascending)выбираетсяполе«ProcessorName».После нажатия кнопки «OK» происходит возврат в окно «Configure theSelect Statement». В этом окне необходимо нажать кнопку «Advanced ...» длязадания параметров обновления таблицы:Рис. 33ОглавлениеГапанюк Ю.Е. «Интернет-технологии»30После нажатия кнопки «OK» происходит возврат в окно «Configure theSelect Statement».
Необходимо нажать кнопку «Next >».Рис. 34Необходимо нажать кнопку «Finish» для завершения работы мастера.В веб-форму добавлен новый источник данных «ProcessorSqlDataSource».ОглавлениеГапанюк Ю.Е. «Интернет-технологии»31Рис. 35Как правило, стандартный мастер не совсем корректно генерирует командуудаления из таблицы, поэтому ее необходимо поправить в тексте страницы.Дляэлемента<asp:SqlDataSourceID="ProcessorSqlDataSource"...>необходимо заменить атрибутDeleteCommand="DELETEFROM[Processor]WHERE[ProcessorID]=@original_ProcessorID AND [ProcessorName] = @original_ProcessorName"на атрибутDeleteCommand="DELETEFROM[Processor]WHERE[ProcessorID]=@original_ProcessorID"и вложенный элемент<DeleteParameters><asp:Parameter Name="original_ProcessorID" Type="Int32" /><asp:Parameter Name="original_ProcessorName" Type="String" /></DeleteParameters>на элементОглавлениеГапанюк Ю.Е.
«Интернет-технологии»32<DeleteParameters><asp:Parameter Name="original_ProcessorID" Type="Int32" /></DeleteParameters>Мастер генерирует «универсальную» команду удаления, но в нашейтаблице для удаления достаточно использовать только поле «ProcessorID»,которое является первичным ключом таблицы.Для элемента GridView включим разбивку на страницы (Enable Paging),сортировку по столбцам (Enable Sorting), редактирование записей (Enable Editing)и удаление (Enable Deleting).Рис. 36При этом Visual Studio добавляет в таблицу новый столбец «CommandField»с гиперссылками для редактирования и удаления записи.ОглавлениеГапанюк Ю.Е. «Интернет-технологии»33Рис. 37Свойство «ButtonType» позволяет отображать «командные» кнопки в видегиперссылок или кнопок. Также можно менять текст кнопок с помощьюсоответствующих свойств. Для закрытия диалога необходимо нажать «OK».Выбрав для элемента «GridView» пункт меню «Auto Format ...», можноулучшить внешний вид таблицы на основе стандартных шаблонов:ОглавлениеГапанюк Ю.Е.
«Интернет-технологии»34Рис. 38Рис. 39Добавим заголовок страницы в элемент <body>:<body><h1>Данные о процессорах</h1>ОглавлениеГапанюк Ю.Е. «Интернет-технологии»35Запустим проект с помощью кнопки «Start Debugging»:Рис. 40При запуске проекта запускается специальный веб-сервер, встроенный вVisual Studio для отладки. Он отображается в панели управления в видеспециального значка:Рис. 41ОглавлениеГапанюк Ю.Е. «Интернет-технологии»36Порт TCP для запуска сервера выбирается случайным образом. Такжеоткрывается браузер, в котором отображается файл ASPX.По умолчанию в браузере отображается стартовая страница проекта и нанужную форму можно перейти с помощью гиперссылки. Но при отладке вбраузере вместо стартовой страницы может отображаться текущая редактируемаястраница.Рис.
42Рис. 43Для сортировки по столбцу необходимо выбрать название столбца. Присортировке по возрастанию и убыванию у столбца может изменяться фон:ОглавлениеГапанюк Ю.Е. «Интернет-технологии»37Рис. 44Рис. 45Гиперссылка «Удалить» позволяет удалить запись:ОглавлениеГапанюк Ю.Е. «Интернет-технологии»38Рис. 46Гиперссылка «Правка» позволяет редактировать запись. При этом строкатаблицы отображается в режиме редактирования:Рис. 47Принажатиина гиперссылку «Обновить» происходит сохранениеизменений.ОглавлениеГапанюк Ю.Е.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
