Mostrando entradas con la etiqueta template. Mostrar todas las entradas
Mostrando entradas con la etiqueta template. Mostrar todas las entradas
Plantilla para blogger - Simple News
Una plantilla o template para Blogger, como su nombre lo dice, "Simple News" es simple y sirve muy bien para un blog donde podamos cargar posts y estos queden bien ordenados y relativamente sencillos a la vista, podemos decir que está cerca de ser minimalista, sin llegar a serlo. La imagen a continuación y al final el link para descargar y otro para ver una demo online.
Links
Descarga
Demo
Links
Descarga
Demo
Crear función helper en el template
A veces cuando ingresamos datos en una plantilla, estos no tienen el formato que esperamos. En estas situaciones tendrás que crear funciones personalizadas para formatearlo.
Si usted está usando por ejemplo handlebars, es mas fácil registrar una función auxiliar, pero en otras soluciones, como underscore no ofrecen esa funcionalidad. Vas a tener hace el tuyo propio.
La razón por la que esto no es tan simple como podría parecer se debe a que la mayoría de las bibliotecas de templates harán que el objeto de datos que le pasamos se pase a la función de la template con el valor de "this" como contexto. Por lo tanto, la función necesita ser parte de este objeto. Hay un par de maneras de solucionar esto. El camino principal es añadir la función para el objeto de datos antes de pasarla a la función de plantilla. ejemplo:
Esto es ideal para ciertas situaciones, pero es posible que usted tengamos varios conjuntos de templates, cada cual tiene su propio conjunto de funciones auxiliares. Lo que me gustaría hacer en estos casos es envolver la función de plantilla en otra función que se aplicará a los helpers del objeto data.
Seguir leyendo
Si usted está usando por ejemplo handlebars, es mas fácil registrar una función auxiliar, pero en otras soluciones, como underscore no ofrecen esa funcionalidad. Vas a tener hace el tuyo propio.
La razón por la que esto no es tan simple como podría parecer se debe a que la mayoría de las bibliotecas de templates harán que el objeto de datos que le pasamos se pase a la función de la template con el valor de "this" como contexto. Por lo tanto, la función necesita ser parte de este objeto. Hay un par de maneras de solucionar esto. El camino principal es añadir la función para el objeto de datos antes de pasarla a la función de plantilla. ejemplo:
// assume data object and template functiondata.formatPrice = function (priceInCents) { return "$" + (priceInCents / 100).toFixed(2);}var html = template(data);Esto es ideal para ciertas situaciones, pero es posible que usted tengamos varios conjuntos de templates, cada cual tiene su propio conjunto de funciones auxiliares. Lo que me gustaría hacer en estos casos es envolver la función de plantilla en otra función que se aplicará a los helpers del objeto data.
var productTemplate = function (data) { var template = _.template("the template string"); data.helperFunction1 = function () { return "whatever" }; return template(data);};
Hay varias maneras de mejorar esto (puedes comenzar con el almacenando en el caché en "raw" la función del template, fuera de esta función), pero seria la idea básica. Ahora, puedes simplemente pasar los datos a ese productTemplate y tener acceso a las funciones helpers
Templates JavaScript
Underscored para lo simple Handlebars para lo mas complejo
Usar una template de JavaScriptPuede puede ser una buena elección, primeramente lo que tenemos que hacer es buscar una biblioteca bien probada y depurada.
Aunque las opciones son casi infinitas, hay dos opciones muy buenas, dependiendo de la complejidad de tu proyecto.
Si el proyecto es relativamente simple, puedes utilizar Underscore.js. En su mayor parte, esta biblioteca ofrece utilidades de programación funcional, pero tiene un método _.template que no podria facilitarnos mas la vida. Por defecto, se utiliza la ERB-esque <% =%> delimitadores, pero que modificarse fácilmente. La belleza de esta solución es que cualquier proyecto que requiera templates probablemente tenga cargado Underscore ya, debido a su enorme utilidad general. En el buscador puedes obtener más información acerca de Underscore, hay mucha.
Si estas un poco mas entusiasmado, te recomiendo esto, Con muchas bloques útiles (como #each, #if y mas) y la capacidad de registrar tus propias funciones de ayuda.
Por supuesto que hay otras bibliotecas de templates, no dudes es en buscar mas! Los nombrados suelen ser los mas populares.
Seguir leyendo
Usar una template de JavaScriptPuede puede ser una buena elección, primeramente lo que tenemos que hacer es buscar una biblioteca bien probada y depurada.
Aunque las opciones son casi infinitas, hay dos opciones muy buenas, dependiendo de la complejidad de tu proyecto.
Si el proyecto es relativamente simple, puedes utilizar Underscore.js. En su mayor parte, esta biblioteca ofrece utilidades de programación funcional, pero tiene un método _.template que no podria facilitarnos mas la vida. Por defecto, se utiliza la ERB-esque <% =%> delimitadores, pero que modificarse fácilmente. La belleza de esta solución es que cualquier proyecto que requiera templates probablemente tenga cargado Underscore ya, debido a su enorme utilidad general. En el buscador puedes obtener más información acerca de Underscore, hay mucha.
Si estas un poco mas entusiasmado, te recomiendo esto, Con muchas bloques útiles (como #each, #if y mas) y la capacidad de registrar tus propias funciones de ayuda.
Por supuesto que hay otras bibliotecas de templates, no dudes es en buscar mas! Los nombrados suelen ser los mas populares.
Suscribirse a:
Entradas (Atom)
