2018-03-09
1371. Создайте новое пустое ASP.Net приложение.
Добавьте к проекту новую Базу данных. Для этого сделайте следующее:
2. Выделите название проекта в «Обозревателе решений».
3. Нажмите правой кнопкой мыши на названии проекта. В контекстном меню выберите пункт «Добавить» - «Создать элемент».
4. В открывшемся окне выберите слева вкладку «Данные».
5. В средней части окна выберите пункт «База данных SQL Server» (Рис.1).
Рис. 1.
6. Название файла оставьте по умолчанию и нажмите кнопку «Добавить».
7. Программа предложить создать папку App_Data для хранения файлов базы данных. Нажмите «ОК».
8. В «Обозревателе решений» щелкните дважды на названии Базы данных «Database1.mdf». Слева появится окно «Обозревателя серверов», в котором будет видна созданная база данных и ее структура.
9. В окне «Обозревателя серверов» щелкните правой кнопкой мыши по пункту «Таблицы» и в контекстном меню выберите «Добавить новую таблицу». Откроется конструктор таблиц.
10. Определите столбцы таблицы как показано на Рис.2.
|
|
|
Рис. 2.
11. Закройте вкладку с определением таблицы, нажав на «х». Программа предложит сохранить таблицу.
12. Сохранить таблицу как «Persons».
13. Нажмите правой кнопкой мыши на таблице «Persons» и в контекстном меню выберите пункт «Показать таблицу данных».
14. Заполните таблицу данными (3-4 строки). Первый столбец выполняет роль счетчика и будет заполняться автоматически.
15. Закройте таблицу.
Далее используем созданную Базу данных в нашем приложении. Выведем данные из Базы на web-страницу и добавим возможность для добавления, правки, и удаления данных.
16. Добавьте к проекту новую Web-форму. Оставьте название по умолчанию.
17. Перейдите в «Конструктор» формы.
18. Добавьте на форму новый элемент управления SqlDataSource из «Панели инструментов» (перетащите мышкой элемент управления на форму). Если окно не открыто, выберите в главном меню пункт «Вид» и далее нажмите на «Панель инструментов».
19. Выделите мышкой «SqlDataSource1» на форме и нажмите на кнопку «>» (справа от элемента управления).
20. Выберите пункт «Настроить источник данных».
21. В появившемся окне выберите из списка базу данных Database1.mdf (или ConnectionString) и нажмите кнопку «Далее».
22. В следующем также нажмите кнопку «Далее».
23. В окне «Параметров извлечения данных» оставьте все без изменений (Рис.3) и нажмите кнопку «Далее».
Рис. 3.
24. В следующем окне нажмите кнопку «Готово».
25. Выделите на форме источник данных «SqlDataSource1», нажмите стрелку вправо и кнопку «Enter». Курсор окажется под элементом управления «SqlDataSource».
26. Добавьте на форму элемент управления «GridView» (щелкните два раза по данному элементу на «Панели инструментов» либо перетащите мышью элемент управления на форму).
|
|
|
27. Привяжите источник данных «SqlDataSource1» к «GridView». Для этого выделите «GridView» мышью и нажмите на кнопку «>».
28. Выберите источник данных «SqlDataSource1» из выпадающего списка.
29. Поставьте галочки напротив опций «Включить сортировку» и «Включить выбор».
30. Запустите проект на выполнение.
31. Добавьте под элемент «GridView» еще один источник данных «SqlDataSource2».
32. Настройте источник данных аналогично первому источнику. В процессе настройки источника данных в окне «Параметров извлечения данных» нажмите на кнопку «WHERE».
33. В появившемся окне сделайте настройки согласно Рис.4.
34. Нажмите кнопку «Добавить».
35. Нажмите кнопку «ОК.
36. Нажмите кнопку «Дополнительно».
37. Поставьте галочку напротив опции «Создать операторы Insert, Update и Delete».
38. Нажмите кнопку «ОК».
39. Нажмите кнопку «Далее».
40. Нажмите кнопку «Готово».
41. Добавьте на форму под источником данных «SqlDataSource2» элемент управления «DetailsView».
42. Выделите элемент управления «DetailsView» и нажмите на кнопку «>».
43. В появившемся меню выберите источник данных «SqlDataSource2».
Рис. 4.
44. Поставьте галочки напротив опций «Включить вставку», «Включить правку» и «Включить удаление».
45. Запустите проект на выполнение.
Попробуйте выделить какую-либо строку, нажав на кнопку «Выбор». Ниже появится описание выбранной строки. Измените данные в любой ячейке (нажмите кнопу «Правка») и сохраните изменения нажав на кнопку «Обновить». Данные в DetailsView обновляются, а в GridView – нет. Это происходит потому, что в проекте не прописаны обработчики событий для операций Insert, Update и Delete. Давайте пропишем их.
46. Перейдите в «Конструктор» формы.
47. Выделите элемент управления «DetailsView». Нажмите на нем правой кнопкой мыши и в контекстном меню выберите пункт «Свойства». Справа от основного окна отроется окно «Свойств».
48. В окне «Свойств» перейдите на вкладку события (нажмите на иконку с рисунком молнии (Рис.5)).
Рис. 5.
49. Нажмите два раза мышью на событии ItemUpdated. Среда разработки автоматически создаст обработчик для события изменения данных в Базе данных.
50. В коде обработчика события пропишите следующий код:
GridView1.DataBind();
51. Повторите действия пунктов 49-50 для событий ItemDeleted и ItemInserted.
52. Запустите проект на выполнение. Произведите операции Правки, Добавления и Удаления данных в Базе.
Ответьте на вопросы:
1. Для чего, по Вашему мнению, нужен элемент управления «SqlDataSource»?
2. Какую информацию отображает элемент управления «GridView»?
3. Объясните назначение элемента управления «DetailsView». Какие операции можно произвести с данными (в настоящей лабораторной работе) с помощью этого элемента управления?
