Este artículo analiza el posicionamiento de los programadores de sitios web a medida que los estándares web se vuelven más populares y cómo trabajar con los diseñadores para desarrollar proyectos de sitios web que cumplan con los estándares web.
Este artículo es adecuado para programadores cuya división del trabajo no es muy clara en el diseño de TABLA tradicional.
1: Aprenda los estándares web para facilitar su trabajo.
Los estándares web son la tendencia general, como programador de sitios web. Hay que lavarle el cerebro y aprender los estándares web. Volver a reconocer las etiquetas html y comprender cómo hacer que el programa genere el código requerido por la página.
Atenuar HTML
establecer rs=servidor.createobject("adodb.recordset")
Sql = "seleccione los 10 principales ID, título de tbl_News, ordene por ID desc"
rs.open sql, conexión, 1,1
oHtml="<ul>"
hacer mientras no rs.eof
oHtml=oHtml & "<li><a href=""shownews.asp?id=" & rs("id") & """ title=""" & rs("title") & """>" & rs("título") & "</a></li>"
rs.movenext
bucle
oHtml=oHtml & "</ul>"
rs.cerrar
establecer rs = nada
respuesta.escribir(oHtml)
Si se trata de un diseño TABLE tradicional, los programadores tendrán que escribir mucho más código HTML. Necesitarán escribir TABLE, juzgar cuándo generar TR para romper la línea y agregar un IMG delante de cada noticia para generar un pequeño ícono. , utilice un programa para controlar la longitud del título de salida. Todo trabajo requiere que se escriba el código de la página antes de que los programadores puedan escribir este programa.
Para los programadores, deben considerar los estándares web como una especie de evangelio. Deben leerlos como una Biblia para comprender lo que realmente requiere el código de la página. Una vez que lo comprenda, lo descubrirá. Estás mucho más relajado que antes. Debido a que los estándares web se centran en la separación del rendimiento y el contenido, el programa sólo es responsable de los datos del contenido. De ahora en adelante, ya no necesitará pensar en cómo usar el código del programa para controlar el cambio de color de fila alternativo, cómo generar una fila en varias columnas, etc. Lo que debe hacer es enviar el contenido más directo a la página, sin ninguna decoración.
Por supuesto, si está desarrollando en .net, puede ser más exhaustivo. Puede concentrarse completamente en crear objetos, bibliotecas de clases, acceso a datos, etc., y simplemente proporcionar métodos a la capa de presentación. El siguiente ejemplo es de un proyecto en el que trabajé antes y debería tener algún valor de referencia.
2: Programadores de sitios web, no dejen que las etiquetas HTML bloqueen su visión.
Si cree que realmente odia las engorrosas etiquetas HTML y su dirección de aprendizaje no está en la capa de presentación del sitio web, entonces diga adiós por completo a las etiquetas HTML.
Solía trabajar en una empresa tradicional de desarrollo de software de escritorio y ninguno de los programadores sabía HTML. Cuando el proyecto del sitio web estaba complicado, tuve que pedirles ayuda. Tomaremos algunos ejemplos que vienen con Visual Studio .Net 2003 y los analizaremos detenidamente. De acuerdo con el modelo de desarrollo estructurado en capas orientado a objetos, también podemos cooperar muy bien. Tomemos como ejemplo el desarrollo del módulo de noticias:
Paso uno: el programador del sitio web puede diseñar la base de datos basándose en el análisis de la demanda y usted puede ser responsable de crear tablas y escribir procedimientos almacenados. Los programadores están muy familiarizados con este tipo de cosas.
Paso 2: definir el objeto. Objetivizar la información del sitio web, como por ejemplo:
Noticias de clase pública
_id protegido como número entero
_typeId protegido como entero
_título protegido como cadena
_autor protegido como cadena
Protegido _original como cadena
_updateTime protegido como DateTime
_content protegido como cadena
Protegido _clickCount como entero
ID de propiedad pública () como número entero
Conseguir
Devolver _id
Fin de obtención
Establecer (valor ByVal como entero)
_id = Valor
Conjunto final
Propiedad final
Propiedad pública TypeId() como número entero
Conseguir
ID de tipo de retorno
Fin de obtención
Establecer (valor ByVal como entero)
_typeId = Valor
Conjunto final
Propiedad final
Título de propiedad pública() como cadena
Propiedad final
Autor de propiedad pública () como cadena
Propiedad final
Propiedad pública original() como cadena
Propiedad final
Propiedad pública UpdateTime() como DateTime
Propiedad final
Contenido de propiedad pública() como cadena
Propiedad final
Propiedad pública ClickCount() como número entero
Propiedad final
Fin de clase
Así, intenta objetivar todas las tablas del sitio web. Luego defina el conjunto de registros relacionados con el objeto. La definición anterior es un único objeto de noticias y luego defina un conjunto de registros de noticias.
Noticias de clase pública
...
Fin de clase
Paso 3: definir un conjunto de métodos de acceso a datos públicos.
Defina algunos métodos públicos para manipular la base de datos y ejecutar procedimientos almacenados.
Paso 4: escriba la capa del método basado en objetos. como:
Función pública ReadNews (ByVal ID como número entero) como noticias
Función final
Lo que devuelve la función es un objeto de noticias. Dependiendo de las necesidades funcionales, generalmente se definen algunas funciones relacionadas, como por ejemplo:
'Lea la lista de noticias
Función pública ReadNewss (ByVal newsType como eNewsType, ByVal nCount como entero) como noticias
Función final
'Agregar una noticia
Función pública InsertNews (ByVal n As News) como número entero
Función final
'Actualizar una noticia
Actualización de función públicaNoticias (ByVal n As News) como número entero
Función final
borrar una noticia
Función pública DeleteNews (ByVal ID como número entero) como número entero
Función final
De esta manera, el desarrollo de un sitio web se puede dividir en capa de objeto, capa de acceso a datos, capa de método y capa de presentación. El programador solo necesita proporcionar los métodos requeridos por la capa de presentación. De esta manera, cuando la capa de presentación necesita mostrar la lista de noticias, el diseñador de la página solo necesita usar el control Repetidor en .net, como se muestra en el siguiente código:
<asp:Repetidor ID="topNewsList" runat="servidor" >
<Plantilla de encabezado>
<ul>
</HeaderTemplate>
<Plantilla de artículo>
<li><a href="shownews.asp?id=<%#Container.DataItem("id")%>"><%#Container.DataItem("title")%></a></li>
</ItemTemplate>
<Plantilla de pie de página>
</ul>
</Plantilla de pie de página>
</asp:Repetidor>
En el código del programa de la capa de presentación solo necesitamos agregar:
topNewsList.DataSource = Nueva fachada.newsFacade().ReadNewss(eNewsType, newsCount)
En este caso, los programadores básicamente pueden separarse completamente del HTML. Y en este caso, los miembros de todo el equipo del proyecto pueden trabajar en paralelo. Puede mejorar significativamente la eficiencia del desarrollo de todo el proyecto. Además, el auge del modelo web 2.0 ha planteado mayores requisitos para el desarrollo de bases de datos back-end. Para sitios web como Douban y 365Kit, el trabajo de minería de bases de datos en segundo plano es muy complicado. Entonces, hoy en día, cuando la división del trabajo es clara, además del código HTML, hay muchas otras tareas más importantes esperando que las realicen los programadores de sitios web.
3: El diseño centrado en el usuario es inseparable de los ingenieros de desarrollo front-end.
Si se siente un poco reacio a abandonar el código HTML familiar, no importa. Simplemente empújese a la vanguardia de la tecnología web. Ser un ingeniero de desarrollo front-end estrechamente relacionado con el diseño de productos.