Spanish, Mexican subtitles

← PS 06-02 Solución Rot13

Get Embed Code
4 Languages

Showing Revision 4 created 09/16/2013 by Alejandra Tirapu.

  1. Estas son las soluciones
    para los ejercicios de la Unidad 2.
  2. Recuerda, tenemos 2 partes de esto.
  3. Tenemos ROT13 y después
    la página para registrarse
  4. este revisa errores y ese tipo de cosas.
  5. Os voy a mostrar rápidamente
    mis versiones de trabajo,
  6. y después os mostraré el código,
    así que vamos a empezar con ROT13.
  7. Vale, aquí tenemos mi RTO13
    funcionando en mi máquina local.
  8. Puedo escribirle algo de texto,
    y si lo envío,
  9. le llega ROT13 dentro de la caja,
  10. y si lo vuelvo a enviar,
    se vuelve a cambiar al texto original,
  11. y así es como sabes que está funcionando.
  12. Arranca adecuadamente.
  13. Podemos observar que al escribir
    en nuestra área de texto cerrada aquí,
  14. se preserva todo.
  15. Bien, vamos a echarle un vistazo al código.
  16. Estoy en el archivo appengine.py
  17. Esta es la base del
    manipulador ROT13 que escribí.
  18. Este hereda de esta clase
    de manipulador, el ROT13 lo hace.
  19. Esto añade algunas
    funciones por conveniencia.
  20. Primero, tengo una función
    de escritura, y esto es abreviado,
  21. así puedo decir self.write
    en lugar de self.resonse.out.write.
  22. Solo guardaré algo escrito.
  23. Y después uso una cosa
    llamada plantillas; emplearé
  24. un poco más de tiempo en
    explicar las plantillas en la Unidad 3.
  25. Me ahorra el esfuerzo de tener
    que escribir todas las series sustitutas
  26. que probablemente hayas hecho
    para este ejercicio si es que aún no
  27. te has aburrido ya
    y resuelves las plantillas.
  28. Mi página base...bueno,
    vamos a ver primero el manipulador de la URL.
  29. Tenemos /unit2/rot13 maps en la clase Rot13,
  30. y aquí nos aparece nuestra
    clase Rot13 y sus dos funciones.
  31. Tiene una función para empezar
    y todo lo que hacer es representar
  32. este archivo llamado rot13-form.html.
  33. Tu versión debe haber copiado la serie completa.
  34. Esto logra lo mismo, vamos a
    seguir adelante y mostrarte este archivo.
  35. Está justamente aquí.
  36. Queremos que te acostumbres
    empezando a separar este tipo de cosas
  37. y perdonadme por poneros en esta angustia de
  38. tener que escribir un montón de
    series primero, pero apreciaréis
  39. lo bonito que es una vez lo hayáis hecho por fuerza.
  40. Nos devuelve algún HTML.
  41. Tiene nuestro título.
  42. tiene un h2, lo que hace el texto
    más grande en la parte superior de la página.
  43. Aquí está nuestra forma. Su método está publicado.
  44. Y tiene un área de texto.
  45. El área de texto tiene un nombre de texto.
  46. He añadido añadido un poco
    de estilo aquí para hacerlo más grande.
  47. Esto es básicamente una CSS.
  48. Siéntete libre en copiar esta forma
    de mi demo cuando ponga esta fuente en línea.
  49. Esta sintaxis aquí, otra vez,
    hablaremos más en la siguiente lección
  50. pero en lugar de hacer la sustitución de serie
  51. esto sustituye el texto variable
    que se ha pasado a una plantilla,
  52. y automáticamente lo arranca por mí,
    no me tengo que preocupar,
  53. cierra el texto de área y después,
    aquí está el botón de enviar.
  54. Es muy sencillo.
  55. Si quiero desactivar la función de autoarranque,
  56. que se activa en este parámetro de aquí,
    dejadme que os muestre su comportamiento.
  57. Vale, aquí tenemos algo de texto.
  58. Recordad, he desactivado el texto, lo siento.
  59. He desactivado el arranque,
    así que vamos a ver qué pasa cuando envío esto.
  60. Funciona la primera vez,
    pero la segunda, el texto salta fuera de la caja.
  61. ¿Por qué pasa esto?
  62. Bien, cuando devolvemos esta área
    de texto ROT13 a un área de texto cerrada,
  63. esto realmente ha encerrado
    nuestro área de texto en el HTML
  64. y después ha puesto este texto fuera de él.
  65. Si quisiera ver la fuente de este archivo,
    que se puede hacer muy fácilmente a través de Chrome,
  66. podemos ver qué ha pasado.
  67. Puedes ver mi plantilla, y después puedes
    ver que mi área de texto se encierra
  68. por la versión sin arranque de este texto
  69. y después "arranca adecuadamente",
    se pone fuera del área de texto.
  70. Y después, aquí tenemos el área
    de texto cerrado para mi plantilla,
  71. así que queremos asegurarnos de
    que si volvemos a nuestro editor aquí
  72. y activamos el arranque de nuevo.
    Es algo que seguramente hagas manualmente,
  73. que es como hemos aprendido a hacerlo
    desde un principio... y si voy a Chrome
  74. y vuelvo a cargar la página...
    Va a confirmar el envío de la forma
  75. podemos ver que mi área de texto en realidad ha ido.
  76. Esto es lo que la plantilla tiene, y es como se presenta.
  77. Lo que hay que destacar es que aunque nuestro HTML
  78. tiene la versión de arranque de menos que y mayor que,
  79. se presenta como menos que y mayor que,
    y cuando enviamos la forma
  80. es como menos que y mayor que.
  81. No es como la versión de arranque,
    así que afortunadamente tiene la suerte
  82. de hacer un experimento y verlo por ti mismo,
  83. pero es como esto funciona.