Eduard Vasiljauskas - Разработка сайта объявлений о продаже транспортных средств и предоставление услуг. На языке программирования C# Эдуардa Василяускасa. - презентация

1 Разработка сайта объявлений о продаже транспортных средств и предоставление услуг. На языке программирования C# Эдуард Василяускас

2 Аналоги сайта ka24: ee Примущество ка 24: -Бесплатная и быстрая регистрация объявления -Удобнее и красивее пользовательский интерфейс -Низкая цена размещения рекламы на сайте.

3 Средства разработки: C# ASP.NET (webforms) HTML / CSS JavaScript XML SQL Visual studio 2010 Sql server Основной используемый язык разработки. -Используемая технология разработки. -Язык разметки и каскадная таблица стилей. -Сриптовый язык, используется для интерактивности сайта. -Язык разметки, используется для упорядочивания данных, которые не хранятся в базе данных. -Язык запросов, используется для управления данными в базе данных. -Основная используемая среда разработки. -Основная используемая система управления базой данных.

4 Постановка задачи Разработка удобного пользовательского интерфейса Создание надёжной, стабильно рабочей программной логики Тестирование логики Сделать сайт доступным для общества (Покупка доменного имени, загрузка на хостинг) Приобретение первой 1000 реальных объявлений о продаже транспорта

5 Диаграмма веб-форм Main.aspx Main.aspx.cs Главная страница Advertisement.aspx Advertisement.aspx.cs Реклама Usedcars.aspx Usedcars.aspx.cs Services.aspx Services.aspx.cs Registration.aspx Registration.aspx.cs RegistrationService.aspx RegistrationService.aspx.cs Списки объявлений регистрация объявления Details.aspx Details.aspx.cs Service.aspx Service.aspx.cs Детальный осмотр объявления AddingPhotos.aspx AddingPhotos.aspx.cs Загрузкa фотографий транспорта + Спомогательные классы, + Модальные диалоговые окна + Ссылки ведущие за пределы сайта

6 XML Данный XML файл содержит список легковых автомобилей. Элемент CAR - автомобильная марка. Элементы MODEL - модели данной марки. MODEL - содержит информацию о возможном типе кузове данной модели, и её название.

7 XML //Пользователь выбирает тип транспорта: XmlNodeList carCollection = _vehicleFeed[typeId].SelectSingleNode("//cars").ChildNodes; //При старте страницы, загружаются xml-структуры всех видов транспорта:

8 XML string xslQuery = "model["; switch (typeId) { case 1: //LightVehicles if (selectedBodie.Contains("1")) xslQuery += or "; if (selectedBodie.Contains("2")) xslQuery += or "; if (selectedBodie.Contains("3")) xslQuery += or "; if (selectedBodie.Contains("4")) xslQuery += or "; if (selectedBodie.Contains("5")) xslQuery += or "; if (selectedBodie.Contains("6")) xslQuery += or "; if (selectedBodie.Contains("7")) xslQuery += or "; if (selectedBodie.Contains("8")) xslQuery += or "; break; case 2: //VanVehicles if (selectedBodie.Contains("1")) xslQuery += or "; if (selectedBodie.Contains("2")) xslQuery += or "; break; return _vehicleFeed[_typeId].SelectNodes("//" + xslQuery); } private static XmlNodeList GetNeededModels(ushort typeId, ushort carId, string selectedBodie) {

9 JqueryUI Button Datepicker Slider Tabs Tooltip Dialog jQuery UI это библиотека на основе jQuery, реализующая более 20 гибких плагинов, предоставляющая продуманную систему оформления и средства для создания собственных плагинов с нуля, или на основе уже существующих. Используемые плагины:

10 JqueryUI – Dialog //При нажатии ссылки надо открыть контейнер - MailView $("span#WriteUs_Lbl").click(function() { var view = $("div#MailView"); view.dialog({ modal: true, width: 600 }); //Контейнер для диалогового окна - всегда на форме, по умолчанию спрятан. // the Html code //Закрыть диалоговое окно, при определённом действии $("span#sendMail_Lbl").click(function() { $("div#MailView").dialog("close"); }) Вся логика создания удобного Диологового окошка в 3 этапа:

11 Вывод - все задачи выполнены XML структура и JueryUI - существенно помогли сделать сайт удобным для пользования. Сайт находится в эксплуатации и готов принимать новых пользователей Логика протестирована и работает стабильно На данный момент на сайте зарегистрировано, чуть меньше 1000-и реальных объявлений Во время работы были получены и применены новые знания.

12 Спасибо за внимание! Вопросы?