-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathSimply_Lift.lyx
4809 lines (3607 loc) · 97 KB
/
Simply_Lift.lyx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
#LyX 2.0 created this file. For more info see http://www.lyx.org/
\lyxformat 413
\begin_document
\begin_header
\textclass book
\begin_preamble
\usepackage[notbib]{tocbibind}
\usepackage{breakurl}
\usepackage{textcomp}
\usepackage[htt]{hyphenat}
% redefine the \LyX macro for PDF bookmarks
\def\LyX{\texorpdfstring{%
L\kern-.1667em\lower.25em\hbox{Y}\kern-.125emX\@}
{LyX }}
% "define" Scala
\lstdefinelanguage{scala}{morekeywords={abstract,case,catch,class,def,do,else,extends,false,final,finally,for,forSome,if,implicit,import,lazy,match,new,null,object,override,package,private,protected,return,sealed,super,this,throw,trait,try,true,type,val,var,while,with,yield},
otherkeywords={=>,<-,<:,<\%,>:},
sensitive=true,
morecomment=[l]{//},
morecomment=[s]{/*}{*/},
morestring=[b]"}
\definecolor{darkgreen}{rgb}{0,0.4,0}
% Default settings for code listings
\lstset{frame=tb,
language=scala,
aboveskip=3mm,
belowskip=3mm,
showstringspaces=false,
columns=flexible,
basicstyle={\small\ttfamily},
keywordstyle=\color{blue},
commentstyle=\color{darkgreen},
stringstyle=\color{red},
upquote=true,
showtabs=true,
tab=BADTAB,
numbers=left,
numberstyle=\tiny}
% Fix the List of Listings title
\renewcommand{\lstlistlistingname}{List of Listings}
% Be less rigorous with line breaking
\sloppy
\end_preamble
\use_default_options true
\begin_modules
theorems-ams
eqs-within-sections
figs-within-sections
\end_modules
\maintain_unincluded_children false
\language english
\language_package default
\inputencoding auto
\fontencoding global
\font_roman palatino
\font_sans default
\font_typewriter courier
\font_default_family default
\use_non_tex_fonts false
\font_sc false
\font_osf false
\font_sf_scale 100
\font_tt_scale 100
\graphics default
\default_output_format default
\output_sync 0
\bibtex_command default
\index_command default
\paperfontsize 11
\spacing single
\use_hyperref true
\pdf_title "Simply Lift"
\pdf_author "David Pollak"
\pdf_bookmarks true
\pdf_bookmarksnumbered true
\pdf_bookmarksopen false
\pdf_bookmarksopenlevel 1
\pdf_breaklinks true
\pdf_pdfborder true
\pdf_colorlinks true
\pdf_backref false
\pdf_pdfusetitle false
\pdf_quoted_options "urlcolor=blue,linkcolor=blue"
\papersize letterpaper
\use_geometry true
\use_amsmath 1
\use_esint 1
\use_mhchem 1
\use_mathdots 1
\cite_engine basic
\use_bibtopic false
\use_indices false
\paperorientation portrait
\suppress_date false
\use_refstyle 0
\index Index
\shortcut idx
\color #008000
\end_index
\leftmargin 1in
\topmargin 1in
\rightmargin 1in
\bottommargin 1in
\secnumdepth 2
\tocdepth 2
\paragraph_separation skip
\defskip medskip
\quotes_language english
\papercolumns 1
\papersides 2
\paperpagestyle headings
\tracking_changes false
\output_changes false
\html_math_output 0
\html_css_as_file 0
\html_be_strict false
\end_header
\begin_body
\begin_layout Standard
1
\begin_inset ERT
status open
\begin_layout Plain Layout
\backslash
frontmatter
\end_layout
\end_inset
\end_layout
\begin_layout Title
Simply Lift
\end_layout
\begin_layout Author
David Pollak
\end_layout
\begin_layout Date
Septiembre 8, 2011
\end_layout
\begin_layout Standard
\noindent
Copyright © 2010-2011 by David Pollak
\begin_inset Newline newline
\end_inset
Este documento esta licenciado con Creative Commons Attribution, Non Commercial,
No Derivatives:
\begin_inset Flex URL
status open
\begin_layout Plain Layout
http://creativecommons.org/licenses/by-nc-nd/3.0/
\end_layout
\end_inset
\end_layout
\begin_layout Standard
\begin_inset CommandInset toc
LatexCommand tableofcontents
\end_inset
\end_layout
\begin_layout Standard
\begin_inset FloatList figure
\end_inset
\end_layout
\begin_layout Standard
\begin_inset ERT
status open
\begin_layout Plain Layout
\backslash
lstlistoflistings
\end_layout
\end_inset
\end_layout
\begin_layout Standard
\begin_inset ERT
status open
\begin_layout Plain Layout
\backslash
mainmatter
\end_layout
\end_inset
\end_layout
\begin_layout Part
El Framework Lift Web
\end_layout
\begin_layout Chapter
Introducción
\end_layout
\begin_layout Standard
El Framework Lift Web provee a desarrolladores de aplicaciones web herramientas
para escribir aplicaciones web seguras, escalables, e interactivas más
facil que con cualquier otro framework web.
Después de leer la Parte I de este libro, debería ser posible entender
los conceptos fundamentales de Lift y ser capaz de escribir aplicaciones
Lift.
Pero como en todo, la práctica es importante.
He escrito Lift y Scala por 4 años, y aún aprendo cosas nuevas sobre el
lenguaje y el framework cada semana.
Por favor considere Lift como un camino y exploración, en lugar de, un
punto final.
\end_layout
\begin_layout Standard
\begin_inset Quotes eld
\end_inset
Ho, David, deja de parlotear'.
Vengo de Rails|Spring|Struts|Django y quiero comenzar super rapido con
Lift.
\begin_inset Quotes erd
\end_inset
Ver MVC (
\begin_inset CommandInset ref
LatexCommand vref
reference "cha:From-MVC"
\end_inset
).
\end_layout
\begin_layout Standard
Lift está construido sobre el lenguaje de programación
\begin_inset CommandInset href
LatexCommand href
name "Scala"
target "http://scala-lang.org"
\end_inset
.
Scala se ejecuta sobre la Máquina Virtual de Java (
\begin_inset CommandInset href
LatexCommand href
name "Java Virtual Machine"
target "http://www.oracle.com/technetwork/java/index.html"
\end_inset
).
Las aplicaciones Lift son típicamente empaquetadas como archivos
\begin_inset CommandInset href
LatexCommand href
name "WAR"
target "http://en.wikipedia.org/wiki/WAR_(Sun_file_format)"
\end_inset
y se ejecutan como
\begin_inset CommandInset href
LatexCommand href
name "J/EE Servlets"
target "http://www.oracle.com/technetwork/java/index-jsp-135475.html"
\end_inset
o Filtros Servlet.
Este libro proveerá los conceptos fundamentales necesarios para excribir
aplicaciones web Lift.
El libro asume conocimiento de Servlets y contenedores de Servlets, el
lenguaje Scala (Capítulos 1-6 de
\shape italic
\begin_inset CommandInset href
LatexCommand href
name "Beginning Scala"
target "http://apress.com/book/view/9781430219897"
\end_inset
\shape default
da una buena base del lenguaje), herramientas de construcción, editores
de programas, inclusión de HTML y JavaScript en desarrollo web,etc.
Adicionalmente, este libro no explorará la persistencia.
Lift tiene módulos adicionales para almacenamientos de datos persistentes
relacionales y no relacionales.
Lift no distingue en cuanto a cómo un objeto se materializa en un espacio
de direcciones ...
Lift puede tratar cualquier objeto de la manera que se desee.
Hay muchos recursos (incluyendo
\begin_inset CommandInset href
LatexCommand href
name "Exploring Lift"
target "http://exploring.liftweb.net/"
\end_inset
) que cubren formas de persistir datos de una JVM.
\end_layout
\begin_layout Standard
Lift es diferente a la mayoría de los frameworks web y es probable que las
diferencias de Lift sean in reto y un choque si se está familiarizado con
la escuela de frameworks web MVC
\begin_inset Index idx
status open
\begin_layout Plain Layout
MVC
\end_layout
\end_inset
\begin_inset Foot
status open
\begin_layout Plain Layout
Esto incluye Ruby on Rails, Struts, Java Server Faces, Django, TurboGears,
etc.
\end_layout
\end_inset
.Pero Lift es diferente y estas diferencias proporcionan mas poder para crear
aplicaciones interactivas.
Las diferencias de Lift dan lugar a aplicaciones web mas concisas.
Las diferencias de Lift resultan en aplicaciones mas seguras y escalables.Las
diferencias de Lift, permiten ser más productivo y hacen más facil el mantenimi
ento de aplicaciones en el futuro para quien las escribe.
Por favor relájese y trabaje para entender las diferencias de Lift ...
y vea cómo se puede hacer el mejor uso de las características de Lift para
construir sus aplicaciones web.
\end_layout
\begin_layout Standard
Lift crea abstracciones que permiten facilitar expresiones de la lógica
de negocios y mapea estas abstracciones a HTTP y HTML.
Este enfoque difiere de los frameworks web tradicionales los cuales construyen
abstracciones sobre HTTP y HTML y requieren que el desarrollador cree un
puente entre los patrones comunes de la lógica de negocios y el protocolo
subyacente.
La diferencia significa que se pasa más tiempo pensando en su aplicación
y menos tiempo en pensar en las tuberías o puentes de comunicación.
\end_layout
\begin_layout Standard
Yo soy un
\begin_inset Quotes eld
\end_inset
aprendiz de concepto
\begin_inset Quotes erd
\end_inset
.
Yo aprendo los conceptos y los aplico una y otra vez en situaciones que
surgen.
Este libro se enfoca mucho en los conceptos.
Si tu eres un aprendiz de conceptos y te gusta mi enfoque en un estilo
conciente, este libro probablemente te convenga.
Por otro lado puede que no.
\end_layout
\begin_layout Standard
Hasta la fecha las versiones de este libro estan disponibles en formato
PDF en
\begin_inset Flex URL
status collapsed
\begin_layout Plain Layout
http://simply.liftweb.net/Simply_Lift.pdf
\end_layout
\end_inset
.
El código fuente para este libro está disponible en
\begin_inset CommandInset href
LatexCommand href
name "https://github.com/dpp/simply_lift"
target "https://github.com/dpp/simply_lift"
\end_inset
.
\end_layout
\begin_layout Standard
Si se tiene preguntas, retroalimentacion, o mejoras a este documento, por
favor, unirse a la conversación en:
\begin_inset CommandInset href
LatexCommand href
name "Lift Google Group"
target "http://groups.google.com/group/liftweb"
\end_inset
.
\end_layout
\begin_layout Standard
Voy a
\begin_inset Quotes eld
\end_inset
subirme las mangas y ensuciarme las manos con código
\begin_inset Quotes erd
\end_inset
calma chico ...
Asi que vamos a construir una simple aplicación de Chat en Lift.
Esta aplicación permitirá demostrarnos algunas de las características principal
es de Lift, que será como una demostración de
\begin_inset Quotes eld
\end_inset
bofetada en la cara
\begin_inset Quotes erd
\end_inset
del porqué Lift es diferente.
\end_layout
\begin_layout Chapter
\begin_inset CommandInset label
LatexCommand label
name "cha:The-ubiquitous-Chat"
\end_inset
La ubicua aplicación de chat
\end_layout
\begin_layout Standard
Escribir una aplicación de chat multiusuario en Lift es super simple, e
ilustra muchos de los conceptos básicos de Lift.
\end_layout
\begin_layout Standard
El código fuente se puede encontrar en
\begin_inset CommandInset href
LatexCommand href
target "https://github.com/dpp/simply_lift/tree/master/chat"
\end_inset
.
\end_layout
\begin_layout Section
La Vista
\end_layout
\begin_layout Standard
Cuando se escribe una aplicación Lift, muchas veces es mejor comenzar con
la interfaz de usuario ...
Construir lo que el usuario verá y después agregar el comportamiento a
la página HTML.
A continuación se muestra la plantilla Lift que conforma nuestra aplicación
de chat.
\end_layout
\begin_layout Standard
\begin_inset CommandInset include
LatexCommand lstinputlisting
filename "chat/src/main/webapp/index.html"
lstparams "caption={index.html},language=xml"
\end_inset
\end_layout
\begin_layout Standard
Es una página HTML válida, pero hay algunas atributos de clase sospechosos.
El primero es
\family typewriter
<body class="lift:content_id=main">
\family default
.
La clase en este caso dice
\begin_inset Quotes eld
\end_inset
el contenido actual de la página esta contenido por el elemento con el id='main'.
\begin_inset Quotes erd
\end_inset
Esto permite tener páginas HTML válidas para cada una de las plantillas,
pero dinámicamente añadir un
\begin_inset Quotes eld
\end_inset
cromo
\begin_inset Quotes erd
\end_inset
alrededor del contenido en función de una o más plantillas cromo.
\end_layout
\begin_layout Standard
El
\family typewriter
<div id="main">
\family default
tiene también una clase poco convencional:
\family typewriter
lift:surround?with=default;at=content
\family default
.
Esta clase invoca un snippet que rodea el
\family typewriter
<div>
\family default
con la plantilla defaul e inserta el
\family typewriter
<div> y sus hijos en elemento con id
\family default
\begin_inset Quotes eld
\end_inset
content
\begin_inset Quotes erd
\end_inset
en la plantilla default.
O envuelve el cromo default alrededor del
\family typewriter
<div>
\family default
.
Para más información sobre snippets, ver
\begin_inset CommandInset ref
LatexCommand vref
reference "sec:Snippets"
\end_inset
.
\end_layout
\begin_layout Standard
A continuación se define como se asocia un comportamiento dinámico con la
lista de elementos del chat:
\family typewriter
<div class="lift:comet?type=Chat">
\family default
.
El snippet
\begin_inset Quotes eld
\end_inset
comet
\begin_inset Quotes erd
\end_inset
busca una clase llamada
\family typewriter
Chat
\family default
que extiende a
\family typewriter
CometActor
\family default
y habilita los mecanismos para colocar contenido del
\family typewriter
CometActor
\family default
en el navegador cuando el estado del
\family typewriter
CometActor
\family default
cambia.
\end_layout
\begin_layout Section
El componente Comet del Chat
\end_layout
\begin_layout Standard
El
\begin_inset CommandInset href
LatexCommand href
name "Actor Model"
target "http://en.wikipedia.org/wiki/Actor_model"
\end_inset
provee estado en los lenguajes funcionales, incluyendo Erlang.
En Lift se tiene una biblioteca de Actores y LiftActors (ver
\begin_inset CommandInset ref
LatexCommand ref
reference "sec:LiftActor"
\end_inset
) que provee un módelo poderoso modelo de estado y concurrencia.
Todo esto puede parecer abstracto, asi que veamos la clase
\family typewriter
Chat
\family default
.
\end_layout
\begin_layout Standard
\begin_inset CommandInset include
LatexCommand lstinputlisting
filename "chat/src/main/scala/code/comet/Chat.scala"
lstparams "caption={Chat.scala},label={Chat}"
\end_inset
\end_layout
\begin_layout Standard
El componente
\family typewriter
Chat
\family default
tiene un estado privado, se registra con el
\family typewriter
ChatServer
\family default
, maneja los mensajes entrantes y se puede renderizar por si mismo.
Se ve a continuación cada una de esas piezas.
\end_layout
\begin_layout Standard
El estado privado, como cualquier estado privado en código orientado a objetos
prototípico, es el estado el que define el comportamiento del objeto.
\end_layout
\begin_layout Standard
registerWith es un método que define que componentese debe registrar con
que componente del Chat.
El registro es parte del Patrón Oyente (or
\begin_inset CommandInset href
LatexCommand href
name "Observer"
target "http://en.wikipedia.org/wiki/Observer_pattern"
\end_inset
).
Se verá la definición de
\family typewriter
ChatServer
\family default
en un minuto.
\end_layout
\begin_layout Standard
El método
\family typewriter
lowPriority
\family default
define como procesar los mensajes entrantes.
En este caso, se hace un Encaje de Patrones(Pattern Matching) (ver
\begin_inset CommandInset ref
LatexCommand formatted
reference "sec:Pattern-Matching"
\end_inset
) con el mensaje entrante y si es del tipo
\family typewriter
Vector[String]
\family default
, entonces se realiza una acción para poner el estado local al
\family typewriter
Vector
\family default
y re-renderizar el componente.
El que se re-renderice forzará que los cambios salgan a cualquier navegador
que este mostrando el componente.
\end_layout
\begin_layout Standard
Se define como
\family typewriter
renderizar
\family default
el componente, mediante la definición de CSS que coincida con el reemplazo
(Ver
\begin_inset CommandInset ref
LatexCommand formatted
reference "sec:CSS-Selector-Transforms"
\end_inset
).
Se empareja todos las etiquetas
\family typewriter
<li>
\family default
de la plantilla y para cada mensaje se crea una etiqueta
\family typewriter
<li>
\family default
con el conjunto de nodos hijo con el mensaje.
Adicionalmente, se limpia todos los elementos que tengan
\family typewriter
clearable
\family default
en el atributo de la
\family typewriter
clase
\family default
.
\end_layout
\begin_layout Standard
Eso seria todo para el componente CometActor del Chat.
\end_layout
\begin_layout Section
El
\family typewriter
ChatServer
\end_layout
\begin_layout Standard
El código del ChatServer:
\end_layout
\begin_layout Standard
\begin_inset CommandInset include
LatexCommand lstinputlisting
filename "chat/src/main/scala/code/comet/ChatServer.scala"
lstparams "caption={ChatServer.scala},label={ChatServer.scala}"
\end_inset
\end_layout
\begin_layout Standard
El
\family typewriter
ChatServer
\family default
está definido como un
\family typewriter
objeto
\family default
rather than a
\family typewriter
clase
\family default
.
Esto hace que sea un singleton que puede ser referenciado por el nombre
\family typewriter
ChatServer
\family default
desde cualquier lugar dentro de la aplicación.
Los singletones de Scala difieren de los
\family typewriter
static
\family default
de Java en que el singleton es una instancia de un objeto y que esa instancia
puede ser pasada como cualquier otra instancia.
Es debido a esto que se puede retornar la instancia de
\family typewriter
ChatServer
\family default
desde el método
\family typewriter
registerWith
\family default
en ese componente
\family typewriter
Chat
\family default
.
\end_layout
\begin_layout Standard
El ChatServer tiene un estado privado, un
\family typewriter
Vector[String]
\family default
que representa la lista de mensajes de chat.
Notese que el sistema de inferencia de tipos, infiere el tipo de
\family typewriter
msgs
\family default
por lo que no es necesario definir el tipo explicitamente.
\end_layout
\begin_layout Standard
El método
\family typewriter
createUpdate
\family default
generá una actualización para ser enviado a los oyentes.
Esta actualización es enviada cuando un oyente se registra con el
\family typewriter
ChatServer
\family default
o cuando el método
\family typewriter
updateListeners()
\family default
es invocado.
\end_layout
\begin_layout Standard
Finalmente, el método
\family typewriter
lowPriority
\family default
define los mensajes que este componente puede manejar.
Si el
\family typewriter
ChatServer
\family default
recive una
\family typewriter
String
\family default
como mensaje, entonces añade el
\family typewriter
String
\family default
al
\family typewriter
Vector
\family default
de mensajes y actualiza los oyentes.
\end_layout
\begin_layout Section
Entrada del Usuario
\end_layout
\begin_layout Standard
Retrocedamos a la vista y veamos como se define el comportamiento para agregar
lineas al chat.
\end_layout
\begin_layout Standard
\family typewriter
<form class="lift:form.ajax">
\family default
define una entrada de formulario y el snippet
\family typewriter
form.ajax
\family default
convierte un formulario en un formulario Ajax (ver
\begin_inset CommandInset ref
LatexCommand formatted
reference "sec:Ajax"
\end_inset
) que será that will be enviado de vuelta al servidor sin ocasionar una
recarga completa de la página.
\end_layout
\begin_layout Standard
A continuación se define el elemento de entrada de formulario:
\family typewriter
<input class="lift:ChatIn" id="chat_in"/>
\family default
.
Es un elemento de entrada de formulario común y corriente, pero se ha modificad
o el comportamiento del
\family typewriter
<input>
\family default
llamando al snippet
\family typewriter
ChatIn
\family default
.
\end_layout
\begin_layout Section
Chat In
\end_layout
\begin_layout Standard
El snippet
\family typewriter
ChatIn
\family default
(Ver
\begin_inset CommandInset ref
LatexCommand formatted
reference "sec:Snippets"
\end_inset
) se define como:
\end_layout
\begin_layout Standard
\begin_inset CommandInset include
LatexCommand lstinputlisting
filename "chat/src/main/scala/code/snippet/ChatIn.scala"
lstparams "caption={ChatIn.scala},label={ChatIn.scala}"
\end_inset
\end_layout
\begin_layout Standard
El códgio es muy simple.
El snippet esta definido como un método que asocia una función con el envio
del formulario,
\family typewriter
onSubmit
\family default
.
Cuando el elemento es enviado, ya sea mediante un formulario regular, Ajax,
or cualquier otro, la función es aplicada al valor del formulario.
En Castellano(Inglés en el texto original), cuando un usuario envia el
formulario, se invoca a la función con las entradas del usuario.
\end_layout
\begin_layout Standard
La función envía la entrada como un mensaje al
\family typewriter
ChatServer
\family default
y devuelve un JavaScript que coloca una cadena vacia al valor de la caja
de entrada.
\end_layout
\begin_layout Section
Ejecutarlo
\end_layout
\begin_layout Standard
Ejecutar la aplicación es sencillo.
Hay que asegurarse que se tiene instalado Java 1.6 o superior.
Ingresar al directorio de la aplicación
\family typewriter
chat
\family default
y escribir
\family typewriter
sbt update ~jetty-run
\family default
.
Simple Build Tool descargará todas las dependencias necesarias, compilará
y ejecutará el programa.
\end_layout
\begin_layout Standard
Puedes abrir varios navegadores apuntando a