Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Порядок выполнения лабораторной работы
1.Использование элемента GridView (DataGrid).
1. В следующем ниже примере в качестве источника данных используется база данных в формате MS ACCESS, содержащая таблицу lesson с полями:
o id (тип - счетчик)
o Title (тип - текст)
o Teacher (тип - текст)
o Type (тип - текст)
Создайте файл в формате MS ACCESS, содержащий эту таблицу.
2. Создайте новый проект по шаблону ASP.NET Web Application.
3. Для страницы Default.aspx выберите режим отображения Split
4. Из панели элементов управления Toolbox (отображается с помощью меню View > Toolbox) перетащите в форму элемент GridView (из группы Data).
5. Для элемента GridView настройте источник данных (Choose Data Source, Configure Data Source) и форматирование (можно выбрать один из шаблонов автоформатирования – Auto Format).
Автоматически сгенерированный код представления (файл Default.aspx) может выглядеть следующим образом:
6.<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"
7. Inherits="ASPNETGView2._Default" %>
8.
9.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
10. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
11.
12. <html xmlns="http://www.w3.org/1999/xhtml" >
13. <head runat="server">
14. <title>Untitled Page</title>
15. </head>
16. <body>
17. <form id="form1" runat="server">
18. <div>
19.
20. <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
21. BackColor="White" BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px"
22. CellPadding="3" DataKeyNames="id" DataSourceID="AccessDataSource1"
23. GridLines="Horizontal">
24. <FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" />
25. <RowStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" />
26. <Columns>
27. <asp:BoundField DataField="id" HeaderText="id" InsertVisible="False"
28. ReadOnly="True" SortExpression="id" />
29. <asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />
30. <asp:BoundField DataField="Teacher" HeaderText="Teacher"
31. SortExpression="Teacher" />
32. <asp:BoundField DataField="Type" HeaderText="Type" SortExpression="Type" />
33. </Columns>
34. <PagerStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" HorizontalAlign="Right" />
35. <SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />
36. <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" />
37. <AlternatingRowStyle BackColor="#F7F7F7" />
38. </asp:GridView>
39. <asp:AccessDataSource ID="AccessDataSource1" runat="server"
40. DataFile="D:\CSharp\ASPNETDataGrid\lessons.mdb"
41. SelectCommand="SELECT * FROM [lesson]"></asp:AccessDataSource>
42.
43. </div>
44. </form>
45. </body>
</html>
В данном примере использован элемент управления <asp:DataGrid>, имеющий идентификатор "GridView1".
46. Если источник данных не настроен автоматически (при описании кода представления):
47. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
48. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
49.
50. <html xmlns="http://www.w3.org/1999/xhtml" >
51. <head runat="server">
52. <title>Untitled Page</title>
53. </head>
54. <body>
55. <form id="form1" runat="server">
56. <div>
57.
58. <asp:DataGrid ID="GridView1" runat="server" BackColor="White"
59. BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3"
60. CellSpacing="1" GridLines="None" >
61.
62. <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
63. <SelectedItemStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
64. <PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
65. <ItemStyle BackColor="#DEDFDE" ForeColor="Black" />
66. <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
67.
68. </asp:DataGrid>
69.
70. </div>
71. </form>
72. </body>
</html>
то это можно сделать программно в соответствующем программном коде, например:
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.OleDb;
namespace ASPNETDataGrid
{
public partial class _Default: System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
// Подключение к источнику данных
OleDbConnection cn = new OleDbConnection();
cn.ConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;"
+ @"data source = D:\From-Nb-D\Work\method\CSharp\ASPNETDataGrid\Lessons.mdb";
cn.Open();
// Формируется строка SQL запроса данных из источника
string str = "SELECT * from lesson";
// Происходит соединение с базой данных
// с помощью управляемого провайдера OLE DB
OleDbDataAdapter dAdapt = new OleDbDataAdapter(str, cn);
// Получение данных из источника
DataSet myDS = new DataSet("lessons");
dAdapt.Fill(myDS, "lesson");
// Заполнение таблицы данными
GridView1.DataSource = myDS.Tables["lesson"].DefaultView;
GridView1.DataBind();
cn.Close();
}
}
}
}
Пример 19.1.
Следует обратить внимание на то, что в программе добавлено пространство имен:
using System.Data.OleDb;
Свойство объекта Page - IsPostBack показывает, была ли страница клиента загружена в первый раз или повторно в ответ на переданные клиентом данные.
Результат выполнения выглядит следующим образом:
2. Использование элемента DataList.
1. В следующем ниже примере в качестве источника данных используется база данных в формате MS ACCESS, содержащая таблицу lesson (как в предыдущем примере).
2. Создайте новый проект по шаблону ASP.NET Web Application.
3. Для страницы Default.aspx выберите режим отображения Split
4. Из панели элементов управления Toolbox (отображается с помощью меню View > Toolbox) перетащите в форму элемент DataList (из группы Data).
5. Для элемента DataList настройте источник данных (Choose Data Source, Configure Data Source) и форматирование (можно выбрать один из шаблонов автоформатирования – Auto Format).
6. Получится следующий код представления:
7.<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"
8. Inherits="ASPNETGView2._Default" %>
9.
10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
11. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
12.
13. <html xmlns="http://www.w3.org/1999/xhtml" >
14. <head runat="server">
15. <title>Untitled Page</title>
16. </head>
17. <body>
18. <form id="form1" runat="server">
19. <div>
20.
21. <asp:DataList ID="DataList1" runat="server" BackColor="White"
22. BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" CellPadding="3"
23. DataKeyField="id" DataMember="DefaultView" DataSourceID="AccessDataSource1"
24. ForeColor="Black" GridLines="Vertical" style="margin-right: 0px" Width="262px" >
25. <FooterStyle BackColor="#CCCCCC" />
26. <AlternatingItemStyle BackColor="#CCCCCC" />
27. <SelectedItemStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
28. <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
29. <ItemTemplate>
30. id:
31. <asp:Label ID="idLabel" runat="server" Text='<%# Eval("id") %>' />
32. <br />
33. Title:
34. <asp:Label ID="TitleLabel" runat="server" Text='<%# Eval("Title") %>' />
35. <br />
36. Teacher:
37. <asp:Label ID="TeacherLabel" runat="server" Text='<%# Eval("Teacher") %>' />
38. <br />
39. Type:
40. <asp:Label ID="TypeLabel" runat="server" Text='<%# Eval("Type") %>' />
41. <br />
42. </ItemTemplate>
43. </asp:DataList>
44.
45. <asp:AccessDataSource ID="AccessDataSource1" runat="server"
46. DataFile="D:\CSharp\ASPNETDataGrid\lessons.mdb"
47. SelectCommand="SELECT * FROM [lesson]">
48. </asp:AccessDataSource>
49.
50.
51. </div>
52. </form>
53. </body>
</html>
Результат работы в браузере:
54. Альтернативный вариант – использование метода GetDataItem объекта DataBinder для заполнения элементов вместо <asp:Label>.
Ниже представлен соответствующий код представления:
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="ASPNETDataGrid._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head2" runat="server">
<title>Lessons</title>
</head>
<body>
<form id="form2" runat="server">
<div>
<h1>Lessons</h1>
</div>
<asp:DataList ID="DataList1" runat="server" BackColor="White"
BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3"
CellSpacing="1">
<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
<ItemStyle BackColor="#DEDFDE" ForeColor="Black" />
<SelectedItemStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
<ItemTemplate>
<%# DataBinder.GetDataItem(Container)%>
</ItemTemplate>
</asp:DataList>
</form>
</body>
</html>
Программный код:
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
namespace ASPNETDataGrid
{
public partial class _Default: System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
ArrayList DWeek = new ArrayList();
DWeek.Add("Sunday");
DWeek.Add("Monday");
DWeek.Add("Tuesday");
DWeek.Add("Wednesday");
DWeek.Add("Thursday");
DWeek.Add("Friday");
DWeek.Add("Saturday");
DataList1.DataSource = DWeek;
DataList1.DataBind();
}
}
}
}
Результат, отображаемый в веб-браузере:
3. Использование элемента ListBox (с заполнением данными из обычного массива).
1. Создайте новый проект по шаблону ASP.NET Web Application.
2. Для страницы Default.aspx выберите режим отображения Split
3. Из панели элементов управления Toolbox (отображается с помощью меню View > Toolbox) перетащите в форму элемент ListBox (из группы Data).
4. Получится следующий код представления:
5.<%@ Page Language="C#" AutoEventWireup="true"
6. CodeBehind="Default.aspx.cs" Inherits="ASPNETListBox._Default" %>
7.
8.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
9. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
10.
11. <html xmlns="http://www.w3.org/1999/xhtml" >
12. <head runat="server">
13. <title>Untitled Page</title>
14. </head>
15. <body>
16.
17. <form id="Form1" runat="server">
18.
19. <asp:ListBox ID="ListBox1" runat="server"></asp:ListBox>
20.
21. </form>
22. </body>
</html>
и соответствующий программный код:
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
namespace ASPNETListBox
{
public partial class _Default: System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
// Массив строк, который нужно вставить
ArrayList DWeek = new ArrayList();
DWeek.Add("Sunday");
DWeek.Add("Monday");
DWeek.Add("Tuesday");
DWeek.Add("Wednesday");
DWeek.Add("Thursday");
DWeek.Add("Friday");
DWeek.Add("Saturday");
// Связывание элемента управления с объектом DWeek
ListBox1.DataSource = DWeek;
ListBox1.DataBind();
}
}
}
Результат выполнения:
Задание на лабораторную работу:
Создайте веб-приложение ASP.NET, отображающее на веб-странице содержимое таблиц с полями:
Вариант
1. Строительная компания: Таблица (персонал), (Строительная техника), (строй материал), (Строительные объекты), (Продажа).
Поля (Персонал(Фамилия, Имя, Отчество, Возраст, Должность), Техника (…), материалы(...), Строй объекты(Высотные дома(Этажный), Коттеджи, Супермаркеты), Продажа(1ком квартиры, 2комнатные, …)).
2. Машиностроительная компания: Таблица (персонал), (Виды автомобилей), (Запчасти), (Марки автомобилей), (Продажа, Сервис центры).
Поля (Персонал(Фамилия, Имя, Отчество, Возраст, Должность), Виды автомобилей(…), Запчасти(...), Марки автомобилей(Легковые(ВАЗ 2101), Грузовые (Камаз 5503)...), Продажа(Одесса, Киев..).
3. Деканат: Таблица (Человек(ФИО, возраст, пол, дата поступления на работу/учёбу))(Студент), (Преподаватель), (Экзамен), (Дисциплина), (Оценка)
Поля (Студент(Фамилия, Имя, Отчество, Возраст), преподаватель (ФИО, Должность, Дисциплина), оценки,)
4. Химчистка. 11. Компьютерный магазин
5. Аптека. 12. Приемная комиссия ВУЗА
6. Банк. 13. Ресторан
7. Секс-шоп 14. Развлекательный центр
8. Телефонная компания 15. Супермаркет
9. Рекламное агентство 16. База отдыха
10. Система тестирования 17.Агенство недвижимости
18. Фабрика по производству мебели
19. Фабрика по производству соков
20. Автозавод
21. Металлургический завод
22. Химический завод
23. Завод по производству удобрений
24. Припортовый завод
25. Судостроительный завод
26. Телефонная компания.
27. Автосалон
При разработке используйте элемент <asp:GridView> или <asp:DataList>.
Date: 2016-07-05; view: 347; Нарушение авторских прав; Помощь в написании работы --> СЮДА... |