Автор работы: Пользователь скрыл имя, 05 Февраля 2014 в 19:13, дипломная работа
С распространением сети Интернет возникли «электронные магазины» торгующие самыми различными товарами. По сравнению с обычными магазинами они имеют множество преимуществ, которые способствуют росту доходов в этой сфере торговли.
Целью данного дипломного проекта является рассмотрение принципов и методов публикации БД в Интернет и разработка модели базы данных «Книжный Интернет-магазин», а также реализация информационной системы в виде Web-приложения в архитектуре «клиент-сервер».
Рисунок 3.4. Добавление подключения
Если при проверке подключения не было обнаружено никаких ошибок, то выйдет окно о выполнении проверки подключения, которое показано на рисунке 3.5.
Рисунок 3.5. Сообщение о выполнении подключения.
После проверки подключение задаем имя соединению строки booksConnectionString5 и сохраняем строку соединения в файле конфигурации приложение. Хранение строк подключения в файле конфигурации приложения упрощает обслуживание и развертывание. Хранение строк соединения показано на рисунке 3.6.
Рисунок 3.6. Сохранение строки соединения в файле конфигурации приложения
Далее выходит окно настройки источника данных – настройка оператора Select. Сначала выбираем ту таблицу, которую будем опубликовывать. Указываем столбцы из таблицы или представления для того, чтобы отобразить на странице. По рисунку 3.7 выбираем таблицу Categories, а в ней столбец для отображения названий категорий - name_cat.
Рисунок 3.7. Настройка оператора Select
3.2.2 Отображение данных в визуальных объектах (контролах)
Рассматривая далее
свойства SqlDataSource, отметим, что он может
работать с командами Insert, Delete, Update и
Select, то есть - этот элемент для
Сформируем для свойства SelectQuery (используя Command and Parameter Editor или записав его в окне свойства) SQL оператор:
SELECT [name_cat]* FROM [categories]
Далее обратимся к задачам Gried View. В пункте автоформат таблицы (рисунок 3.8) выбираем схему отображения таблицы «Профессиональный».
Рисунок 3.8. Автоформат таблиц
После выбора источника данных в окне (Рис.5.) отобразится окно Gried View Tasks, в котором целесообразно поставить галочку в чекбоксах: Включить сортировку и Включить выбор. Эти и другие свойства можно задать и в окне Properties (рисунок 3.9).
Рисунок 3.9. Изменение отдельных свойств контрола GriedView
Воспользовавшись свойством Columns можно оставить столько столбцов для отображения, сколько требуется, а свойство Page Size определит число отображаемых на странице строк. Сотни свойств GriedView каждый может отредактировать по своему желанию. Нажимаем F5 и получаем результат, который показан на рисунке 3.10.
Рисунок 3.10. Выполнение решения сайта
Публикация таблиц на Web-страницу (фрагмент программного модуля).
Фрагмент программного модуля WebForm2.aspx публикации таблиц Categories (категории книг) и Publishers (публикации книг) показан ниже.
<p>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource1" AllowSorting="True" CellPadding="4"
ForeColor="#333333" GridLines="None" Width="288px">
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<Columns>
<asp:CommandField ShowSelectButton="True" />
<asp:BoundField DataField="name_cat" HeaderText="Категории книг"
SortExpression="name_cat" />
</Columns>
<EditRowStyle BackColor="#999999" />
<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" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#E9E7E2" />
<SortedAscendingHeaderStyle BackColor="#506C8C" />
<SortedDescendingCellStyle BackColor="#FFFDF8" />
<SortedDescendingHeaderStyle BackColor="#6F8DAE" />
</asp:GridView>
<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource2" AllowSorting="True" CellPadding="4"
ForeColor="#333333" GridLines="None" Width="288px">
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<Columns>
<asp:CommandField ShowSelectButton="True" SortExpression="name_publ" />
<asp:BoundField DataField="name_publ" HeaderText="Публикации книг"
SortExpression="name_publ" />
</Columns>
<EditRowStyle BackColor="#999999" />
<EmptyDataTemplate>
nm,<br />
</EmptyDataTemplate>
<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" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#E9E7E2" />
<SortedAscendingHeaderStyle BackColor="#506C8C" />
<SortedDescendingCellStyle BackColor="#FFFDF8" />
<SortedDescendingHeaderStyle BackColor="#6F8DAE" />
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource2" runat="server"
ConnectionString="<%$ ConnectionStrings:
SelectCommand="SELECT [name_publ] FROM [publishers]"
ProviderName="System.Data.
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString=" <%$ ConnectionStrings:
SelectCommand="SELECT [name_cat] FROM [categories]"
ProviderName="<%$ ConnectionStrings:
</p>
3.3 Разработка клиентского приложения
Параллельно увеличению влияния Интернета на все сферы человеческой деятельности появилась и быстро развивается электронная коммерция. В Интернете открываются все новые и новые электронные магазины, благодаря которым Вы можете покупать товары в разных странах мира, не вставая из-за своего рабочего стола. Главная страница книжного интернет магазина показана на рисунке 3.11.
Рисунок 3.11. Главная страница сайта
Каждый покупатель перед оформлением заказа должен зарегистрироваться на сайте или авторизоваться, если уже ранее был зарегистрирован. Регистрация покупателя показана на рисунке 3.12.
Рисунок 3.12. Регистрация покупателей
Здесь после регистрации в качестве покупателя Вы можете просмотреть список книг и другого товара. На рисунке 3.13 показан каталог книг, по которому можно выбрать необходимые книги.
Рисунок 3.13. Каталог книг
Далее, выбрав из каталога книги по категории книг, в данном случае «Компьютерная литература», выводятся все книги этой категории. Список книг показан на рисунке 3.14.
Рисунок 3.14. Книги категории «Компьютерная литература»
С помощью ссылки Выбор книга может быть добавлена в Вашу персональную корзину покупателя – это пункт меню «Корзина», которая показана на рисунке 3.15. Здесь Вы можете отредактировать заказ, изменив количество заказанных экземпляров книг, или удалить книгу из корзины, выбрав книгу и нажав кнопу Удалить книгу из корзины.
Рисунок 3.15. Персональная корзина покупателя
После того, как отредактировали содержимое корзины в пункте меню «Корзина» оформляем заказ, нажав на кнопку Оформить заказ. В пункте меню «Заказ»(рисунок 3.16) высчитываем общую цену заказанных книг и отправляем заказ администратору.
Рисунок 3.16. Отправление заказа
При создании собственного электронного магазина Вам надо решить множество вопросов. Вот некоторые из них: