In diesem Artikel geht es um die Positionierung von Website-Programmierern angesichts der zunehmenden Beliebtheit von Webstandards und um die Zusammenarbeit mit Designern bei der Entwicklung von Website-Projekten, die den Webstandards entsprechen.
Dieser Artikel eignet sich für Programmierer, deren Arbeitsteilung im traditionellen TABLE-Layout nicht ganz klar ist.
1: Lernen Sie Webstandards kennen, um Ihre Arbeit zu erleichtern.
Webstandards sind der allgemeine Trend, also als Website-Programmierer. Sie müssen einer Gehirnwäsche unterzogen werden und Webstandards lernen. HTML-Tags wiedererkennen und verstehen, wie das Programm den für die Seite erforderlichen Code ausgibt.
Dim oHtml
set rs=server.createobject("adodb.recordset")
Sql = „Wählen Sie die Top-10-ID aus, Titel aus tbl_News, sortiert nach ID desc“
rs.open sql,conn,1,1
oHtml="<ul>"
tun, während nicht rs.eof
oHtml=oHtml & "<li><a href=""shownews.asp?id=" & rs("id") & """ title=""" & rs("title") & """>" & rs("title") & "</a></li>"
rs.movenext
Schleife
oHtml=oHtml & "</ul>"
rs.close
setze rs=nichts
Antwort.write(oHtml)
Wenn es sich um ein herkömmliches TABLE-Layout handelt, müssen Programmierer viel mehr HTML-Code schreiben. Sie müssen TABLE schreiben, beurteilen, wann TR ausgegeben werden soll, um die Zeile zu unterbrechen, und vor jedem Nachrichtenelement ein IMG hinzufügen, um ein kleines Symbol auszugeben . Verwenden Sie ein Programm, um die Länge des Ausgabetitels zu steuern. Für alle Arbeiten muss der Seitencode geschrieben werden, bevor Programmierer dieses Programm schreiben können.
Für Programmierer sollten Sie Webstandards als eine Art Evangelium betrachten. Sie sollten sie wie eine Bibel lesen, um zu verstehen, was der Seitencode tatsächlich erfordert. Du bist viel entspannter als zuvor. Da sich Webstandards auf die Trennung von Leistung und Inhalt konzentrieren, ist das Programm nur für Inhaltsdaten verantwortlich. Von nun an müssen Sie nicht mehr darüber nachdenken, wie Sie mit Programmcode den Wechsel der Zeilenfarbe steuern, wie Sie eine Zeile in mehreren Spalten ausgeben usw. Was Sie tun müssen, ist, den Inhalt so direkt wie möglich auf der Seite auszugeben, ohne jegliche Dekoration.
Wenn Sie in .net entwickeln, können Sie natürlich gründlicher vorgehen. Sie können sich vollständig auf die Erstellung von Objekten, Klassenbibliotheken, Datenzugriff usw. konzentrieren und nur Methoden für die Präsentationsebene bereitstellen. Das folgende Beispiel stammt aus einem Projekt, an dem ich zuvor gearbeitet habe, und sollte einen gewissen Referenzwert haben.
2: Website-Programmierer, lassen Sie nicht zu, dass HTML-Tags Ihre Sicht blockieren.
Wenn Sie das Gefühl haben, dass Sie umständliche HTML-Tags wirklich hassen und Ihre Lernrichtung nicht in der Präsentationsebene der Website liegt, dann verabschieden Sie sich vollständig von HTML-Tags.
Ich habe früher in einem traditionellen Unternehmen für die Entwicklung von Desktop-Software gearbeitet und keiner der Programmierer kannte HTML. Als das Website-Projekt knapp wurde, musste ich sie um Hilfe bitten. Wir nehmen einige Beispiele, die mit Visual Studio .Net 2003 geliefert werden, und analysieren sie sorgfältig. Gemäß dem objektorientierten strukturierten Schichtentwicklungsmodell können wir auch sehr gut zusammenarbeiten. Nehmen Sie als Beispiel die Entwicklung des Nachrichtenmoduls:
Schritt eins: Der Website-Programmierer kann die Datenbank auf der Grundlage einer Bedarfsanalyse entwerfen, und Sie können für die Erstellung von Tabellen und das Schreiben gespeicherter Prozeduren verantwortlich sein. Programmierer sind mit solchen Dingen bestens vertraut.
Schritt 2: Definieren Sie das Objekt. Website-Informationen objektivieren, wie zum Beispiel:
Öffentliche Klassennachrichten
Geschützte _id als Ganzzahl
Geschützte _typeId als Ganzzahl
Geschützter _title als String
Geschützter _author als String
Geschütztes _original als Zeichenfolge
Geschützte _updateTime als DateTime
Geschützter _content als String
Geschützt _clickCount As Integer
Öffentliche Eigenschaft Id() als Ganzzahl
Erhalten
Gibt _id zurück
Beenden Sie Get
Set(ByVal Value As Integer)
_id = Wert
Endsatz
End-Eigenschaft
Öffentliche Eigenschaft TypeId() als Ganzzahl
Erhalten
Return_typeId
Beenden Sie Get
Set(ByVal Value As Integer)
_typeId = Wert
Endsatz
End-Eigenschaft
Public Property Title() als String
End-Eigenschaft
Öffentliches Eigentum Author() als String
End-Eigenschaft
Öffentliches Eigentum original() als String
End-Eigenschaft
Öffentliche Eigenschaft UpdateTime() As DateTime
End-Eigenschaft
Öffentliches Eigentum Content() als String
End-Eigenschaft
Öffentliche Eigenschaft ClickCount() als Ganzzahl
End-Eigenschaft
Unterricht beenden
Versuchen Sie einfach, alle Tabellen auf der Website zu objektivieren. Definieren Sie dann den Datensatzsatz, der sich auf das Objekt bezieht. Die obige Definition ist ein einzelnes Nachrichtenobjekt und definiert dann einen Nachrichtendatensatz.
Öffentliche Klassennachrichten
...
Unterricht beenden
Schritt 3: Definieren Sie eine Reihe öffentlicher Datenzugriffsmethoden.
Definieren Sie einige öffentliche Methoden zum Bearbeiten der Datenbank und zum Ausführen gespeicherter Prozeduren.
Schritt 4: Schreiben Sie die objektbasierte Methodenschicht. wie:
Öffentliche Funktion ReadNews(ByVal ID As Integer) As News
Funktion beenden
Was die Funktion zurückgibt, ist ein Nachrichtenobjekt. Abhängig von den Funktionsanforderungen werden im Allgemeinen einige verwandte Funktionen definiert, wie zum Beispiel:
„Lesen Sie die Nachrichtenliste.“
Öffentliche Funktion ReadNewss(ByVal newsType As eNewsType, ByVal nCount As Integer) As News
Funktion beenden
„Fügen Sie eine Nachricht hinzu
Öffentliche Funktion InsertNews(ByVal n As News) As Integer
Funktion beenden
„Aktualisieren Sie eine Nachricht.“
Öffentliche Funktion UpdateNews(ByVal n As News) als Ganzzahl
Funktion beenden
eine Nachricht löschen
Öffentliche Funktion DeleteNews(ByVal ID As Integer) As Integer
Funktion beenden
Auf diese Weise kann die Website-Entwicklung in Objektschicht, Datenzugriffsschicht, Methodenschicht und Präsentationsschicht unterteilt werden. Der Programmierer muss lediglich die für die Präsentationsschicht erforderlichen Methoden bereitstellen. Auf diese Weise muss der Seitendesigner nur das Repeater-Steuerelement in .net verwenden, wenn die Präsentationsebene die Nachrichtenliste anzeigen muss, wie im folgenden Code gezeigt:
<asp:Repeater ID="topNewsList" runat="server" >
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li><a href="shownews.asp?id=<%#Container.DataItem("id")%>"><%#Container.DataItem("title")%></a></li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
Im Programmcode der Präsentationsschicht müssen wir nur Folgendes hinzufügen:
topNewsList.DataSource = Neue Fassade.newsFacade().ReadNewss(eNewsType, newsCount)
In diesem Fall können Programmierer grundsätzlich vollständig von HTML getrennt werden. Und in diesem Fall können Mitglieder des gesamten Projektteams parallel arbeiten. Es kann die Entwicklungseffizienz des gesamten Projekts erheblich verbessern. Darüber hinaus hat der Aufstieg des Web 2.0-Modells höhere Anforderungen an die Back-End-Datenbankentwicklung gestellt. Bei Websites wie Douban und 365Kit ist die Datenbank-Mining-Arbeit im Hintergrund sehr kompliziert. Wenn also heute die Arbeitsteilung klar ist, warten neben dem HTML-Code noch viele andere wichtigere Aufgaben auf Website-Programmierer.
3: Benutzerzentriertes Design ist untrennbar mit Front-End-Entwicklungsingenieuren verbunden.
Wenn Sie etwas davor zurückschrecken, den vertrauten HTML-Code zu verlassen, spielt das keine Rolle. Bringen Sie sich einfach an die Spitze der Web-Technologie. Seien Sie ein Front-End-Entwicklungsingenieur, der eng mit dem Produktdesign verbunden ist.