Ver el código de «Sekizai»

{{Ficha Software
|nombre=Sekizai
|descripción=Es un framework de red para la programacion dirigida a eventos escrito en Python
|licencia=MIT License
|web=https://github.com/ojii/django-sekizai‎
}}

'''Sekizai''' es una aplicación para del framework [[Django]] que provee una funcionalidad adicional para el sistema de plantillas del framework. El diseño de la aplicación permite establecer reglas mas definidas para la interacción entre los programadores y diseñadores en un mismo proyecto, a travéz de de un sistema de aislamiento modular de los templates y codigos fuente del proyecto o aplicación final. La palabra Sekizai significa en [[japonés]] bloque y eso es lo que esta aplicación provee al desarrollador y diseñador.

== Origen y aspectos conceptuales ==
=== Origen ===
'''Sekizai''' fue creado para suplir la necesidad de un sistema dinamico para el manejo de los archivos de media en las aplicaciones de [[Django]] y [[Django-cms]]. Dado que [[Django]] se basa en un modelo [[MVC Modelo Vista Controlador]] el nivel de interacción  entre las plantillas html y módulos en [[Python]] estara aislado de forma que los diseñadores podrán mantener sus desarrollos separados de los programadores.

=== Aspectos conceptuales ===
'''Sekizai''' provee una serie de bloques que permiten definir marcadores de posición en los bloques de contenidos definidos y adicionar en ciertos momentos información a estos. Esta función es especialmente útil para el uso de archivos [[css]] y [[javascript]]. Una de las características más importantes es que sekizai es capaz de ignorar contenidos duplicados en mismo bloque.

=== Forma de Uso ===
Asumamos que usted ha definido una plantilla base para su sitio llamada ''base.html'', con la estructura básica de su documento [[HTML]]. Su código ''base.html'' debería ser:


<p>{% load sekizai_tags %}{% load static from staticfiles %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><br/>
<html xmls="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" dir="ltr"><br/>
<head><br/>
<link rel="stylesheet" type="text/css" href="{% static "css/base.css} %}" media="all"/><br/>
{% render_block "css"%}<br/>
</head><br/>
<body><br/>
{% block "content" %}<br/>
{% endblock %}<br/>
<script type="text/javascript" src="{% static "jss/libs/jquery-1.4.2.min.js"% }"></script><br/>
{% render_block "js" %}<br/>
</body><br/>
</html></p>


En este ejemplo se puede notar que se especifica usa las [[template_tags]] de sekizai cargandolas al inicio de la pagina '''{% load sekizai_tags %}'''. También se definieron dos espacio de nombre de sekizai: "css" y "js". "css" esta despues de la inclusion del archivo [[css]] y "js" al final despues de la inclusion del archivo [[javascript]]. Se define un archivo '''inc.html'' que será capaz de imprimir la información relacionada con una lista numerica de usuarios almacenada en la variable de contexto '''userid'''.


<p>{% load sekizai_tags %}<br/>
<div class="my-div"><br/>
<ul id="dynamic-content-{{ userid }}"></ul><br/>
</div><br/>
{% addtoblock "js" %}<br/>
<script type="text/javascript" src="{% static "js/libs/lib.js" %}"></scritp><br/>
{% endaddtoblock %}<br/>
{% addtoblock "js" %}<br/>
<script type="text/javascript"><br/>
$(document).ready(function(){<br/>
$('#dynamic-content-{{ userid }}').do_something();<br/>
});<br/>
</script><br/>
{% endaddtoblock %}</p>


Para imprimir la tercera plantilla que sería la pagina final a presentar al usuario, se definio que '''my_userids'' estaria compuesto por ''[1, 2, 3]'', la plantilla luciría así:

<p>
{% extend "base.html" %}<br/>
{% block content %}<br/>
{% for userid in my_userids %}
  {% include "inc.html" %}<br/>
{% endfor %}<br/>
{% endblock %}</p>

El resultado mostrado al usuario final sería:
<p>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"  dir="ltr"><br/>
<html xmlns="http://www.w3.org" xml:lang="es" lang="es" dir="ltr"><br/>
<head><br/>
<link rel="stylesheet" type="text/css" href="/media/css/base.css" media="all"/><br/>
</head><br/>
<body><br/>
<div class="my-div"><br/>
</<br/>div>
<div class="my-div"><br/>
</div><br/>
<div class="my-div"><br/>
</div><br/>
<script type="text/javsacript" src="/media/js/libs/jquery-1.4.2.min.js"></script><br/>
<script type="text/javsacript" src="/media/js/libs/lib.js"></script><br/>
<script type="text/javascript"><br/>
    $(document).ready(function(){<br/>
        $('#dynamic-content-1').do_something();<br/>
    }<br/>
</script><br/>
<script type="text/javascript"><br/>
    $(document).ready(function(){<br/>
        $('#dynamic-conent-2').do_something();<br/>
    }<br/>
</script><br/>
<script type="text/javascript"><br/>
    $(document).ready(function(){<br/>
        $('#dynamic-conent-3').do_something();<br/>
    }<br/>
</script><br/>
</body><br/>
</html></p>

  

== Fuentes ==

*[https://github.com/ojii/django-sekizai‎ sitio en GitHub de Sekizai ]
*[http://django-sekizai.readthedocs.org Documentación de Sekizai en ReadDocs.org]

[[Category:Ciencias_Aplicadas_y_Tecnologías]] [[Category:Ciencias_informáticas_y_Telecomunicaciones]] [[Category:Ciencias_informáticas]] [[Category:Hardware]]