Étape 5: Retour des fichiers HTML
Donc, je devine que vous êtes un peu débordé sur l’ensemble de la programmation, mais un peu déçu sur ce que vous en sortir. Devinez quoi, vous n’avez pas besoin d’écrire vos pages en Python ! Vous pouvez garder les choses simples et utiliser le programme modèle Jinja2 déjà fourni avec le ballon. Cela vous permettra de glisser-déplacer votre HTML, CSS et les fichiers de script web dans un dossier et vous n’avez pas besoin de les modifier pour Python ! Nous allons donc commencer par une page HTML de base avec certains styles de base.
< html >
< tête >
< titre > mon site de Python! < /title >
< / head >
< corps >
< h1 >< taille de la police = « 6 » color = « red » face = « verdana » > Bienvenue sur mon site basé sur Python! < / police >< / h1 >
< p >< b >< i >< la taille de police = « 3 » color = « gray » face = « verdana » > C’est mon premier site basé sur Python qui s’exécute sur mon Raspberry Pi! < / polices >< /i >< / b >< / p >
< / body >
< / html >
Voir comment simple HTML est ? C’est une tres langue facile à apprendre parce que c’est beaucoup comme anglais ! Alors que sous ce que vous voulez, mais assurez-vous qu’il a .html, .txt pas. Maintenant créez un dossier dans le même répertoire que vos fichiers Python et appelez-le modèles . S’assurer que les modèles est orthographié sans capitalisation et qui est inclut d’un ' à la fin. L’orthographe exacte doit être des modèles . Placer votre fichier HTML dans le dossier templates. Ensuite, remplacez le fichier Bonjour.py avec le code suivant.
de l’importation de ballon ballon
flacon d’importation render_template
App = Flask(__name__)
def mypysite(name=None) :
retour render_template('index.html')
Si __name__ == « __main__ » :
App.Run('0.0.0.0')
Alors allez à votre borne et utiliser le cd (changement de répertoire) pour accéder à votre dossier de site Web comme vous le faisiez avant. Tapez Bonjour.py python de gérer votre serveur. Ouvrir le site Web sur un autre ordinateur sur le même réseau, et vous verrez index.html fonctionnera ! index.html est le fichier HTML que j’ai écrit ci-dessus.