manPython Web User Interface - Cookbook: recipe #243, WUI - Tutoriel

 
 

You are not allowed to post comments on this tracker with your current authentication level.

recipe #243: WUI - Tutoriel

Submitter:  Skami 18 <skami18>
Submitted:  Mon 22 Nov 2010 06:34:36 PM UTC
   
 
Category:  None Importance:  5 - High
Status:  Approved Privacy:  Public
Assigned to:  None Open/Closed:  Open
Keywords:  wui, tutorial, tutoriel, tuto

Mon 22 Nov 2010 06:34:36 PM UTC, recipe preview:  

Manuel d'utilisation du WUI


Ce tutoriel à pour but de vous expliquer comment utiliser WUI à travers des exemples et des explications.

Les bases de WUI


Une GUI basique


La parole est d'argent mais le code est d'or; voilà donc le code minimal d'un programme WUI:


from wui import core, widgets

class MonInterfaceGrapiqueQuiRoxXxe(core.WUI):
def __init__(self):
hello=widgets.Label(text='Hello World')
self.setChild(hello)

g = MonInterfaceGraphiqueQuiRoxXxe()
g.mainLoop()



Si vous lancez ce code, votre navigateur web devrait s'ouvrir et le message «Hello World» devrait apparaître à l'écran...

Explications:

La ligne n°1 importe le module «core», qui contient la classe «WUI» et le module «widgets», qui contient les widgets, c'est à dire les éléments de l'interface web (boutons, texte, etc...).

La ligne n°3 crée une classe qui représentera votre interface web, et qui hérite de «core.WUI», la classe de base pour les interfaces web...

La ligne n°4 crée la méthode «__init__» de la classe.
Pour ceux qui ne sont pas familiers avec la Programmation Orientée Objet (POO), cette méthode est appelée à la création d'une nouvelle instance de la classe. Cette méthode prends en premier argument l'instance créée. L'objet «self» dans la méthode «__init__» représentera donc la nouvelle instance de la classe.

Si vous n'êtes vraiment pas familiers avec la POO, je vous conseille de lire ce courscelui-ci, car les bases de la POO sont indispensables à l'utilisation de WUI et car ces connaissances vous serons très utiles en général...

À la ligne n°5, et dans la méthode «__init__», donc, nous créons une instance «hello» de la classe «wui.widgets.Label». Nous initialisons cette instance en réglant le paramètre «text» du constructeur de la classe sur «Hello World».

Ceci aura pour effet - vous l'aurez compris - de créer un widget pour afficher du texte et dont le texte est «Hello World»...

Enfin, à la ligne suivante, nous passons ce widget à la méthode «setChild» de notre classe. Nous n'avons pas définit cette méthode, mais rappelez-vous que notre classe hérite de la classe «wui.core.WUI»: c'est de là que viens cette méthode ;-)
Ceci à pour effet d'indiquer à notre classe, qui propulsera les widgets, que le widget principal (le «root widget») est notre widget «hello».

Voilà, notre Web UI est terminée, nous n'avons plus qu'à l'instancier - c'est ce qu'on fait à l'avant-dernière ligne - et à la lancer - c'est ce que nous faisons à la dernière ligne ...

*Ce tutoriel à été fait à la RACHE, il sera fini dans les plus brefs délais !*


Skami 18 <skami18>
Group administrator

 

(Note: upload size limit is set to 16384 kB, after insertion of the required escape characters.)

No files currently attached

 

Depends on the following items: None found

Items that depend on this one: None found

 

Carbon-Copy List
  • -email is unavailable- added by skami18 (Submitted the item)
  • -email is unavailable- added by skami18
  •  

    Follow 2 latest changes.

    Date Changed by Updated Field Previous Value => Replaced by
    2010-11-22 skami18 StatusDraft Approved
    2010-11-22 skami18 Carbon-Copy- Added -email is unavailable-

    Back to the top

    Powered by Savane 3.13-02a9.
    Corresponding source code