Создать сайт с Asp.Net и Monodevelop на Linux

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

ASP.NET с Apache

Модуль Apache mod_mono используется для запуска приложений ASP.NET на веб-сервере Apache.
Модуль mod_mono работает внутри процесса Apache и передает все запросы из приложений ASP.NET внешнему процессу Mono, в котором размещаются приложения ASP.NET.

Мы установим Monodevelop на Linux

 sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF echo "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 установить mono-xsp4-base 

Что такое XPS?

XSP - это сервер для использования в тестах разработки. Если мы хотим, чтобы сервер или веб-приложение работали профессионально, лучше использовать Apache и mod_mono, поэтому мы получим масштабируемость и безопасность, которые обеспечивает Apache.
Затем мы открываем MonoDevelop и выбираем Новый проект (на странице приветствия или в меню Файл), чтобы открыть диалоговое окно « Новое решение ». В списке типов проектов слева разверните категорию C # и выберите параметр ASP.NET.

Мы присваиваем имя для примера проекта Aspnet и выбираем каталог для сохранения проекта.
Когда мы начнем, мы увидим, что он генерирует файлы по умолчанию в проектах, они:

• Default.aspx, который будет домашней страницей.
• Global.asax, который будет файлом с глобальными конфигурациями кода c # для функциональности веб-сайта.
• Web.config - это XML-файл с настройками вашего сайта.

Веб-структура

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

Главные страницы в ASP.net имеют в качестве расширения файл .master, а в тех секторах, где мы хотим, чтобы сеть была динамичной, или для изменения содержимого мы используем объект с именем ContentPlaceHolder, в структуре страниц мы можем использовать html или html5, css и js.,
Мы создадим главную страницу или главную страницу, для этого перейдем в File> ASP.NET Webforms> master page с Codebihind, мы назовем ее home.master
Внутри home.master мы пишем HTML-структуру сети

 Моя сеть ASP.net
My Web ASP.net Демо
Теперь мы создадим файл css с именем styles.css и поместим его в ту же папку проекта. 
 body {background: # f8f8f8; поле: 0; отступы: 0; размер шрифта: 11 пикселей; высота строки: 16 пикселей; семейство шрифтов: Arial, Tahoma;} a {color: # 333333;} a: hover {text-decor: none;} #cabecera {background: # 258dc8 repeat-x; тень от рамки: 0 0 20px # f2f2f2 вставка; высота: 100 пикселей; } #logo {width: 780px; поле: 0; обивка: 8px; } #logo a {color: #FFFFFF; текстовое оформление: нет; вес шрифта: полужирный; высота: 12 пикселей; размер шрифта: 20 пикселей; text-transform: uppercase;} #logo a: hover {} #menu {background: # 666666; ширина: 1000px; margin-top: 33px; отступ: 0px; отображение: встроенный блок;} #menu ul {background: blue ширина: 780 пикселей; маржа: 0 авто; margin-top: 3px; стиль списка: нет; отступы: 0; выравнивание текста: слева;} # меню ul li {display: inline} # меню ul a {display: block; плавать: слева; вес шрифта: полужирный; размер шрифта: 13 пикселей; текстовое оформление: нет; цвет: #fff; обивка: 8px 10px; ширина: 118 пикселей; выравнивание текста: по центру; преобразование текста: верхний регистр;} # меню ul a: hover {color: # 232323;} # меню ul a.active {color: # 232323;} # меню ul a.active: hover {color: # 232323;} #container {ширина: 1000 пикселей; margin: 0 auto;} #body {width: 100%; поле: 0px; float: left;} #imagengrande {height: 150px; без повтора # fe5d00; отступы: 30px 0 30px 50px; высота строки: 24px;} #content {float: left; background: #ffffff repeat-x; поле: 0px; ширина: 750 пикселей; цвет: # 6f6e6e; отступы: 10 пикселей; } #column {float: left; цвет фона: #cccccc; граница: 1px solid # e3e3e3; радиус границы: 4 пикселя; тень от рамки: 0 0 20px # f2f2f2 вставка; повторить-х; поле: 0px; ширина: 200 пикселей; цвет: # 6f6e6e; отступы: 10 пикселей; } #pie {background: # 333333; повторить-х; высота: 40 пикселей; маржинальная вершина: 20 пикселей; clear: both;} Далее в файле home.master мы добавим меню ASP.NET
 Этот элемент управления Menu позволяет нам назначать различные свойства, такие как ориентация, размер, цвет фона, он может быть визуально разработан в Visual Studio.net в Monodevelop, мы должны обрабатывать его из CSS. Мы также должны определить области содержимого или блоки для столбца и веб-содержимого с помощью элемента управления ContentPlaceHolder. 
Для столбца код будет следующим: 
 Для содержания код будет следующим: 
 Для ноги мы определим блок ноги, и код будет следующим: 
 Далее мы должны указать, какой будет начальный веб-сайт, чтобы показать, что он будет связан с главной страницей, в файле Default.aspx мы удаляем содержимое по умолчанию и пишем следующий код: 
 Здесь мы указываем, какая главная страница является файлом, где находится код страницы, которую мы собираемся показать, и какая страница в этом случае используется по умолчанию. 
Мы также ссылаемся на динамические зоны для добавления контента. Идентификатор столбца может быть любым именем для идентификации этого конкретного содержимого: 
$config[ads_text5] not found
разделы 
продаж
Новые автомобили
Подержанные автомобили
Поиск: 
 Контентному блоку присваивается изображение: 
 Мы также должны указать, какая домашняя страница через событие загрузки в файле Default.aspx.cs, мы записываем событие загрузки 
 открытый частичный класс По умолчанию: System.Web.UI.Page {protected void Page_Load (отправитель объекта, EventArgs e) {}} 
 Давайте посмотрим, как выглядит веб в Monodevelop Fon F5 или из меню Run 

Мы добавляем страницу «Службы», идем в « Файлы»> «Новый файл»> « Веб-формы ASP.Net» и выбираем опцию « Форма контента» с помощью Codebihind,  и это покажет нам диалоговое окно для выбора главной страницы, на которую в этом случае будет ссылаться Home.master. 

Откройте файл Servicios.aspx и добавьте следующий код: 
услуги 
Автомобильные аксессуары
Моторс и Рулевое управление
Листового металла и краски
Автомобильная электроника
Поиск:
УСЛУГИ 
Мы являемся компанией, занимающейся ремонтом и обслуживанием автомобильных кондиционеров, и предлагаем широкий спектр услуг для вашего автомобиля.
 Мы выполняем снова, чтобы скомпилировать изменения, и мы увидим, что нажатие на меню «Службы» изменяет содержимое столбца и блока содержимого: 
$config[ads_text6] not found

Наконец, мы определяем структуру страницы контактов. Мы добавляем страницу «Контакт», переходим в « Файлы»> «Новый файл»> « Веб-формы ASP.Net» и выбираем опцию «Форма контента» с Codebihind, и на экране появляется диалоговое окно для выбора главной страницы, на которую в этом случае будет ссылаться Home.master. 
Откройте файл Contact.aspx и добавьте следующий код: 
контакт 
Номер телефона
XXXXXXXX
Обслуживание клиентов
С понедельника по пятницу 
С 09:00 до 17:00
по электронной почте
CONTACT 
название:
электронная почта:
сообщение:
 Мы снова запускаем компиляцию сети, и она отображается в нашем браузере и переходим в меню « Контакты», результат будет следующим: 
$config[ads_text5] not found

Таким образом, мы видим, как динамические столбцы меняют содержимое, но меню и заголовок никогда не менялись, и мы всегда использовали их повторно, не переписывая их. До сих пор мы видели, как создать мастер-страницу с помощью c # и Monodevelop, мы также можем создать веб-сайт с динамическими данными с помощью Mysql или SqlServer, для тестирования сети на реальном сервере нам нужен сервер с поддержкой asp.net, есть несколько бесплатных, загрузите веб через ftp и загрузите все файлы проекта.
0
$config[ads_text5] not found