tutorial pages net asp application asp.net-mvc themes

asp.net-mvc - pages - javascript asp net



Asp.Net MVC Temas, ¿cómo? (4)

Tengo un sitio ASP.Net 2.0 y quiero traducirlo al paradigma MVC (soy nuevo en esto), pero comenzando desde cero.

Tengo algunos temas en mi sitio anterior, pero al leer aquí y allá, parece que Themes no encaja bien en el paradigma de MVC.

La pregunta es:

¿Cuál es la mejor práctica en MVC para construir un sitio personalizable para el usuario Temático? ¿Puedes dar un pequeño ejemplo, si corresponde?

Nota: Soy consciente de this pero no hablan sobre las mejores prácticas o cómo comenzar.


Aquí está mi código que he estado usando para implementar "Temas" en ASP.NET MVC:

ASP.NET MVC: implementa carpetas de temas utilizando un motor de visualización personalizado

Es agradable cuando puedes intercambiar archivos CSS para cambiar el tema, pero esto no es muy práctico en muchos casos. Especialmente cuando cada tema debe tener un diseño completamente diferente. En ese caso, debe cambiar el CSS y el HTML que se procesa, y esta es la razón por la que escribí el código que se encuentra en el enlace de arriba.


Como los temas fueron diseñados para estilizar etiquetas, puede usar CSS para crear un enfoque similar. Probablemente recomendaría que empiece copiando sus temas predeterminados a definiciones CSS, por ejemplo

html: <input type="button" />

css: entrada {color: azul claro}

Luego, para cualquier cosa que tenga su tema no predeterminado, simplemente puede aplicarles clases. Lleva un tiempo volver a escribir todos sus temas como CSS, pero una vez hecho, vale la pena el esfuerzo.


Un HTML limpio y semánticamente correcto con un buen CSS es la forma de tema de cualquier aplicación web, ya sea ASP.NET, RoR, PHP, etc.

El mejor ejemplo del poder de CSS es CSS Zen Garden .

w3schools tiene una buena introducción / tutorial para CSS .

Cada uno de sus usuarios podría tener una hoja de estilo asociada que se seleccionaría siempre que fuera aplicable, es decir:

<link rel="stylesheet" type="text/css" href="<%= Model.SelectedStyleSheet %>"/>


jQuery-ui temas de jQuery-ui son agradables y no demasiado difíciles de implementar.

Simplemente haga un enlace al archivo js y css y no olvide los íconos. Y asegúrese de usar Url.Content () en esos enlaces. De lo contrario, podría no estar vinculado a la ruta correcta, una vez que lo implemente en un servidor de producción (caí en esa trampa una vez).