Добавлен: 28.03.2023
Просмотров: 331
Скачиваний: 5
<SortedAscendingHeaderStyle BackColor="#506C8C" />
<SortedDescendingCellStyle BackColor="#FFFDF8" />
<SortedDescendingHeaderStyle BackColor="#6F8DAE" />
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource2" runat="server"
ConnectionString="<%$ ConnectionStrings:CatalogueConnectionString %>"
DeleteCommand="DELETE FROM [Goods] WHERE [ProductID] = @ProductID"
InsertCommand="INSERT INTO [Goods] ([Name], [Price], [FirmID]) VALUES (@Name, @Price, @FirmID)"
SelectCommand="SELECT * FROM [Goods] WHERE ([ProductID] = @ProductID)"
UpdateCommand="UPDATE [Goods] SET [Name] = @Name, [Price] = @Price, [FirmID] = @FirmID WHERE [ProductID] = @ProductID">
<DeleteParameters>
<asp:Parameter Name="ProductID" Type="Int32" />
</DeleteParameters>
<InsertParameters>
<asp:Parameter Name="Name" Type="String" />
<asp:Parameter Name="Price" Type="String" />
<asp:Parameter Name="FirmID" Type="String" />
</InsertParameters>
<SelectParameters>
<asp:ControlParameter ControlID="GridView1" Name="ProductID"
PropertyName="SelectedValue" Type="Int32" />
</SelectParameters>
<UpdateParameters>
<asp:Parameter Name="Name" Type="String" />
<asp:Parameter Name="Price" Type="String" />
<asp:Parameter Name="FirmID" Type="String" />
<asp:Parameter Name="ProductID" Type="Int32" />
</UpdateParameters>
</asp:SqlDataSource>
<br />
<asp:DetailsView ID="DetailsView1" runat="server" AutoGenerateRows="False"
CellPadding="4" DataKeyNames="ProductID" DataSourceID="SqlDataSource2"
ForeColor="#333333" GridLines="None" Height="50px"
onitemdeleted="DetailsView1_ItemDeleted"
oniteminserted="DetailsView1_ItemInserted"
onitemupdated="DetailsView1_ItemUpdated" style="margin-left: 15px"
Width="890px">
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<CommandRowStyle BackColor="#E2DED6" Font-Bold="True" />
<EditRowStyle BackColor="#999999" />
<FieldHeaderStyle BackColor="#E9ECF1" Font-Bold="True" />
<Fields>
<asp:BoundField DataField="ProductID" HeaderText="№ п/п" InsertVisible="False"
ReadOnly="True" SortExpression="ProductID" />
<asp:BoundField DataField="Name" HeaderText="Название" SortExpression="Name" />
<asp:BoundField DataField="Price" HeaderText="Цена" SortExpression="Price" />
<asp:BoundField DataField="FirmID" HeaderText="Поставщик"
SortExpression="FirmID" />
<asp:CommandField ButtonType="Button" ShowDeleteButton="True"
ShowEditButton="True" ShowInsertButton="True" />
</Fields>
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
</asp:DetailsView>
<br />
</asp:Content>
2.3 Создание клиентской части
Разрабатываемый программный комплекс выполнен в виде Web-сайта. Поэтому для доступа к системе, клиенту достаточно обычного браузера.
На стороне клиента формируются непосредственно только управляющие команды, в то время как обработка данных ведется целиком на стороне сервера.
Программный комплекс содержит две шаблонную страницу так называемую Главную страницу или MasterPage. [12]
Главные страницы ASP.NET позволяют создавать последовательную структуру страниц в приложении.
Главная страница определяет вид, непосредственно наполнение и стандартное поведение для всех страниц (или группы страниц) приложения. Затем можно создавать отдельные страницы содержимого, включающие содержимое, которое необходимо отобразить. [11]
Когда пользователи запрашивают страницу содержимого, выходная страница представляет собой сочетание структуры главной страницы и содержимого со страницы содержимого.
Главные страницы предоставляют функции, которые ранее были доступны разработчикам путем повторного копирования непосредственно существующего кода, текста и элементов управления, использования наборов фреймов, включаемых файлов для общих элементов, пользовательских элементов управления ASP.NET и т. д. [10]
Что-бы создать главную страницу для этого следует в меню выбрать пункт Проект далее нажать на пункт в меню Добавить новый элемент, в открывшемся диалоговом окне выбрать Master Page (рисунок 3).
Рисунок 1 – Форма добавления новых элементов
Добавление страниц к созданной главной странице происходит практически, так же как и создание главной страницы, только в диалоговом окне Add new item выбирается пункт Web Form using Master Page (рисунок 4). После нажатия кнопки Ok появляется непосредственно диалоговое окно выбора главной страницы (рисунок 5), после выбора создается новая страница, привязанная к главной странице, с уже подписанными CSS стилями. [6]
Рисунок 2 – Выбор существующей главной страницы.
Поля с данными на такие страницы добавляются обычным перетягиванием элементов из ToolBox. [8]
Листинг 3 – Исходный код «Master Page»:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form runat="server">
<div class="page">
<div class="header">
<div class="title">
<h1>
КАТАЛОГ ПРЕДПРИЯТИЙ И ТОВАРОВ
</h1>
</div>
<div class="loginDisplay">
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/About.aspx">Помощь</asp:HyperLink>
</div>
<div class="clear hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Предприятия"/>
<asp:MenuItem NavigateUrl="~/Default2.aspx" Text="Товары"/>
</Items>
</asp:Menu>
</div>
</div>
<div class="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server"/>
</div>
<div class="clear">
</div>
</div>
<div class="footer">
</div>
</form>
</body>
</html>
Рисунок 3 – Форма Maser Page
Шаблон дизайна сайта разрабатывался по схеме представленной ниже.
CSS стили (Cascading Style Sheets) — технология оформления веб-страниц, элемент концепции DHTML. Таблицы (точнее — списки) CSS служат для оформления преимущественно HTML- и XHTML-документов, но иногда используются и для других документов непосредственно, структурированных с помощью XML (например, в браузере «Mozilla» для оформления элементов графического интерфейса, XUL). [9]
CSS используется для задания цветов, шрифтов, расположения и других аспектов представления документа. Основное назначение, для которого технология css была разработана, это разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить непосредственно доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать. [14]
Главная форма содержит непосредственно название приложения, пункты меню для вызова формы товаров и формы предприятий, таблицу с отображением данных о предприятиях и кнопки помощи. На главной панели таблица имеет возможность группировать данные по указанным критериям и сортировать их по любой колонке таблицы.
Рисунок 4 – Главная форма приложения
Формы для работы с данными о предприятии и товарах содержит интерфейс для Добавления/Редактирования/Удаления/Просмотр данных о предприятии или товаре. Определённый режим можно получить непосредственно после нажатия на соответствующую кнопку на главной панели после выбора строки в таблице. [11]
Рисунок 5 – Форма для работы с данными о товарах
Форма «Помощь» необходима непосредственно для помощи пользователю в работе и содержит всю необходимую для этого информацию.
2.4 Руководство для пользователя
Пользователь программного приложения «Каталог предприятий и товаров», имеет возможность управлять данными MS SQL Server в удобном для него виде через WEB интерфейс в любом браузере. Пользователю сначала непосредственно представлена главная панель (рис. 6). Главная форма содержит название приложения, пункты меню для вызова формы товаров и формы предприятий, таблицу с отображением данных о предприятиях и кнопки помощи. На главной панели таблица имеет возможность группировать данные по указанным критериям и сортировать их по любой колонке таблицы. [15]
При вызове формы товара или предприятия, пользователю представлен интерфейс для Добавления/Редактирования/Удаления данных о названии, цене, поставщике или о названии, адресу, телефону и сайту. Данная форма содержит соответствующие списки и кнопки для управления.
Рисунок 6 – Форма для работы с данными о предприятиях.
При вызове формы про службы с информацией о фирмах, пользователю видется интерфейс для Добавления/Редактирования/Удаления/Просмотр информации о компании. Установленный распорядок разрешено заполучить после нажатия в подобающую клавишу в основной панели после подбора компании в таблице. Форма охватывает поля, в каких поэтому размещены составляющие про службы с информацией о компании (рис. 6). [15]
Рисунок 7 – Форма для работы редактирования данных о предприятии
При вызове формы для работы с данными о товарах, пользователю непосредственно представляется интерфейс для Добавления/Редактирования/Удаления/Просмотр данных о товаре. Определённый режим можно получить после нажатия на соответствующую кнопку на главной панели после выбора предприятия в таблице. Форма содержит поля, в которых соответственно расположены компоненты для работы с данными о предприятии. [15]
ЗАКЛЮЧЕНИЕ
Основным результатом курсовой работы является разработка программного комплекса для ведения базы данных товаров и предприятий. В этом был раскрыт порядок работы ASP.Net web-приложения.
Программный комплекс может предоставить доступ к информации о товарах для производителей и потребителей, ускорить поиск требуемой продукции в каталоге и тем самым уменьшить время на подбор требуемого товара, а так же время клиентов и поставщиков.
Каталог предоставляет информацию в виде Web-страницы с возможностью добавления, удаления и редактирования информации.