Este artigo discute o posicionamento dos programadores de sites à medida que os padrões da web se tornam mais populares e como trabalhar com designers para desenvolver projetos de sites que estejam em conformidade com os padrões da web.
Este artigo é adequado para programadores cuja divisão de trabalho não é muito clara no layout TABLE tradicional.
1: Aprenda os padrões da web para facilitar seu trabalho.
Os padrões da Web são a tendência geral, assim como um programador de sites. Você tem que sofrer uma lavagem cerebral e aprender os padrões da web. Reconhecer tags html e entender como fazer o programa gerar o código exigido pela página.
Dim oHtml
definir rs=server.createobject("adodb.recordset")
Sql = "selecione os 10 principais id, título do pedido tbl_News por id desc"
rs.open sql,conn,1,1
oHtml="<ul>"
faça enquanto não rs.eof
oHtml=oHtml & "<li><a href=""shownews.asp?id=" & rs("id") & """ title=""" & rs("title") & """>" & rs("título") & "</a></li>"
rs.movnext
laço
oHtml=oHtml & "</ul>"
rs.fechar
definir rs = nada
resposta.write(oHtml)
Se for um layout TABLE tradicional, os programadores terão que escrever muito mais código HTML. Eles precisam escrever TABLE, julgar quando gerar TR para quebrar a linha e adicionar um IMG na frente de cada item de notícia para gerar um pequeno ícone. ., use um programa para controlar o comprimento do título de saída. Todo trabalho requer que o código da página seja escrito antes que os programadores possam escrever este programa.
Para os programadores, você deve considerar os padrões da web como uma espécie de evangelho. Você deve lê-los como uma Bíblia para entender o que o código da página realmente exige. Você está muito mais relaxado do que antes. Como os padrões da web se concentram na separação entre desempenho e conteúdo, o programa é responsável apenas pelos dados de conteúdo. De agora em diante, você não precisa mais pensar em como usar o código do programa para controlar a mudança alternativa de cores de linhas, como gerar uma linha em várias colunas, etc. O que você precisa fazer é enviar o conteúdo mais direto para a página, sem qualquer decoração.
Claro, se você estiver desenvolvendo em .net, poderá ser mais minucioso. Você pode se concentrar totalmente na construção de objetos, bibliotecas de classes, acesso a dados, etc., e apenas fornecer métodos para a camada de apresentação. O exemplo abaixo é de um projeto em que trabalhei antes e deve ter algum valor de referência.
2: Programadores de sites, não deixem que as tags HTML bloqueiem sua visão.
Se você acha que realmente odeia tags HTML pesadas e sua direção de aprendizado não está na camada de apresentação do site, diga adeus completamente às tags HTML.
Eu trabalhava em uma empresa tradicional de desenvolvimento de software para desktop e nenhum dos programadores conhecia HTML. Quando o projeto do site estava apertado, tive que pedir ajuda a eles. Tomaremos alguns exemplos que acompanham o Visual Studio .Net 2003 e os analisaremos cuidadosamente. De acordo com o modelo de desenvolvimento estruturado em camadas orientado a objetos, também podemos cooperar muito bem. Tomemos como exemplo o desenvolvimento do módulo de notícias:
Etapa um: o programador do site pode projetar o banco de dados com base na análise de demanda e você pode ser responsável por construir tabelas e escrever procedimentos armazenados. Os programadores estão muito familiarizados com esse tipo de coisa.
Etapa 2: Defina o objeto. Objectifique as informações do site, como:
Notícias da aula pública
_id protegido como inteiro
_typeId protegido como inteiro
_title protegido como string
_autor protegido como string
_original protegido como string
_updateTime protegido como DateTime
_content protegido como string
_clickCount protegido como inteiro
Id de propriedade pública() como inteiro
Pegar
Retornar _id
Fim
Definir (valor ByVal como inteiro)
_id = Valor
Conjunto final
Fim da propriedade
Propriedade pública TypeId() como inteiro
Pegar
Return_typeId
Fim
Definir (valor ByVal como inteiro)
_typeId = Valor
Conjunto final
Fim da propriedade
Título de propriedade pública() como string
Fim da propriedade
Autor de propriedade pública() como string
Fim da propriedade
Propriedade Pública original() As String
Fim da propriedade
Propriedade pública UpdateTime() como DateTime
Fim da propriedade
Conteúdo de propriedade pública() como string
Fim da propriedade
Propriedade pública ClickCount() como inteiro
Fim da propriedade
Fim da aula
Assim, tente objetivar todas as tabelas do site. Em seguida, defina o conjunto de registros relacionado ao objeto. A definição acima é um único objeto de notícias e, em seguida, defina um conjunto de registros de notícias.
Notícias da aula pública
...
Fim da aula
Etapa 3: Defina um conjunto de métodos de acesso a dados públicos.
Defina alguns métodos públicos para manipular o banco de dados e executar procedimentos armazenados.
Etapa 4: Escreva a camada de método baseada em objeto. como:
Função pública ReadNews (ByVal ID como número inteiro) como notícias
Função final
O que a função retorna é um objeto de notícias. Dependendo das necessidades funcionais, geralmente são definidas algumas funções relacionadas, tais como:
'Leia a lista de notícias
Função pública ReadNewss (ByVal newsType As eNewsType, ByVal nCount As Integer) As News
Função final
'Adicionar uma notícia
Função pública InsertNews (ByVal n As News) como inteiro
Função final
'Atualizar uma notícia
Função pública UpdateNews (ByVal n As News) como inteiro
Função final
excluir uma notícia
Função pública DeleteNews (ByVal ID como número inteiro) como número inteiro
Função final
Desta forma, o desenvolvimento de sites pode ser dividido em camada de objeto, camada de acesso a dados, camada de método e camada de apresentação. O programador só precisa fornecer os métodos exigidos pela camada de apresentação. Dessa forma, quando a camada de apresentação precisar exibir a lista de notícias, o designer da página precisará apenas utilizar o controle Repeater em .net, conforme mostrado no código a seguir:
<asp:Repetidor ID="topNewsList" runat="servidor" >
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li><a href="shownews.asp?id=<%#Container.DataItem("id")%>"><%#Container.DataItem("title")%></a></li>
</ItemTemplate>
<Modelo de rodapé>
</ul>
</FooterTemplate>
</asp:Repetidor>
No código do programa da camada de apresentação, precisamos apenas adicionar:
topNewsList.DataSource = Nova fachada.newsFacade().ReadNewss(eNewsType, newsCount)
Neste caso, os programadores podem basicamente ser completamente separados do HTML. E neste caso, membros de toda a equipe do projeto podem trabalhar em paralelo. Pode melhorar significativamente a eficiência de desenvolvimento de todo o projeto. Além disso, a ascensão do modelo web 2.0 impôs requisitos mais elevados para o desenvolvimento de bancos de dados back-end. Para sites como Douban e 365Kit, o trabalho de mineração de banco de dados em segundo plano é muito complicado. Portanto, hoje, quando a divisão do trabalho é clara, além do código HTML, há muitas outras tarefas mais importantes aguardando os programadores de sites realizarem.
3: O design centrado no usuário é inseparável dos engenheiros de desenvolvimento front-end.
Se você se sentir um pouco relutante em abandonar o código HTML familiar, não importa. Simplesmente coloque-se na vanguarda da tecnologia da web. Seja um engenheiro de desenvolvimento front-end intimamente relacionado ao design do produto.