[Rezept des Trainers] Ich habe die Flasche des Python-Frameworks berührt.
Dieser Eintrag ist ein Artikel, der von einem Trainer / Tutor von G's ACADEMY TOKYO veröffentlicht wurde. Wir werden die kleinen Fragen und Fragen, die in der Klasse auftauchten, neue Technologien, an denen der Trainer interessiert ist, usw. ohne jeglichen Zusammenhang darlegen.
Ich berührte die Flasche des Python-Frameworks.
Ich bin Kuribayashi vom Personal der J's Academy.
In letzter Zeit ist Python in der G's Academy sehr beliebt, deshalb wollte ich es selbst anfassen, also habe ich es mit einer sanften Berührung versucht.
Dieses Mal möchte ich ein Framework namens Flask berühren.
Flask ist ein leichtes Webanwendungsframework für die Programmiersprache Python. Es wird gesagt, dass es "Mikroframework" genannt wird, weil es die standardmäßig bereitgestellten Funktionen auf ein Minimum beschränkt.
Referenzierter Link http://a2c.bitbucket.org/flask/quickstart.html#id2
Der Titel des kleinsten Anwendungsbeispiels im obigen Link hat mich angezogen und ausprobiert. Da ich es nur auf meinem eigenen PC ausprobiert habe, funktioniert es möglicherweise nicht, selbst wenn ich das Verfahren befolge. In diesem Fall lesen Sie bitte die verlinkte Seite.
Lassen Sie uns sofort herausfordern. (Ich habe nur die Prozedur geschrieben, die ich auf dem Mac gemacht habe. Es tut mir leid für Windows ...)
Die Python-Version lautet wie folgt. Python 3.5.2
Lassen Sie uns zuerst die Umgebung aufbauen.
Umgebung
Geben Sie den folgenden Befehl in das Terminal ein. (Vielleicht brauchst du Sudo in deinem Kopf ...)
$ easy_install virtualenv
Es scheint, dass dies auch in Ordnung ist. .. .. (Vielleicht brauchst du Sudo in deinem Kopf ...)
$ pip3 install virtualenv
Erstellen Sie eine Umgebung namens env im Projektordner myproject.
$ mkdir myproject
$ cd myproject
$ virtualenv env
Es wird gesagt, dass diese Umgebung aktiviert wird, um diese Umgebung zu verwenden. Geben Sie den folgenden Befehl ein.
$ . env/bin/activate
Kolbeninstallation
Installieren Sie den Kolben.
$ easy_install Flask
Hast du es damit installiert? ..
Fordere hallo Welt heraus
Ich werde sofort Hallo Welt versuchen.
Erstellen Sie zunächst eine hello.py-Datei.
/myproject
/hello.py
Erstellen Sie eine hello.py-Datei und schreiben Sie den folgenden Code.
hello.py
from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello_world():
return "Hello World!Korrekt"
if __name__ == '__main__':
app.run(debug=True)
Geben Sie nach Eingabe des obigen Befehls den folgenden Befehl an der Stelle ein, an der die Datei hello.py im Terminal gespeichert ist.
$ python3 hello.py
* Running on http://127.0.0.1:5000/
Es scheint, dass der Server jetzt aktiv ist.
Aus dem Browser http://127.0.0.1:5000/ Wenn ich versuche zuzugreifen
Oh! Hallo Welterfolg! Es ist super einfach damit zu machen. Toll.
Gibt eine HTML-Vorlage zurück
Dieses Mal möchte ich eine HTML-Datei zurückgeben, also werde ich sie herausfordern. Flask wird im Vorlagenvorlagenordner durchsucht. Erstellen Sie daher einen Vorlagenordner und erstellen Sie hello.html als Vorlage.
/myproject
/hello.py
/templates
/hello.html
Schreiben Sie den folgenden Code in hello.html
templates/hello.html
<!doctype html>
<title>Hello from Flask</title>
{% if name %}
<h1>{{ name }}San! Hallo Welt aus der Vorlage!</h1>
{% else %}
<h1>Hallo Welt aus der Vorlage!</h1>
{% endif %}
Ist das ok?
Diesmal aus dem Browser http://127.0.0.1:5000/hello Wenn ich versuche zuzugreifen
Oh! Es wurde angezeigt!
Diesmal aus dem Browser http://127.0.0.1:5000/hello/栗林 Wenn ich versuche zuzugreifen
Ich konnte die Charaktere "Kuribayashi" reflektieren!
Statische Datei
Ich werde auch CSS, Javascript und Bilder reflektieren.
CSS-Datei
Zuerst von CSS.
Sie können / static in Ihrer Anwendung aufrufen, indem Sie im Paket oder neben dem Modul einen Ordner mit dem Namen static erstellen. Ich habe die Ordnerstruktur wie folgt ausprobiert.
/myproject
/hello.py
/templates
/hello.html
/static
/css
/style.css
Schreiben Sie den folgenden Code in die Datei style.css.
static/css/style.css
@charset 'utf-8';
body {
background: #0fa;
}
Lassen Sie uns die Hintergrundfarbe entsprechend ändern.
Die Datei hello.html wird ebenfalls wie folgt geändert, sodass die CSS-Datei gelesen wird.
templates/hello.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/css/style.css">
<title>G's academy Trainer's Recipe</title>
</head>
<body>
<title>Hello from Flask</title>
{% if name %}
<h1>{{ name }}San! Hallo Welt aus der Vorlage!</h1>
{% else %}
<h1>Hallo Welt aus der Vorlage!</h1>
{% endif %}
</body>
</html>
Aus dem Browser http://127.0.0.1:5000/hello/栗林 Wenn ich versuche zuzugreifen
Oh ~! Es wird reflektiert.
Schreiben Sie JavaScript
Schreiben wir auch Javascript. Erstellen Sie einen js-Ordner im statischen Ordner und speichern Sie die Datei main.js.
/myproject
/hello.py
/templates
/hello.html
/static
/css
/style.css
/js
/main.js
Beschreiben Sie das Innere der Datei main.js wie folgt.
static/js/main.js
(function(){
'use strict';
alert('Es ist eine Warnung!');
})();
Skript-Tag zum Lesen von Javascript zur Datei hello.html hinzugefügt.
templates/hello.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/css/style.css">
<title>G's academy Trainer's Recipe</title>
</head>
<body>
<title>Hello from Flask</title>
{% if name %}
<h1>{{ name }}San! Hallo Welt aus der Vorlage!</h1>
{% else %}
<h1>Hallo Welt aus der Vorlage!</h1>
{% endif %}
<!--Fügen Sie Folgendes hinzu-->
<script src="/static/js/main.js"></script>
</body>
</html>
Wenn ich den Browser neu lade ...
Erfolgreiche Alarmanzeige!
Bild anzeigen
Ich möchte das Bild auch anzeigen, also versuchen wir es.
Erstellen Sie einen Bildordner im statischen Ordner und speichern Sie die Datei pic01.png des Skizzenbilds, das Sie vor einiger Zeit gezeichnet haben.
/myproject
/hello.py
/templates
/hello.html
/static
/css
/style.css
/js
/main.js
/images
/pic01.png
Ändern Sie die Datei hello.html wie folgt.
templates/hello.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/css/style.css">
<title>G's academy Trainer's Recipe</title>
</head>
<body>
<title>Hello from Flask</title>
{% if name %}
<h1>{{ name }}San! Hallo Welt aus der Vorlage!</h1>
{% else %}
<h1>Hallo Welt aus der Vorlage!</h1>
{% endif %}
<!--Fügen Sie Folgendes hinzu-->
<p>
<img src="/static/images/pic01.png " alt="pic01">
</p>
<script src="/static/js/main.js"></script>
</body>
</html>
Wenn ich den Browser neu lade ...
Oh ~! Toll!
Dieses Mal berührte ich Flask, ein Python-Framework, mit einem sanften Touch. Es ist ziemlich einfach, also fand ich es wunderbar. Ich habe Ruby on Rails ein wenig berührt, aber im Vergleich zu Rails ist es sehr einfach und es ist gut, dass es nur wenige Teile gibt, die sich wie eine Black Box anfühlen.
Neben Flask gibt es verschiedene Arten von Python wie Django, Pyramid, Bottle, Falcon usw. Wenn Sie also interessiert sind, probieren Sie bitte verschiedene Frameworks aus.
Dies ist das Rezept des Trainers von G's ACADEMY TOKYO Mitarbeitern Kuribayashi.
Recommended Posts