Създайте уебсайт с Asp.Net и Monodevelop в Linux

Освен за разработване на уеб в Windows имаме Visual Studio .Net и IIS сървъра, в Linux можем да използваме Monodevelop и Apache сървъра с XSP модула.

ASP.NET с Apache


Модулът mod_mono Apache използвани за стартиране на приложения ASP.NET на уеб сървъра на Apache.
Модулът mod_mono работи вътре в Apache процес и предава всички заявки от ASP.NET приложения към външен моно процес, който хоства ASP.NET приложения.

Ще инсталираме Monodevelop на Linux

 sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF ехо "deb http://download.mono-project.com/repo/debian wheezy main" | sudo tee /etc/apt/sources.list.d/mono-xamarin.list sudo apt-get update 

Ще инсталираме сървъра за тестване на XSP 4 на Linux

 sudo apt-get install mono-xsp4-base
Какво е XPS?XSP е сървър, който да се използва в тестовете за разработка, ако искаме да имаме сървър или уеб приложение, работещо професионално, по -добре е да използваме Apache и mod_mono, като по този начин ще постигнем мащабируемостта и сигурността, които Apache предоставя.
След това отваряме MonoDevelop и ние избираме Нов проект (На страницата за добре дошли или в менюто Файл), за да отворите диалоговия прозорец Ново решение. В списъка с типове проекти вляво разгънете категорията C # и изберете опцията ASP.NET.

Присвояваме име на примерния проект на Aspnet и избираме директория, където да се запише проектът.
Когато започнем, ще видим, че файловете по подразбиране се генерират в проектите, те са:
  • Default.aspx която ще бъде началната страница.
  • Global.asax който ще бъде файлът с глобални настройки на c # кода за функционалността на уебсайта.
  • Web.config Това е xml файл със собствените настройки на уебсайта.

Структурата на мрежата


Ние ще дефинираме структурата на уебсайт, където ще имаме нужда да повтаряме някои части от страницата на сайта, като заглавието, менюто и за да не повтаряме този код във всички страници, можем да създадем главна страница и го посочете в другите страници.

Главните страници на ASP.net имат разширение на файла .майстор и в секторите, където искаме мрежата да бъде динамична или да променя съдържанието, използваме обект, наречен ContentPlaceHolder, в структурата на страниците можем да използваме html или html5, css и js.
Ще създадем главната страница или главната страница, за това ще направим Файл> Уеб форми на ASP.NET> главна страница с Codebihind, ще й се обадим начало.майстор
Вътре в home.master пишем html структурата на мрежата
 Моят уеб ASP.netМоят уеб ASP.net Демо
Сега създаваме css файла, който ще се нарича styles.css и ще го поставим в същата папка на проекта.
 body {фон: # f8f8f8; марж: 0; подложка: 0; размер на шрифта: 11px; височина на линията: 16px; font-family: Arial, Tahoma;} a {color: # 333333;} a: hover {text-decoration: none;} #head {background: # 258dc8 repeat-x; box-shadow: 0 0 20px # f2f2f2 вмъкване; височина: 100px; } #лого {ширина: 780px; марж: 0; подложка: 8px; } #лого a {цвят: #FFFFFF; декорация на текст: няма; тегло на шрифта: удебелен; височина: 12px; размер на шрифта: 20px; преобразуване на текст: главни букви;} #лого a: hover {} #menu {background: #666666; width: 1000px; margin-top: 33px; padding: 0px; display: inline-block;} #menu ul {background: blue ; ширина: 780px; марж: 0 автоматично; margin-top: 3px; list-style: none; подложка: 0; text-align: left;} #menu ul li {display: inline} #menu ul a {display: block; поплавък: ляво; тегло на шрифта: удебелен; размер на шрифта: 13px; декорация на текст: няма; цвят: #fff; подложка: 8px 10px; ширина: 118px; подравняване на текст: център; преобразуване на текст: главни букви;} #menu ul a: hover {color: #232323;} #menu ul a.active {color: #232323;} #menu ul a.active: hover {color: #232323;} #container {ширина: 1000px; марж: 0 автоматично;} #body {ширина: 100%; марж: 0px; float: вляво;} # largeimage {височина: 150px; без повторение # fe5d00; подложка: 30px 0 30px 50px; line-height: 24px;} #content {float: left; фон: #ffffff repeat-x; марж: 0px; ширина: 750px; цвят: # 6f6e6e; подложка: 10px; } #column {float: left; background-color: #cccccc; бордюр: 1px твърд # e3e3e3; рамка-радиус: 4px; box-shadow: 0 0 20px # f2f2f2 вмъкване; repeat-x; марж: 0px; ширина: 200px; цвят: # 6f6e6e; подложка: 10px; } #pie {фон: # 333333; repeat-x; височина: 40px; margin-top: 20px; ясно: и двете;} След това във файла home.master ще добавим менюто ASP.NET
Този контрол на менюто ни позволява да присвояваме различни свойства като ориентация, размер, цвят на фона, той може да бъде проектиран визуално във Visual Studio.net в Monodevelop, за нас е удобно да го обработваме от CSS. Трябва също така да дефинираме областите на съдържанието или блоковете за колоната и уеб съдържанието с контролата ContentPlaceHolder
За колоната кодът ще бъде следният:
За съдържанието кодът ще бъде следният:
За крака ще дефинираме стъпаловидния блок и кодът ще бъде следният:
След това трябва да посочим коя ще бъде началната мрежа за показване, която ще бъде свързана с главната страница, във файла Default.aspx Изтриваме съдържанието по подразбиране и пишем следния код:
 
Тук ние посочваме коя е главната страница, който е файлът, където е кодът на страницата, която ще покажем и коя е страницата в този случай по подразбиране.
Ние също така се позоваваме на динамичните зони, за да добавим съдържание към него. Колоната за идентификатор може да бъде всяко име за идентифициране на това конкретно съдържание:

Раздели

  • Продажби
  • Нови коли
  • Употребявани автомобили
Потърсете:
Блокът със съдържание присвояваме изображение:
  
Трябва също да посочим коя е началната страница чрез събитието за зареждане във файла Default.aspx.cs, ние пишем събитието за зареждане
 публичен частичен клас По подразбиране: System.Web.UI.Page {protected void Page_Load (изпращач на обект, EventArgs e) {}} 
Нека да видим как изглежда мрежата в Monodevelop fon F5 или от менюто Run

Добавяме страницата Услуги, ще го направим Файлове> Нов файл> ASP.Net уеб форми и избираме опцията Формуляр за съдържание с Codebihind и ще ни покаже диалогов прозорец за избор на главната страница, към която ще се свърже в този случай Home.master

Отворете файла Services.aspx и добавяме следния код:

Услуги

  • Автомобилни аксесоари
  • Двигатели и кормилно управление
  • Ламарина и боя
  • Автомобилна електроника
Потърсете:

Ние сме компания, посветена на ремонта и поддръжката на автомобилни климатици и предоставяме широк спектър от услуги за вашия автомобил

Изпълняваме отново, за да компилираме промените и ще видим, че натискането на менюто Services променя съдържанието на колоната и блока със съдържание:

Накрая определяме структурата на страницата за контакти. Добавяме страницата за контакти, ще го направим Файлове> Нов файл> ASP.Net уеб форми и ние избираме опцията Форма за съдържание с Codebihind и тя ще ни покаже диалогов прозорец за избор на главната страница, към която ще се свърже в този случай Home.master
Отваряме файла Contact.aspx и добавяме следния код:
 

Контакт

Телефон XXXXXXXX
Обществено вниманиеот понеделник до петък
09:00 до 17:00 часа
Електронна поща [email protected]
Име:
Електронна поща:
Съобщение:
Изпълняваме отново, за да компилираме мрежата и да я покажем в браузъра си и да отидем в менюто Контакт, резултатът ще бъде следният:

Така виждаме как динамичните колони са променили съдържанието, но менюто и заглавката никога не са се променяли и винаги сме ги използвали повторно, без да ги пренаписваме. Досега видяхме как да създадете главна страница с c # и MonodevelopМожем също така да създадем мрежа с динамични данни с Mysql или SqlServer, за да тестваме мрежата на истински сървър, имаме нужда от сървър, който поддържа asp.net, има няколко безплатни, качваме мрежата чрез ftp и качваме всички файлове на проекта.
wave wave wave wave wave