Cet article traite du positionnement des programmeurs de sites Web à mesure que les normes du Web deviennent de plus en plus populaires et de la façon de travailler avec les concepteurs pour développer des projets de sites Web conformes aux normes du Web.
Cet article convient aux programmeurs dont la division du travail n'est pas très claire sous la disposition traditionnelle TABLE.
1 : Apprenez les standards du Web pour faciliter votre travail.
Les standards du Web sont la tendance générale, donc en tant que programmeur de sites Web. Vous devez subir un lavage de cerveau et apprendre les standards du Web. Reconnaître les balises HTML et comprendre comment faire en sorte que le programme affiche le code requis par la page.
Faible oHtml
set rs=server.createobject("adodb.recordset")
Sql = "sélectionnez les 10 meilleurs identifiants, titre de tbl_News, triés par identifiant desc"
rs.open sql, conn, 1,1
oHtml="<ul>"
faire sans rs.eof
oHtml=oHtml & "<li><a href=""shownews.asp?id=" & rs("id") & """ title=""" & rs("title") & """>" & rs("titre") & "</a></li>"
rs.movenext
boucle
oHtml=oHtml & "</ul>"
rs.fermer
définir rs = rien
réponse.write(oHtml)
S'il s'agit d'une mise en page TABLE traditionnelle, les programmeurs devront écrire beaucoup plus de code HTML, déterminer quand sortir TR pour couper la ligne et ajouter un IMG devant chaque élément d'actualité pour afficher une petite icône. , utilisez un programme pour contrôler la longueur du titre de sortie. Tout travail nécessite que le code de la page soit écrit avant que les programmeurs puissent écrire ce programme.
Pour les programmeurs, vous devez considérer les standards du Web comme une sorte d'évangile. Vous devez les lire comme une Bible pour comprendre ce qu'exige réellement le code de la page. Une fois que vous l'aurez compris, vous le découvrirez. Vous êtes beaucoup plus détendu qu’avant. Étant donné que les normes Web se concentrent sur la séparation des performances et du contenu, le programme est uniquement responsable des données de contenu. À partir de maintenant, vous n'avez plus besoin de réfléchir à la manière d'utiliser le code du programme pour contrôler le changement de couleur des lignes alternées, à la façon de générer une ligne dans plusieurs colonnes, etc. Ce que vous devez faire est de générer le contenu le plus direct possible sur la page, sans aucune décoration.
Bien sûr, si vous développez en .net, vous pouvez être plus minutieux. Vous pouvez vous concentrer entièrement sur la création d'objets, de bibliothèques de classes, d'accès aux données, etc., et simplement fournir des méthodes à la couche de présentation. L'exemple ci-dessous provient d'un projet sur lequel j'ai travaillé auparavant et devrait avoir une certaine valeur de référence.
2 : Programmeurs de sites Web, ne laissez pas les balises HTML bloquer votre vision.
Si vous sentez que vous détestez vraiment les balises HTML encombrantes et que votre direction d'apprentissage ne se trouve pas dans la couche de présentation du site Web, dites adieu complètement aux balises HTML.
Je travaillais dans une entreprise de développement de logiciels de bureau traditionnelle, et aucun des programmeurs ne connaissait le langage HTML. Lorsque le projet de site Web était serré, j'ai dû leur demander de l'aide. Nous prendrons quelques exemples fournis avec Visual Studio .Net 2003 et les analyserons attentivement. Selon le modèle de développement en couches structuré orienté objet, nous pouvons également très bien coopérer. Prenons l'exemple du développement du module d'actualités :
Première étape : le programmeur du site Web peut concevoir la base de données sur la base d’une analyse de la demande, et vous pouvez être responsable de la création des tables et de l’écriture des procédures stockées. Les programmeurs sont très familiers avec ce genre de choses.
Étape 2 : Définir l'objet. Objectiver les informations du site Web, telles que :
Nouvelles de la classe publique
_id protégé en tant qu'entier
_typeId protégé en tant qu'entier
_title protégé sous forme de chaîne
_author protégé en tant que chaîne
_original protégé en tant que chaîne
_updateTime protégé en tant que DateTime
_content protégé en tant que chaîne
_clickCount protégé en tant qu'entier
Id de propriété publique () sous forme d'entier
Obtenir
Renvoyer _id
Fin Obtenir
Définir (valeur ByVal sous forme d'entier)
_id = Valeur
Ensemble de fin
Propriété de fin
Propriété publique TypeId() en tant qu'entier
Obtenir
Return_typeId
Fin Obtenir
Définir (valeur ByVal sous forme d'entier)
_typeId = Valeur
Ensemble de fin
Propriété de fin
Titre de propriété publique () sous forme de chaîne
Propriété de fin
Propriété publique Author() sous forme de chaîne
Propriété de fin
Propriété publique original() As String
Propriété de fin
Propriété publique UpdateTime() As DateTime
Propriété de fin
Contenu de propriété publique () sous forme de chaîne
Propriété de fin
Propriété publique ClickCount() en tant qu'entier
Propriété de fin
Fin du cours
Juste comme ça, essayez d'objectiver tous les tableaux du site. Définissez ensuite le jeu d'enregistrements lié à l'objet. La définition ci-dessus est un objet d'actualité unique, puis définissez un jeu d'enregistrements d'actualités.
Nouvelles de la classe publique
...
Fin du cours
Étape 3 : Définir un ensemble de méthodes d'accès aux données publiques.
Définissez certaines méthodes publiques pour manipuler la base de données et exécuter des procédures stockées.
Étape 4 : Écrivez la couche de méthodes basées sur les objets. comme:
Fonction publique ReadNews (ByVal ID As Integer) en tant que News
Fonction de fin
Ce que la fonction renvoie est un objet d'actualité. En fonction des besoins fonctionnels, certaines fonctions connexes sont généralement définies, telles que :
'Lire la liste des actualités
Fonction publique ReadNewss (ByVal newsType As eNewsType, ByVal nCount As Integer) As News
Fonction de fin
'Ajouter une actualité
Fonction publique InsertNews (ByVal n As News) sous forme d'entier
Fonction de fin
'Mettre à jour une actualité
Fonction publique UpdateNews (ByVal n As News) sous forme d'entier
Fonction de fin
supprimer une actualité
Fonction publique DeleteNews (ByVal ID sous forme d'entier) sous forme d'entier
Fonction de fin
De cette manière, le développement de sites Web peut être divisé en couche d’objet, couche d’accès aux données, couche de méthode et couche de présentation. Le programmeur n'a qu'à fournir les méthodes requises par la couche de présentation. De cette façon, lorsque la couche de présentation doit afficher la liste des actualités, le concepteur de la page n'a besoin que d'utiliser le contrôle Repeater dans .net, comme indiqué dans le code suivant :
<asp:Repeater ID="topNewsList" runat="server" >
<Modèle d'en-tête>
<ul>
</HeaderTemplate>
<Modèle d'élément>
<li><a href="shownews.asp?id=<%#Container.DataItem("id")%>"><%#Container.DataItem("title")%></a></li>
</ItemTemplate>
<Modèle de pied de page>
</ul>
</FooterTemplate>
</asp:Répéteur>
Dans le code du programme de la couche présentation, il suffit d'ajouter :
topNewsList.DataSource = Nouvelle façade.newsFacade().ReadNewss(eNewsType, newsCount)
Dans ce cas, les programmeurs peuvent être complètement séparés du HTML. Et dans ce cas, les membres de toute l’équipe projet peuvent travailler en parallèle. Cela peut améliorer considérablement l’efficacité du développement de l’ensemble du projet. De plus, l’essor du modèle Web 2.0 a mis en avant des exigences plus élevées en matière de développement de bases de données back-end. Pour les sites Web tels que Douban et 365Kit, le travail d’exploration de bases de données en arrière-plan est très compliqué. Ainsi, aujourd’hui, alors que la division du travail est claire, en plus du code HTML, de nombreuses autres tâches plus importantes attendent les programmeurs de sites Web.
3 : La conception centrée sur l’utilisateur est indissociable des ingénieurs de développement front-end.
Si vous vous sentez un peu réticent à quitter le code HTML familier, cela n'a pas d'importance. Mettez-vous simplement à la pointe de la technologie Web. Être un ingénieur de développement front-end étroitement lié à la conception de produits.