Darauf folgt die Hauptfunktion zum Anzeigen einer festen Anzahl von Benutzernachrichten (der Wert, der aus der Tabelle mit den administrativen Einstellungen abgerufen wird):

<% Sub Show NumPerPage=INT(objRec2("NumPerPage")) If Request.QueryString("page") = "" Then iPageCurrent = 1 Else iPageCurrent = CInt(Request.QueryString("page")) End If Set objRec = Server.CreateObject ("ADODB.Recordset") StrSql = "SELECT * FROM Messages ORDER BY ID DESC;" objRec.PageSize = NumPerPage objRec.CacheSize = NumPerPage objRec.Open StrSql,objConn,3,1,&H0001 iPages = objRec.PageCount TotalRows = objRec.RecordCount If iPageCurrent >iPages Then iPageCurrent = iPages If iPageCurrent< 1 Then iPageCurrent = 1 If iPages = 0 Then Response.Write "Не найденно записей!" Else ObjRec.AbsolutePage = iPageCurrent %>

"farbe="<%=objRec2("PageFontColor")%>"Größe="<%=objRec2("PageFontSize")%>"> Insgesamt im Buch <%=TotalRows%> Einträge an <%=iPages%> Seite(n)

"> "farbe="<%=objRec2("InfoFontColor")%>"Größe="<%=objRec2("InfoFontSize")%>"><%=ObjRec("DateID") %>		"> "farbe="<%=objRec2("InfoFontColor")%>"Größe="<%=objRec2("InfoFontSize")%>">Seitenbewertung: .gif" height="14" width="65">
"> "farbe="<%=objRec2("MessageFontColor")%>"Größe="<%=objRec2("MessageFontSize")%>"><%=FormatStr(ObjRec("Message"))%>
"> "farbe="<%=objRec2("InfoFontColor")%>"Größe="<%=objRec2("InfoFontSize")%>"> <% If IsEmpty(Email) or Email=" " then Response.Write Name Else Response.Write "" & Namensende wenn %>	"> "farbe="<%=objRec2("InfoFontColor")%>"Größe="<%=objRec2("InfoFontSize")%>"><%=FormatStr(ObjRec("Country")) %> IP:<%= ObjRec("IP") %>	"> "farbe="<%=objRec2("InfoFontColor")%>"Größe="<%=objRec2("InfoFontSize")%>"> <%=Link%>

"farbe="<%=objRec2("PageFontColor")%>"Größe="<%=objRec2("PageFontSize")%>"> Seiten: <% For I = 1 To iPages If I = iPageCurrent Then Response.Write ""&ICH&"" Else Response.Write " "&ICH&""Beenden, wenn nächste Antwort.Schreiben"" Else Response.Write " " End If End If objRec.Close Set objRec = Nothing End Sub %>

Achten Sie darauf, wie der Link zum Anzeigen der nächsten Seite mit einer solchen „Portion“ von Nachrichten gebildet und implementiert wird:

Antwort.Schreiben" "&ICH&" "

Wie Sie sehen, wird ihm die Seitennummer als Wert des Seitenparameters übergeben, und anschließend, wenn dieser Wert ungleich 1 ist, beginnt die Anzeige von Nachrichten nicht mit der ersten Nachricht, sondern mit der, die wird sei der erste auf der Seite mit der entsprechenden Nummer, die im Parameter angegeben ist:

<% NumPerPage=INT(objRec2("NumPerPage")) If Request.QueryString("page") = "" Then iPageCurrent = 1 Else iPageCurrent = CInt(Request.QueryString("page")) End If %>Es folgt der Quellcode des Moduls selbst, in dem die Verbindung zur Datenbank hergestellt und Datensätze (im beschriebenen Beispiel wird dies der einzige Datensatz sein) aus der Tabelle Admin-Verwaltungseinstellungen abgerufen werden:<% Set objConn = Server.CreateObject ("ADODB.Connection") objConn.Open StrConn Set objRec2 = Server.CreateObject ("ADODB.Recordset") ConfigSql = "SELECT * FROM Admin;" objRec2.Open ConfigSql,objConn,0,1,&H0001 %>

Dann können Sie den Titel und die Haupt-Tags der HTML-Seite gestalten:

Fazit

Wir haben eine weitere funktionale Komponente der Website in Betracht gezogen und sie sofort portabel gemacht. Das Ergebnis war ein ziemlich komplexer Quellcode in Bezug auf die Wahrnehmung. Obwohl die große Anzahl von Parametern, die aus der Verwaltungstabelle abgerufen wurden, das Verständnis des Modul-Quellcodes etwas erschwerten, erspart Ihnen die einmalige Verwendung dieser Parameter das Bearbeiten des Codes, wenn Sie sie ändern. Das von uns entwickelte System ist in der Anwendung durchaus akzeptabel und kann dank der Modularität seiner Implementierung und des im Artikel beschriebenen Ansatzes für seine Implementierung in bestehenden Websites als Gästebuch auf Websites mit nahezu beliebiger Komplexität verwendet werden .

Natürlich sollte auch das Webinterface zum Bearbeiten, Hinzufügen und Löschen von Verwaltungseinstellungen (Schemas) berücksichtigt werden, aber das wird viel Zeit in Anspruch nehmen, und deshalb wird der Autor versuchen, es in einem der folgenden Teile dieses Artikels zu behandeln.

ComputerPress 11 "2001

Die Registrierung von Steuerelementen erfolgt durch die @Register-Direktive, die es Ihnen ermöglicht, Benutzersteuerelemente und Serversteuerelemente im HTML-Code der Seite mithilfe einer speziellen Syntax (deklarative benutzerdefinierte Serversteuerelementsyntax) zu verwenden. Basierend auf der Analyse dieser Direktiven kann der Seitenparser Tags bestimmten Typen zuordnen und beim Erstellen einer Seite Steuerelemente bereits als Container benutzerdefinierter Typen einbetten – Zweige des Steuerelementbaums der Seite.

Direktiven müssen der ersten Verwendung der deklarierten Tags vorangestellt werden, häufiger werden sie am Anfang der Seite platziert und im Falle der Registrierung mehrerer Steuerelemente kann die Anzahl solcher Deklarationen in Sites mit modularem Aufbau eine große Anzahl von Zeilen belegen . Wenn Sie die Position von Steuerelementen ändern, müssen Sie nach Zeilen suchen, die Änderungen im Code aller Seiten und Benutzersteuerelemente erfordern, auf denen sie registriert sind, was ziemlich unpraktisch ist.

Der Artikel beschreibt eine Methode, die die Registrierung von Steuerelementen vereinfacht.

Für die Registrierungsanweisungen verwenden wir eine einfache Textdatei, in der wir alle @ Register-Anweisungen sammeln. Da virtuelle Pfade verwendet werden können, um Benutzersteuerelemente zu deklarieren, und nur Namespaces für Serversteuerelemente angegeben werden, können wir alle benötigten Links in dieser Datei sammeln, und die Links zu den ascx-Dateien sind für jeden Ordner im Projekt korrekt. So sieht diese Datei in einem der Projekte aus:

Nennen wir die Datei register.inc und platzieren sie im Ordner /inc unseres Webprojekts.

Diese Datei enthält alle Links, die wir benötigen, wir werden die Registrierung eines Benutzers oder einer Serversteuerung darin hinzufügen oder ändern.

Nun muss die erstellte Datei irgendwie in den Seitencode eingebunden werden. Wir tun dies mit der SSI (Server Side Includes) #include Direktive. Mit dieser Direktive können Sie statische und dynamische Dateien in den Seitencode einschließen und sie basierend auf der IIS-Zuordnung verarbeiten, d. h. Wenn Sie eine asp- oder aspx-Datei als Quelle angeben, wird die Datei vom entsprechenden Prozess verarbeitet und die Ergebnisse dieser Verarbeitung werden auf die Ausgabeseite kopiert. In ASP war die Direktive #include sehr weit verbreitet und ermöglichte die Modularisierung der Site. Mit dem Aufkommen von ASP.NET ist es bequemer geworden, dies auf andere Weise zu tun, z. B. mithilfe von Benutzersteuerelementen. Zukünftige Versionen von ASP.NET werden Modularität mithilfe von Masterseiten implementieren. Im Allgemeinen verlor die #include-Direktive ihre Bedeutung und wurde hauptsächlich aus Gründen der Abwärtskompatibilität und zur Vereinfachung der Migration von ASP-Projekten nach .Net beibehalten.

Da wir eine einfache Textdatei haben, findet keine Verarbeitung statt, und bevor dynamischer Inhalt ausgeführt wird, wird der gesamte Inhalt der Datei in den Seitencode kopiert. Diese. Das Hinzufügen unserer Datei register.inc zum Beispiel oben auf der Seite ist fast dasselbe wie das Schreiben aller @Register-Direktiven dort.

Um nicht vom physischen Speicherort der Datei abhängig zu sein, verwenden wir wieder die virtuelle Pfadsyntax und fügen dem aspx-Dateicode die folgende Zeile hinzu:

Stellen Sie sicher, dass alles funktioniert, wenn nicht, korrigieren Sie die falschen Pfade.

Es bleibt noch eine weitere Operation durchzuführen. Wenn Sie jetzt versuchen, die Datei /inc/register.inc über den Link in Ihrem Browser abzurufen, können Sie dies ganz einfach tun. IIS legt es in Ihre Hände sowie in die Hände eines Angreifers, völlig kostenlos, obwohl es die Pfade der physischen Struktur Ihrer Site enthält.

Um dies zu verhindern, verwenden wir die Funktionen des synchronen HttpForbiddenHandler-Handlers, mit dem wir verhindern können, dass Dateien eines bestimmten Typs auf Anfrage des Benutzers ausgegeben werden. Dieser Ansatz ist praktisch und wird häufig verwendet, um beispielsweise MS Access-Datenbankdateien zu schützen, die in einem Projekt verwendet werden. Damit Dateien mit der Erweiterung *.inc mit diesem Handler geschützt werden, müssen Sie IIS mitteilen, dass diese Dateien vom ASP.NET-Prozess verarbeitet werden, dh IIS für die Zuordnung zu Dateien dieses Typs konfigurieren.

Eine ausführliche Beschreibung des Konfigurationsprozesses für IIS finden Sie unter HOW TO: Use ASP.NET to Protect File Types (http://support.microsoft.com/kb/815152/EN-US/). Wir müssen nur für *.inc-Dateien ein Mapping erstellen. Nach Abschluss der dort beschriebenen Schritte werden alle Anfragen nach Dateien mit dieser Erweiterung vom ASP.NET-Prozess verarbeitet, und Sie müssen die Datei web.config wie folgt bearbeiten:

Das ist es, wenn der Benutzer jetzt versucht, die Datei /inc/register.inc über einen direkten Link abzurufen, erhält der Benutzer Fehler B.

Um beispielsweise aspnet_isapi.dll nicht zu registrieren, Ihr Provider möchte dies nicht, können Sie die SSI-Fähigkeit verwenden, um Dateien beliebigen Typs anzugeben und zu schummeln, indem Sie eine Erweiterung eines der bereits standardmäßig in IIS abgebildeten Typen verwenden für eine Datei mit @Register-Direktiven. Die Erweiterungen *.cs oder *.vb sind dafür geeignet. Diese Dateien enthalten Quellcode und werden normalerweise nicht auf den Server kopiert. Wenn Sie plötzlich einen Fehler gemacht und sie kopiert haben, können Sie sie nicht auf Anfrage des Browsers abrufen - wenn Sie dies versuchen, erhält der Benutzer einen Fehler B. Dies geschieht, weil für Dateien dieses Typs Die Zuordnung in IIS ist standardmäßig konfiguriert und die entsprechende Erweiterung ist bereits im Abschnitt registriert machine.config-Datei. Damit der Compiler Ihnen keine Fehlermeldung ausgibt, fügen Sie in Visual Studio eine Erweiterung ein, die den Compiler nicht interessiert: in C#-Projekten ist es *.vb, in VB-Projekten ist es *.cs.
Fazit

Mit der beschriebenen Methode können Sie Steuerelemente für das gesamte Projekt an einer Stelle registrieren. Eine nachträgliche Änderung dieser Datei erfordert weniger Aufwand, als wenn Sie es auf die übliche Weise tun müssten. Versuchen Sie, SSI #include in den Dateien zu verwenden, die Sie einfügen. Dadurch können Sie eine Art Hierarchie und Vererbung organisieren, was für große Projekte praktisch sein kann

Direktiven in AngularJS spielen eine wichtige Rolle. Direktiven können verwendet werden, um HTML neue Tricks beizubringen, und Sie können sogar Ihre eigenen HTML-Tags oder -Attribute erstellen. Direktiven helfen auch dabei, das Markup flüssiger zu halten und definieren eine nette Möglichkeit, Code und Markup voneinander zu trennen.

View ist eine HTML-Vorlage. Ansicht ist nichts anderes als die Informationen, die Sie für den Browser des Endbenutzers rendern möchten. Eine Ansicht in AngularJS wird auch als bezeichnet kompiliertes DOM. View verwendet Direktiven, um die Daten mit einer HTML-Vorlage zu rendern.

Dieser Artikel ist Teil IV der Project Tracking Website, die in AngularJS und der ASP.NET-Web-API erstellt wurde. Bisher haben wir , erstellt und haben .

Dank an um diese Angular-Serie zu überprüfen und die Fehler zu beheben.

Wir haben bereits das Objekt $scope gesehen, das ein Modell für die Ansicht bereitstellt. Der Modellcode ist nicht mit dem HTML-Code vermischt, den wir in unsere Ansichten schreiben. Stattdessen werden Daten mithilfe von Datenbindungsausdrücken aus dem Modell in Ansichten verschoben. Auf diese Weise können Entwickler Separation of Concerns (SoC) erreichen. Da Modelle unabhängig von Ansichten sind, können sie an jede beliebige Ansicht gebunden werden. Diese Bindung des Modells erfolgt mit Hilfe von AngularJS-Direktiven.

Wir haben bereits einige Angular-Direktiven in unserer like ng-app gesehen, die AngularJS bootet, sowie ng-controller, der den Controller für HTML verfügbar macht. Vom Controller aus können wir die Daten mit Angular ((Ausdruck)) an die Ansichten binden.

In diesem Artikel werden wir uns ein paar zusätzliche AngularJS-Direktiven ansehen, die mit Angular sofort einsatzbereit sind. Einer von ihnen ist ng-Wiederholung. Lassen Sie uns versuchen, die Direktive ng-repeat in unserer Seite EmployeeDetails.html zu verwenden, die Sie im Begleittext zu diesem Artikel finden. Ändern Sie die Dienst-URL in unserer Datei EmployeesController.js. Die Dienst-URL lautet wie folgt:

http://localhost:2464/api/ptemployees

Jetzt ändern wir die Seite EmployeeDetails.html wie im folgenden Code gezeigt -

((ArbeitnehmerID)) ((Arbeitnehmername)) ((Betriebsbezeichnung)) ((emp.kontaktNr)) ((emp.eMailID)) ((emp.skillSets))

Ersetze das der Seite EmployeeDetails.html mit obigem Code. Die Ausgabe des obigen Codes wird hier gezeigt:

In diesem Code haben wir die ng-repeat-Direktive von AngularJS verwendet. Sie ähnelt der for- oder foreach-Schleife in .NET. Hier bekommen wir einen IEnumerable Sammlung mithilfe der ASP.NET-Web-API. Wir verwenden diese Sammlung als Modell in unserem Angular Controller. Mit diesem Modell iterieren wir die Objekte der Mitarbeiter in unsere Ansicht. Dies ist eine sehr hilfreiche Anweisung, die sich durch die Objekte in der Sammlung wiederholt, um die Daten in der Ansicht anzuzeigen.

Lassen Sie uns nun versuchen, einen Filter hinzuzufügen, um einen bestimmten Mitarbeiter aus der Sammlung zu suchen und den Mitarbeiter basierend auf dem angegebenen Mitarbeiternamen oder dem Zeichen des Mitarbeiternamens anzuzeigen. Bis jetzt haben wir das Modell abgerufen und in unseren Ansichten verwendet. Es funktioniert auch andersherum. Wir können unsere Ansichten dazu bringen, mit unseren Modellen zu sprechen, die in unseren Controllern vorhanden sind.

Um einen Suchfilter basierend auf dem Mitarbeiternamen hinzuzufügen, ändern wir die Seite „EmployeeDetails.html“, indem wir HTML-Eingabeelemente wie unten gezeigt hinzufügen:

Fügen Sie den obigen Code direkt nach dem hinzu

Schild. Im obigen Code verwenden wir die ng-model-Direktive, mit der wir die Daten an das Modell zurücksenden können. Basierend auf diesen Daten suchen wir mithilfe der Eigenschaft EmployeeName nach einem Mitarbeiter. Stellen Sie sicher, dass die EmployeeName-Eigenschaft in unserem Modell deklariert ist, was wir in den folgenden Schritten tun werden. Beachten Sie auch, dass wir verwenden ng-einreichen Richtlinie, die einen Anruf geben wird SucheMitarbeiter Funktion von unserem Controller.

Ändern wir nun die Datei „EmployeesController.js“ so, dass wir den Mitarbeiter basierend auf der Eigenschaft „EmployeeName“ als Suchkriterium suchen können. Der Code ist unten gezeigt -

(Funktion () ( var EmployeesController = Funktion ($Scope, $http) ( var Employees = Funktion (ServiceResp) ( $Scope.Employees = ServiceResp.data; ); $Scope.SearchEmployees = Funktion (EmployeeName) ( $http.get ("http://localhost:2464/api/ptemployees/" + EmployeeName) .then(employees, errorDetails); ); var errorDetails = function (serviceResp) ( $scope.Error="Etwas ist schief gelaufen ??"; ) ;$http.get("http://localhost:2464/api/ptemployees") .then(employees,errorDetails); $scope.Title = "(!LANG:Employee Detail Page"; $scope.EmployeeName = null; }; app.controller("EmployeesController", EmployeesController); }()); !}

Im obigen Code haben wir unserem $scope-Objekt die SearchEmployee()-Methode als Modell hinzugefügt. Diese Methode sucht anhand des Mitarbeiternamens oder des Zeichens eines Mitarbeiternamens nach Mitarbeitern. Wir haben auch erklärt Mitarbeitername Eigenschaft in unserem Controller am Ende dieses Codes. Die SearchEmployees-Methode ruft die Web-API-Methode ab. Ich habe die GET-Methode wie hier gezeigt geändert:

Public HttpResponseMessage Get(String Name) ( var Mitarbeiter = EmployeesRepository.SearchEmployeesByName(Name); HttpResponseMessage Antwort = Request.CreateResponse(HttpStatusCode.OK, Mitarbeiter); Antwort zurückgeben; )

Der Mitarbeiter-Repository-Code ist wie hier gezeigt:

öffentliche statische Liste SearchEmployeesByName(string employeeName) ( ProjectTrackingDBEntities dataContext = new ProjectTrackingDBEntities(); var query = from employee in dataContext.Employees where employee.EmployeeName.Contains(employeeName) select employee; return query.ToList(); )

Führen Sie nach all diesen Änderungen nun die Seite EmployeeDetails.html aus und sehen Sie sich die Ausgabe an.

In der obigen Ausgabe suchen wir nach Mitarbeitern, deren Name das Zeichen „J“ enthält.

AngularJS-Filter Erweitern Sie das Verhalten von Bindungsausdrücken oder -direktiven. Filter werden mit Bindungsausdrücken verwendet, um die zu bindenden Daten zu formatieren. Wenn sie mit Direktiven verwendet werden, fügen sie den Direktiven einige zusätzliche Aktionen hinzu. Out-of-the-box bietet AngularJS eine Reihe von Filtern, mit denen wir die Werte eines Ausdrucks formatieren und die Werte/Daten in unseren Ansichten anzeigen können. Sie können Filter in Ansichten, Controllern und Diensten verwenden. Die Syntax zum Verwenden von Filtern in Ansichten lautet (( Ausdruck | filter1 | filter2 | ...)).

Wir werden nun einen Filter ausprobieren, der die Daten nach Mitarbeiternamen sortiert. Um die Daten zu sortieren, fügen wir einen Filter in unserem ng-repeat mit einem | hinzu Operator wie hier gezeigt:

Im obigen Code fügen wir einen Filter in unserer ng-repeat-Direktive hinzu. orderBy:'employeeName' sortiert die Daten anhand des Mitarbeiternamens in aufsteigender Reihenfolge. Sie können die Ausgabe hier beobachten:

Um die Daten in absteigender Reihenfolge anzuzeigen, können Sie den Filter wie hier gezeigt ändern:

Im obigen Code haben wir zum Sortieren der Mitarbeiternamen in absteigender Reihenfolge das Minuszeichen (-) verwendet. Ebenso können Sie das Zeichen (+) verwenden, um es aufsteigend zu sortieren.

Sie können auch Gebrauch machen beschränken auf Filter, um die Anzahl der Datensätze zu begrenzen. Nehmen wir zum Beispiel einmal an, Sie möchten 5 Mitarbeiter anzeigen. Um die eingeschränkte Anzahl von Datensätzen auf unserer Seite EmployeeDetails.html anzuzeigen, ändern wir die ng-repeat-Direktive wie hier gezeigt:

Die Ausgabe wird hier gezeigt:

Wenn Sie jetzt die Seite ProjectDetails.html ausführen, wird das Datum zusammen mit der Uhrzeit angezeigt. Sie können den Datumsfilter wie im folgenden Code gezeigt anwenden:

((Projekt.ProjektID)) ((Projekt.Projektname)) ((proj.startDate|date:"short")) ((proj.endDate|date:"short")) ((Projekt.ClientName))

Die Ausgabe dieser Seite sieht wie folgt aus:

Sie können verschiedene Datumsformate verwenden, z. B. Fulldate, Longdate, Mediumdate, Shortdate usw. Lassen Sie uns nun die Seite EmployeeDetails.html öffnen und ausführen. Ich verwende das Zeichen „Z“, um Mitarbeiter anzuzeigen, deren Mitarbeitername Z enthält.

Wenn Sie dies beobachten, zeigt die Ausgabe eine Tabellenüberschrift „Employee“ ohne Daten an. Wir können die Überschrift mit der Direktive ng-show unsichtbar machen, wenn der Filter kein Ergebnis liefert. Wenden Sie die ng-show-Direktive in unserem Tabellen-Tag an, wie im folgenden Code gezeigt, und versuchen Sie, die Anwendung mit dem Z-Zeichen auszuführen. Jetzt sehen Sie die Tabellenspalten nicht, wenn das Employees-Modell null ist. Das Attribut ng-show wertet das Employees-Modell aus und zeigt dementsprechend entweder die Tabelle an oder blendet die Tabelle aus.

Ebenso gibt es eine Reihe von Direktiven, die Sie in AngularJS verwenden können. Sie können auch eine benutzerdefinierte Richtlinie entwerfen, die wir später in dieser Serie sehen werden. Wenden Sie die Suche auf verschiedene Ansichten gemäß Ihren Anforderungen in unseren Ansichten an. In unserem nächsten Artikel werfen wir einen Blick darauf

IN VERBINDUNG STEHENDE ARTIKEL

• Rückkopplung
• Standortkarte
• Über die Website