Dynamische Webseiten mit Flask und reST

Mitglied der Helmholtz-Gemeinschaft Dynamische Webseiten mit Flask und reST Flask,
jinja2, publish_parts 29.11.2014 Reimar Bauer

Kontakt-Informationen: Forschungszentrum Jülich GmbH http://www.fz-juelich.de/ Reimar Bauer, IEK-7 [email protected] [email protected]
@ReimarBauer [email protected] http://moinmo.in/ReimarBauer 29.11.2014 Reimar Bauer Folie 2

Überblick Einführung Aufgabe Ergebnis Zusammenfassung 29.11.2014 Reimar Bauer Folie 3

pymove3D Site Januar 2014: PySV Website Sprint für pymove3D. Ein
Wochenende in Berlin: Peter Koppatz, Reimar Bauer und Stefania Trabucchi erstellen eine gut anpassbare Site wie sich später herausstellt. pymove3d-app; pymove3d Webseite; 29.11.2014 Reimar Bauer Folie 4

pymove3D design 29.11.2014 Reimar Bauer Folie 5

Aufgabe Mai 2014: Wir brauchen eine Webseite für das ESKP
- Projekt, für unser Institut. Bilder, Text, Inhalte leicht pﬂegbar; Markup; Dynamik; Theme Responsive; Lizenz GPL oder ähnlich; Fertigstellung, asap. 2 Tage? 29.11.2014 Reimar Bauer Folie 6

ESKP Seite des IEK-7 eskp-iek7 Fork von pymove3D 29.11.2014 Reimar
Bauer Folie 7

So ist es aufgebaut ﬂask Awendung pymov3d.py; jinja2 templates; translations
text, in reST; static css, fonts etc. 29.11.2014 Reimar Bauer Folie 8

pymove3d content Snippet pymove3d Programm import os from d o
c u t i l s . core import publish_parts from f l a s k import Flask # gets the path where a l l s t u f f i s located PYMOVE3D_PATH = os . path . dirname ( os . path . abspath ( __file__ ) ) app = Flask (__name__) def get_content ( filename , overrides=None) : def get_topmenue ( ) : app . jinja_env . globals . update ( get_topmenue=get_topmenue ) @app. route ( " / " ) def index ( ) : i f __name__ == " __main__ " : app . run ( host= ’ localhost ’ , port =5014, debug=True ) snippet–pymove3d.py 29.11.2014 Reimar Bauer Folie 9

reST Markup Texte sind im Zusammenhang leichter formulierbar und zu
übersetzen /templates/de/rst /templates/en/rst 29.11.2014 Reimar Bauer Folie 10

reST Inhalte verarbeiten Sphinx kann reST Markup in HTML übersetzen.
Es verwendet publish_parts aus den docutils. Snippet reST to HTML def get_content ( filename , overrides=None) : filename = os . path . j o i n (PYMOVE3D_PATH, filename ) content = u" " i f os . path . i s f i l e ( filename ) : with codecs . open ( filename , ’ r ’ , ’ utf −8 ’ ) as f : rst_data = f . read ( ) content = publish_parts ( rst_data , writer_name= ’ html ’ , settings_overrides=overrides ) [ ’ html_body ’ ] return content snippet–get_content.py 29.11.2014 Reimar Bauer Folie 11

bootstrap theme template twitter bootstrap ist unter GPL und responsive
Bootstrap jinja2 theme < !DOCTYPE html> <html lang=" en "><head> < t i t l e >PyMove3D − Der Python Wettbewerb . . . < / t i t l e > <link href=" / s t a t i c / css / bootstrap . css " rel =" stylesheet "> < / head> <body> <div id=" main "> {% block body %}{% endblock %} < / div>< !− − / main − −> < / div> < !− − / wrap − −> {% include " footer . html " %} < / body> < / html> snippet–theme.html 29.11.2014 Reimar Bauer Folie 12

reST ist nicht so leicht zu stylen, aber ... html
in reST Termine − − − − − − − . . raw : : html <table class=" table table−striped "> < t r > <td>Datum< / td> <td>Ort< / td> <td> A k t i v i t t < / td> < / t r > < / table> Kurse selbst organisieren ========================= snippet–dates.rst 29.11.2014 Reimar Bauer Folie 13

Zusammenfassung reST ist durch sphinx und Wikis schon bekannt Texte
können leicht editiert werden commit und publish ergeben Versionskontrolle WSGI APP und online 29.11.2014 Reimar Bauer Folie 14

Fragen 29.11.2014 Reimar Bauer Folie 15

Dynamische Webseiten mit Flask und reST

Dynamische Webseiten mit Flask und reST

Reimar Bauer

More Decks by Reimar Bauer

Other Decks in Programming

Featured

Transcript

Mitglied der Helmholtz-Gemeinschaft Dynamische Webseiten mit Flask und reST Flask,

Kontakt-Informationen: Forschungszentrum Jülich GmbH http://www.fz-juelich.de/ Reimar Bauer, IEK-7 [email protected] [email protected]

Überblick Einführung Aufgabe Ergebnis Zusammenfassung 29.11.2014 Reimar Bauer Folie 3

pymove3D Site Januar 2014: PySV Website Sprint für pymove3D. Ein

pymove3D design 29.11.2014 Reimar Bauer Folie 5

Aufgabe Mai 2014: Wir brauchen eine Webseite für das ESKP

ESKP Seite des IEK-7 eskp-iek7 Fork von pymove3D 29.11.2014 Reimar

So ist es aufgebaut ﬂask Awendung pymov3d.py; jinja2 templates; translations

pymove3d content Snippet pymove3d Programm import os from d o

reST Markup Texte sind im Zusammenhang leichter formulierbar und zu

reST Inhalte verarbeiten Sphinx kann reST Markup in HTML übersetzen.

bootstrap theme template twitter bootstrap ist unter GPL und responsive

reST ist nicht so leicht zu stylen, aber ... html

Zusammenfassung reST ist durch sphinx und Wikis schon bekannt Texte

Fragen 29.11.2014 Reimar Bauer Folie 15