Erstellen Sie eine Website mit Asp.Net und Monodevelop unter Linux

Neben der Webentwicklung unter Windows haben wir Visual Studio .Net und den IIS-Server, unter Linux können wir Monodevelop und den Apache-Server mit dem XSP-Modul verwenden.

ASP.NET mit Apache

Das Modul mod_mono Apache zum Ausführen von Anwendungen verwendet ASP.NET auf dem Apache-Webserver.
Das Modul mod_mono läuft innerhalb eines Apache-Prozesses und übergibt alle Anforderungen von ASP.NET-Anwendungen an einen externen Mono-Prozess, der ASP.NET-Anwendungen hostet.

Wir werden Monodevelop unter Linux installieren

 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 

Wir installieren den Server zum Testen von XSP 4 unter Linux

 sudo apt-get install mono-xsp4-base

Was ist XPS?XSP ist ein Server für Entwicklungstests. Wenn ein Server oder eine Webanwendung professionell ausgeführt werden soll, ist es besser, Apache und mod_mono zu verwenden, damit wir die Skalierbarkeit und Sicherheit erreichen, die Apache bietet.
Dann öffnen wir MonoEntwickeln und wir wählen aus Neues Projekt (Auf der Startseite oder im Menü Datei), um den Dialog zu öffnen Neue Lösung. Erweitern Sie in der Liste der Projekttypen auf der linken Seite die Kategorie C # und wählen Sie die Option ASP.NET.

Wir weisen dem Aspnet-Beispielprojekt einen Namen zu und wählen ein Verzeichnis aus, in dem das Projekt gespeichert werden soll.
Wenn wir beginnen, werden wir sehen, dass die Standarddateien in den Projekten generiert werden, sie sind:

• Standard.aspx welches die Startseite sein wird.
• Global.asax Dies wird die Datei mit den globalen Einstellungen des c#-Codes für die Funktionalität der Website sein.
• Web.config Es ist die XML-Datei mit den eigenen Einstellungen der Website.

Struktur des Webs

Wir werden die Struktur einer Website definieren, bei der wir einige Teile einer Websiteseite wie die Kopfzeile, das Menü wiederholen müssen. Um diesen Code nicht auf allen Seiten zu wiederholen, können wir eine Masterseite erstellen und verweisen Sie auf die anderen Seiten.

Masterseiten auf ASP.net haben die Dateierweiterung .Meister und in den Bereichen, in denen das Web dynamisch sein oder den Inhalt ändern soll, verwenden wir ein Objekt namens ContentPlaceHolder, in der Struktur der Seiten können wir html oder html5, css und js verwenden.
Wir werden die Masterseite oder Masterseite erstellen, dafür werden wir Datei> ASP.NET Webforms> Masterseite mit Codebihind, wir werden sie anrufen home.master
In home.master schreiben wir die HTML-Struktur des Webs

 Mein Web ASP.netMeine Web ASP.net-Demo

Jetzt erstellen wir die CSS-Datei namens style.css und legen sie im selben Ordner des Projekts ab.

 Körper {Hintergrund: # f8f8f8; Rand: 0; Polsterung: 0; Schriftgröße: 11px; Zeilenhöhe: 16px; Schriftfamilie: Arial, Tahoma;} a {Farbe: # 333333;} a: hover {Textdekoration: keine;} #head {Hintergrund: # 258dc8 repeat-x; Box-Schatten: 0 0 20px # f2f2f2 Einschub; Höhe: 100px; } #logo {Breite: 780px; Rand: 0; Polsterung: 8px; } #logo a {Farbe: #FFFFFF; Textdekoration: keine; Schriftdicke: fett; Höhe: 12px; Schriftgröße: 20px; text-transform: Großbuchstaben;} #logo a: hover {} #menu {background: # 666666; width: 1000px; margin-top: 33px; padding: 0px; display: inline-block;} #menu ul {background: blue; Breite: 780px; Rand: 0 automatisch; Margin-Oberseite: 3px, Listenstil: keine; Polsterung: 0; text-align: left;} #menu ul li {display: inline} #menu ul a {display: block; Schwimmer: links; Schriftdicke: fett; Schriftgröße: 13px; Textdekoration: keine; Farbe: #fff; Polsterung: 8px 10px; Breite: 118px; Textausrichtung: Mitte; text-transform: Großbuchstaben;} #menu ul a: hover {color: # 232323;} #menu ul a.active {color: # 232323;} #menu ul a.active: hover {color: # 232323;} #container {Breite: 1000px; margin: 0 auto;} #body {width: 100%; Rand: 0px; float: left;} # largeimage {height: 150px; keine Wiederholung # fe5d00; Füllung: 30px 0 30px 50px; Zeilenhöhe: 24px;} #content {float: left; Hintergrund: #ffffff Wiederholung-x; Rand: 0px; Breite: 750px; Farbe: # 6f6e6e; Polsterung: 10px; } #Spalte {float: links; Hintergrundfarbe: #cccccc; Rahmen: 1px fest # e3e3e3; Randradius: 4px; Box-Schatten: 0 0 20px # f2f2f2 Einschub; wiederholen-x; Rand: 0px; Breite: 200px; Farbe: # 6f6e6e; Polsterung: 10px; } #kuchen {Hintergrund: # 333333; wiederholen-x; Höhe: 40px; Rand oben: 20px; clear: both;} Als nächstes werden wir in der home.master-Datei das ASP.NET-Menü hinzufügen

Dieses Menu-Steuerelement ermöglicht es uns, verschiedene Eigenschaften wie Ausrichtung, Größe, Hintergrundfarbe zuzuweisen, es kann in Visual Studio.net visuell gestaltet werden, in Monodevelop ist es für uns bequem, es aus CSS zu handhaben. Wir müssen auch die Inhaltsbereiche oder Blöcke für die Spalte und den Webinhalt mit dem ContentPlaceHolder-Steuerelement definieren
Für die Spalte lautet der Code wie folgt:

Für den Inhalt sieht der Code wie folgt aus:

Für den Fuß definieren wir den Fußblock und der Code lautet wie folgt:

Als nächstes müssen wir in der Datei angeben, welches das Start-Web ist, das mit der Masterseite verknüpft wird Standard.aspx Wir löschen den Standardinhalt und schreiben den folgenden Code:

Hier geben wir an, welche Masterseite die Datei ist, wo der Code der Seite ist, die wir anzeigen werden und welche Seite in diesem Fall Standard ist.
Wir verweisen auch auf die dynamischen Zonen, um ihnen Inhalte hinzuzufügen. Die ID-Spalte kann ein beliebiger Name sein, um diesen bestimmten Inhalt zu identifizieren:

Abschnitte

Der Umsatz
Neue Autos
Gebrauchtwagen

Suchen: 

Dem Inhaltsblock weisen wir ein Bild zu:

Wir müssen auch durch das Load-Ereignis in der Datei Default.aspx.cs angeben, welches die Homepage ist, wir schreiben das Load-Ereignis

 public partielle Klasse Default: System.Web.UI.Page {protected void Page_Load (object sender, EventArgs e) {}} 

Sehen wir uns an, wie das Web in Monodevelop fon F5 oder im Menü Ausführen aussieht

Wir fügen die Seite Dienste hinzu, wir werden Dateien> Neue Datei> ASP.Net Webforms und wir wählen die Option Inhaltsformular mit Codebihind und es zeigt uns einen Dialog zur Auswahl der Masterseite, auf die in diesem Fall verlinkt wird Home.master

Öffne die Datei Dienste.aspx und wir fügen den folgenden Code hinzu:

Dienstleistungen

Autozubehör
Motoren und Lenkung
Blech und Farbe
Automobilelektronik

Suchen:
Wir sind ein Unternehmen, das sich der Reparatur und Wartung von Kfz-Klimaanlagen verschrieben hat und bieten eine breite Palette von Dienstleistungen für Ihr Fahrzeug

Wir führen es erneut aus, um die Änderungen zu kompilieren, und wir werden sehen, dass das Drücken des Menüs Dienste den Inhalt der Spalte und des Inhaltsblocks ändert:

Schließlich definieren wir die Struktur für die Kontaktseite. Wir fügen die Kontaktseite hinzu, wir werden Dateien> Neue Datei> ASP.Net Webforms und wir wählen die Option Inhaltsformular mit Codebihind und es wird ein Dialog angezeigt, um die Masterseite auszuwählen, auf die in diesem Fall verlinkt wird Home.master
Wir öffnen die Datei Kontakt.aspx und wir fügen den folgenden Code hinzu:

 
Kontakt
 
 
Telefon
 
XXXXXXX
 

 
 
Öffentliche Aufmerksamkeit
Montag bis Freitag
09:00 bis 17:00
 

 
 
Email
 
[email protected]

 

 
 
 
Name:
 
 

 
 
Email:
 
 

 
 
Nachricht:
 
 

 
 
 
 

 

 

Wir führen es erneut aus, um das Web zu kompilieren und in unserem Browser anzuzeigen und zum Menü zu gehen Kontakt, das Ergebnis ist folgendes:

So sehen wir, wie die dynamischen Spalten den Inhalt geändert haben, aber das Menü und die Kopfzeile haben sich nie geändert und wir haben sie immer wiederverwendet, ohne sie neu zu schreiben. Bisher haben wir gesehen So erstellen Sie eine Masterseite mit c # und MonodevelopWir können auch ein Web mit dynamischen Daten mit Mysql oder SqlServer erstellen, um das Web auf einem echten Server zu testen, benötigen wir einen Server, der asp.net unterstützt, es gibt mehrere kostenlose, laden Sie das Web per FTP hoch und laden Sie alle Projektdateien hoch.