- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
Deviens membre Premium magic_button
Débloque cette session en devenant Membre Premium 🚀
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte person00:00:00 :Maintenant qu'on a une fenêtre qui fonctionne, on va intégrer à l'intérieur de cette fenêtre notreinterface web. Donc ce que je vais faire, c'est ici tout en haut, à côté de Qt Widgets, importer
00:00:10 :deux autres modules, le module Qt Core et le module Qt Web Engine Widgets. Donc c'est assezlong, donc vous allez pouvoir le sélectionner ici avec l'autocomplétion Qt Web Engine Widgets. Et
00:00:22 :c'est avec ces deux modules ici que l'on va pouvoir intégrer notre vue web à l'intérieur de notreapplication. Donc ce que je vais faire, c'est déjà créer un layout, donc je vais l'appeler self.mainLayout
00:00:33 :et ça va être un layout de type QGridLayout, puisque l'on va rajouter des widgets par lasuite. Je vais lui donner comme parent self, qui est donc mon QWidget, ce qui va me permettre
00:00:42 :d'avoir ce layout à l'intérieur de ma fenêtre. On va ensuite créer une vue web, donc je vais lamettre dans une variable que je vais appeler tout simplement view, et on va la créer à partir deQt Web Engine Widgets. Et ce qu'on va créer, c'est donc un QWebEngineView. Donc c'est assez
00:00:59 :long, vous voyez il y a beaucoup de choses. Heureusement que l'autocomplétion ici m'aide. Doncje vais mettre les parenthèses pour instancier cette QWebEngineView à l'intérieur de ma vue ici,donc de ma variable self.view, et on va à l'intérieur de cette vue afficher une URL. Donc
00:01:14 :je vais faire self.view et on va utiliser la méthode load qui me permet d'afficher une URL,et cette URL on va la créer à partir du module Qt Core. Donc qtcore.qurl, comme ceci, et cette
00:01:27 :URL ça va donc être http:// et l'URL de mon site sur Python Anywhere, donc docstring.pythonanywhere.com.Si vous êtes avec un développement local, vous pouvez très bien ici mettre l'adresse 127.0.0.1
00:01:44 :2.8000, donc c'est l'adresse du serveur qu'on avait en local quand on faisait notre application etque l'on lançait cette application avec notre configuration run server ici, donc avec pythonmanage.py run server, mais nous notre application on l'a mise en ligne donc on peut afficher
00:02:00 :directement le site en ligne ici. Pour finir ici je vais juste mettre un titre à ma fenêtre,donc je vais faire self.setWindowTitle et on va l'appeler tableau de bord devise. Donc ça c'est
00:02:12 :la fenêtre PySite2, je change le titre de cette fenêtre avec la méthode setWindowTitle. Pour finiron va ajouter notre vue dans le layout, donc on va faire self.mainLayout.addWidget et on va
00:02:23 :ajouter notre vue au coordonné 0, 0 et on va lui donner une largeur et une hauteur de 1. Donc çava prendre l'entièreté de notre application puisque pour l'instant on n'a qu'un seul widget,donc cette vue ici. Donc normalement tout est bon, je vais lancer mon application pour voir
00:02:38 :si ça fonctionne, donc je clique en haut à droite sur run app ici et normalement voilà on a notrevue qui s'affiche. Donc si j'agrandis ma fenêtre ici on voit que le responsive fonctionne parfaitement,
00:02:48 :donc comme quand on était sur chrome, si je réduis la taille de ma fenêtre j'ai bien un graphique parrangée et si je l'agrandis un petit peu plus j'ai bien mes deux graphiques ici. Je peux cliquer sur
00:02:58 :les boutons pour changer ici l'affichage en semaine, mois et années et on va voir dans laprochaine partie comment rajouter des widgets à cette interface pour pouvoir modifier notreapplication de façon interactive. Donc on va augmenter cette application, en quelque sorte on
00:03:11 :va pouvoir rajouter des widgets qui vont nous permettre de modifier notre tableau de bord. Doncon voit ça tout de suite dans la prochaine partie ainsi que comment modifier un petit peu notreinterface pour qu'elle soit un peu plus belle puisque là pour l'instant vous voyez qu'on ades contours ici qui font en sorte qu'on n'a pas vraiment l'impression d'avoir directement notre
00:03:27 :tableau de bord mais d'avoir plutôt une intégration de notre vue web à l'intérieur de cette fenêtre.Donc nous ce qu'on veut c'est vraiment avoir l'impression qu'on a un logiciel intégré etnon pas une vue web intégrée dans une fenêtre. Donc on voit ça tout de suite dans la prochaine partie.
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.