Обеспечение взаимодействия Интернет-магазина с базой данных

Цель практического занятия: На предыдущем занятии Интернет-магазин был переведен на технологию ASP.NET, однако для наполнения контента сайта использовались заранее "вбитые" в код данные. Целью данного занятия является рассмотрение возможности подключения Веб-приложения на технологии ASP.NET к базе данных, а также вопросы манипуляции этими данными.

Файлы к практическому занятию Вы можете скачать здесь.

11.1. Динамическая генерация меню

Как уже отмечалось на прошлом занятии, пункты меню могут генерироваться динамически. Это удобно, например, для того, чтобы предоставить пользователям сайта возможность просматривать продукты, сгруппированные по категориям. Для этого, добавим в раздел меню "Продукты" подразделы, соответствующие записям в таблице ProductCategory, а в них добавим подпункты, соответствующие записям в таблице ProductSubcategory. Для того чтобы это сделать, добавим в проект в папку App_Code файл DataSetMenu.xsd. Это можно сделать, выбрав пункт контекстного меню Add New Item, а в открывшемся диалоговом окне элемент DataSet (рис. 11.1).

В результате в проект будет добавлен новый типизированный источник данных DataSetMenu. Чтобы добавить в него таблицы, необходимо открыть в Microsoft Visual Studio окно Server Explorer и установить соединение с базой данных AdventureWorks (рис. 11.2).

После того, как соединение будет установлено, необходимо выбрать таблицы ProductCategory и ProductSubcategory и перетащить их мышкой в окно дизайнера источника данных (рис. 11.3).

После добавления таблиц Visual Studio автоматически создаст ряд классов, среди которых можно выделить следующие:

При этом стоит отметить, что между таблицами было установлено отношение, которое соответсвует внешнему ключу базы данных FK_ProductSubcategory_ProductCategory_ProductCategoryID и позволяет легко получать связанные между собой категории и подкатегории продуктов.

Перейдем в файл, содержащий серверный код мастера страниц ( Master.master.cs ), и доопределим метод Page_Load.

Рассмотрим три разных способа расширения меню разрабатываемого Интернет-магазина. В первом варианте воспользуемся только что созданным типизированным DataSetMenu:

#region Первый вариант (типизированный DataSet)

DataSetMenu dsm = new DataSetMenu();

ProductCategoryTableAdapter pcta = new ProductCategoryTableAdapter();
pcta.Fill(dsm.ProductCategory);

ProductSubcategoryTableAdapter psta = new ProductSubcategoryTableAdapter();
psta.Fill(dsm.ProductSubcategory);

for (int i = 0; i < dsm.ProductCategory.Count; i++)
{
    var nm = new MenuItem(dsm.ProductCategory[i].Name) 
    { NavigateUrl = "~/products/default.aspx?category=" + dsm.ProductCategory[i].ProductCategoryID };
    MainMenu.Items[1].ChildItems.Add(nm);
    var productSubCategoryRows = dsm.ProductCategory[i].GetProductSubcategoryRows();
    for (int j = 0; j < productSubCategoryRows.Count(); j++)
    {
        MainMenu.Items[1].ChildItems[i].ChildItems.Add(new MenuItem(productSubCategoryRows[j].Name) 
        { NavigateUrl = "~/products/default.aspx?category=" + dsm.ProductCategory[i].ProductCategoryID + 
                        "subCategory=" + productSubCategoryRows[j].ProductSubcategoryID });
    }
}

#endregion

Разберем приведенный код. На первом шаге мы создаем экземпляр объекта DataSetMenu. Следующие две строчки создают объект ProductCategoryTableAdapter и вызывают его метод Fill, тем самым скачивая целиком таблицу категорий и помещая записи в одну из таблиц объекта dsm. Далее аналогичные действия выполняются для извлечения данных из таблицы подкатегорий. После этого мы пробегаемся циклом for по таблице dsm.ProductCategory и для каждой записи создаем новый объект MenuItem, свойство текст которого означивается именем текущей категории, а свойство NavigateUrl определяется конкатенацией строк "~/products/default.aspx?category=" и идентификатором текущей категории. Затем созданный пункт меню динамически добавляется в коллекцию подразделов второго пункта меню (пункт "Продукты"). Дальше, при помощи вызова метода GetProductSubcategoryRows() для текущей категории извлекаются все связанные подкатегории. После, в цикле создаются новые разделы меню, которые добавляются в коллекцию дочерних элементов пункта меню, соотвествующего текущей категории.

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

#region Второй вариант (не типизированный DataSet)

DataSet ds = new DataSet();
SqlDataAdapter sda =
    new SqlDataAdapter(new SqlCommand("usp_ProductCategoryList",
                                      new SqlConnection(
                                          "Data Source=localhost;Initial Catalog=AdventureWorks;Integrated Security=True"))
                           {CommandType = CommandType.StoredProcedure});
sda.Fill(ds);

DataRelation dr = new DataRelation("ProductCategoryProductSubCategory",
                                   ds.Tables[0].Columns["ProductCategoryID"],
                                   ds.Tables[1].Columns["ProductCategoryID"]);
ds.Relations.Add(dr);

for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
    var nm = new MenuItem(ds.Tables[0].Rows[i]["Name"].ToString())
                 {
                     NavigateUrl =
                         "~/products/default.aspx?category=" + ds.Tables[0].Rows[i]["ProductCategoryID"]
                 };
    MainMenu.Items[1].ChildItems.Add(nm);
    var productSubCategoryRows = ds.Tables[0].Rows[i].GetChildRows(dr);
    for (int j = 0; j < productSubCategoryRows.Length; j++)
    {
        MainMenu.Items[1].ChildItems[i].ChildItems.Add(
            new MenuItem(productSubCategoryRows[j]["Name"].ToString())
                {
                    NavigateUrl =
                        "~/products/default.aspx?category=" + ds.Tables[0].Rows[i]["ProductCategoryID"] +
                        "subCategory=" + productSubCategoryRows[j]["ProductSubcategoryID"]
                });
    }
}

#endregion

Видно, что этот код идентичен тому, который описан в первом примере. Вместо DataSetMenu используется обычный DataSet , а вместо ProductCategoryTableAdapter и SubproductCategoryTableAdapter используется обычный SqlDataAdapter. В этом примере для извлечения категорий и подкатегорий используется хранимая процедура usp_ProductCategoryList, которая возвращет сразу обе таблицы, но при необходимости можно было бы указать нужный SQL-код для извлечения данных в SqlDataAdapter. Также стоит отметить, что в коллекцию отношений объекта ds добавляется отношение, связывающее обе таблицы, иначе метод ds.Tables[0].Rows[i].GetChildRows(dr) не сможет извлечь подкатегории текущей категории.

Оба приведенных варианта, впрочем, недостаточно хороши. Дело в том, что данный код выполняется относительно долго, так как содержит запрос к базе данных и в то же время будет вызываться каждый раз, когда пользователь будет запрашивать страницу. Чтобы этого избежать, слегка модифицируем код первого вырианта, использовав шаблон проектирования "Одиночка" (Singleton). Для этого в начале класса Master добавим следующий код:

private static object _forLock = new object();

    private static DataSetMenu _menuItems;
    public static DataSetMenu MenuItems
    {
        get
        {
            if (_menuItems == null)
            {
                lock (_forLock)
                {
                    if (_menuItems == null)
                    {
                        _menuItems = new DataSetMenu();

                        ProductCategoryTableAdapter pcta = new ProductCategoryTableAdapter();
                        pcta.Fill(_menuItems.ProductCategory);

                        ProductSubcategoryTableAdapter psta = new ProductSubcategoryTableAdapter();
                        psta.Fill(_menuItems.ProductSubcategory);
                    }
                }
            }
            return _menuItems;
        }
    }

Этот код, реализует весь шаблон проектирования "Одиночка". Создается статическая переменная _menuItems типа DataSetMenu, которая будет заполнена данными лишь один раз, при первом обращении к любой странице нашего сайта. Причем код lock() обеспечит то, что данный объект не будет случайно перезаписан несколько раз, если сразу несколько пользователей одновременно запросят страницу. Так как переменная _menuItems является статической, то она будет сохранять свое значение до тех пор, пока приложение не будет остановлено.

Теперь остается повторить участок кода, создающего разделы меню из первого примера:

#region Третий вариант (быстрый)
DataSetMenu dsm = MenuItems;
for (int i = 0; i < dsm.ProductCategory.Count; i++)
{
    var nm = new MenuItem(dsm.ProductCategory[i].Name) 
             { NavigateUrl = "~/products/default.aspx?category=" + 
                             dsm.ProductCategory[i].ProductCategoryID };
    MainMenu.Items[1].ChildItems.Add(nm);
    var productSubCategoryRows = dsm.ProductCategory[i].GetProductSubcategoryRows();
    for (int j = 0; j < productSubCategoryRows.Count(); j++)
    {
        MainMenu.Items[1].ChildItems[i].ChildItems.Add(new MenuItem(productSubCategoryRows[j].Name) 
            { NavigateUrl = "~/products/default.aspx?category=" + dsm.ProductCategory[i].ProductCategoryID + 
                            "subCategory=" + productSubCategoryRows[j].ProductSubcategoryID });
    }
}

#endregion

Какой бы вариант не был бы выбран, в результате меню будет иметь вид, представленный на рис. 11.4.

11.2. Доработка страницы продуктов с использованием LINQ to SQL

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

Для доступа к данным мы воспользуемся другой технологией, входящей в состав .NET Framework – LINQ to SQL. Эта технология позволяет извлекать данные из БД в виде связанных объектов, которые более привычны разработчику, программирующем на объекто-ориентированных языках программирования, и позволяет использовать язык интегрированных запросов LINQ для манипуляций с этими объектами.

Для того, чтобы добавить отображение таблиц данных в виде LINQ to SQL в проект, необходимо кликнуть правой клавишей мыши по папке App_Data, в контекстном меню выбрать пункт Add New Item. В открывшемся диалоговом окне ненужно выбрать элемент LINQ to SQL Classes (рис. 11.5).

После добавление классов в проект, откроется дизайнер классов (рис. 11.6). Добавим в него таблицы ProductCategory, ProductSubcategory, ProductModel, ProductModelIllustrtions, Product, ProductDescriptions, ProductModelProductDescriptionCulture, ProductPhoto, ProductProductPhoto и Productreview, перетащив их мышкой из окна Server Explorer.

Прежде чем приступить к дальнейшей работе, откроем файл DataClasses.designer.cs и увидим сгенерированный код для классов. Перейдем в класс Product и добавим в него следующий код:

public string FullSize
	{
        get
        {
            return Size + " " + SizeUnitMeasureCode;
        }
	}

Теперь мы определили собственное свойство у объекта product, которое отображает его размер с указанными единицами измерений. Стоит отметить, что это свойство вычислимое, оно не хранится в БД и его нельзя изменить.

Теперь перейдем к странице products/default.aspx и переопределим код левого PlaceHolder' а. прежде всего, добавим в него определение нового источника данных – LinqDataSource. Это можно сделать, набрав код руками, а можно перетащить соответствующий элемент из окна Toolbox и настроить его в специальном мастере. Так или иначе, должен получиться следующий код:

<asp:LinqDataSource ID="LinqDataSource1" runat="server" 
   ContextTypeName="DataClassesDataContext" 
   Select="new (ProductID, Name, ProductNumber, Color, ListPrice, Size, 
   SizeUnitMeasureCode, WeightUnitMeasureCode, Weight, FullSize)" 
   TableName="Product">
</asp:LinqDataSource>

В источнике данных LinqDataSource указано, что необходимо брать объекты типа Products, определенные в DataClassesDataContext, и предоставлять доступ компонентам, которые будут использовать этот источник данных только к тем свойствам, которые указаны в атрибуте Select. Теперь переопределим GridView так, чтобы он использовал новый источник данных:

<asp:GridView ID="GridViewProducts" runat="server" CellPadding="4"
        GridLines="None" CssClass="GridViewProduct"
        AllowSorting="True" AutoGenerateColumns="False"
        AllowPaging="True" DataSourceID="LinqDataSource1" 
		OnSelectedIndexChanged="OnSelectedIndexChanged" >
        <RowStyle CssClass="tr_nechet" />
        <AlternatingRowStyle CssClass="tr_chet" />
        <Columns>
            <asp:CommandField SelectText="Выбор" ShowSelectButton="True" />
            <asp:BoundField DataField="ProductID" HeaderText="ProductID" 
			    ReadOnly="True" 
                SortExpression="ProductID" Visible="False" />
            <asp:BoundField DataField="ProductNumber" HeaderText="Номер продукта" 
                ReadOnly="True" SortExpression="ProductNumber" />
            <asp:BoundField DataField="Name" HeaderText="Название" ReadOnly="True" 
                SortExpression="Name" />
            <asp:BoundField DataField="Color" HeaderText="Цвет" ReadOnly="True" 
                SortExpression="Color" />
            <asp:BoundField DataField="ListPrice" HeaderText="Цена" ReadOnly="True" 
                SortExpression="ListPrice" NullDisplayText="Цена не указана" 
                DataFormatString="{0:F2}"  />
            <asp:BoundField DataField="FullSize" HeaderText="Размер" ReadOnly="True" 
                SortExpression="FullSize" />
            <asp:TemplateField HeaderText="Вес" SortExpression="Weight" >
              <ItemTemplate> 
                <asp:Label ID="Label1" runat="server" 
                    Text='<%# Eval("Weight") + " " + Eval("WeightUnitMeasureCode") %>'>
                    </asp:Label>
               </ItemTemplate>
            </asp:TemplateField>
        </Columns>
        <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
        <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
        <HeaderStyle CssClass="tr_main" />
    </asp:GridView>

Здесь стоит обратить внимание на то, что для GridView установлен источник данных ( DataSourceID="LinqDataSource1" ), разрешены операции сортировки и постраничного вывода ( AllowSorting="True" и AllowPaging="True" ). При этом изменилось и определение колонок – теперь мы можем использовать BoundField, в которых при помощи атрибута DataField указать, какое свойство необходимо отображать. Также, для свойства ListPrice, определяющего цену на товар задан формат вывода ( DataFormatString="{0:F2}" ), который определяет, что строку надо выводить как число с двумя знаками после запятой. Также, для примера, GridView содержит один столбец, использующий TemplateField, который отображает вес товара вместе с единицей измерения веса. Это альтернативный способ добиться отображения сложных полей (для этих же целей мы определили свойство FullSize ).

Теперь необходимо изменить метод Page_Load. В нем нам необходимо ввести ограничения на извлекаемые данные, ограничив категорию и подкатегорию продуктов. Для этого у объектов LinqDataSource есть свойства Where и WhereParameters. При нажатии на определенный пункт меню, происходит переадресация на страницу products/default.aspx, при этом категория и подкатегория передаются через параметры category и subCategory. Прежде всего, необходимо сбросить текущие фильтры, после чего, если определена подкатегория (это можно узнать, проверив содержимое Request.QueryString["subCategory"] ) то достаточно указать свойство Where = "ProductSubcategoryID == @subCategory", а в коллекцию WhereParameters добавить новый параметр "subCategory" со значением, переданным в строке запроса – Request.QueryString["subCategory"]. Если же подкатегория не была указана, но была указана категория, то свойству where необходимо присвоить значение "ProductSubcategory.ProductCategoryID == @category" и задать параметр category в WhereParameters.

Ниже приведен полный код метода Page_Load.

protected void Page_Load(object sender, EventArgs e)
{
        GridViewProducts.DataKeyNames = new string[]
                                            {
                                                "ProductID"
                                            };
        
        LinqDataSource1.Where = "";
        LinqDataSource1.WhereParameters.Clear();
        if (!string.IsNullOrEmpty(Request.QueryString["subCategory"]))
        {
            LinqDataSource1.Where = "ProductSubcategoryID == @subCategory";
            LinqDataSource1.WhereParameters.Add("subCategory", DbType.Int32, Request.QueryString["subCategory"]);
        }
        else
        {
            if (!string.IsNullOrEmpty(Request.QueryString["category"]))
            {
                LinqDataSource1.Where = "ProductSubcategory.ProductCategoryID == @category";
                LinqDataSource1.WhereParameters.Add("category", DbType.Int32, Request.QueryString["category"]);
            }
        }
}

На рис. 11.7 представлен вид страницы продуктов при выбранном пункте меню "Mountain Bikes".