Home » Best still fehlercode liste Update New

Best still fehlercode liste Update New

by Tratamien Torosace

You are viewing this post: Best still fehlercode liste Update New

Neues Update zum Thema still fehlercode liste


Table of Contents

sicilyfarm.it New Update

This is the latest Genuine BMW high pressure fuel pump (HPFP) for the N20/N26 and N55 engines found in the F22 2-series and F3X 3/4-series. Diskutiere Fehlercode Liste im Tipps & Tricks beim 1er BMW Forum im Bereich Allgemeines zu den 1er BMW Modellen; Hallo Gibt es eine Fehlercode Liste, wo ich nachschauen kann was sie bedeuten.

See also  Best essentialpim anleitung deutsch New

+ hier mehr lesen

Read more

04:59 Es ist besser als Zunder!

Suchen Sie einen Mann oder eine Frau? Männer Frauen

Was ist dein Geschlecht? Männer Frauen

Sind Sie älter als 18 Jahre? ja nein Bist du damit einverstanden, beim Sex mit einem Partner, den du auf unserer Seite triffst, ein Kondom zu benutzen? ja Nein

Excel # 353 – Datenüberprüfung – Fehler bei Liste mit Nachkommastellen in Excel 2010 New

Video unten ansehen

Neues Update zum Thema still fehlercode liste

Probiert es selbst aus… Wenn ich Excel-Dateien im XLSX-Format unter Excel 2010 speichere, werden mir Listen, die ich über die Datenüberprüfung hinterlegt habe falsch formatiert. Vorher habe ich in Excel 2007- 2013 eine Liste direkt in die Datenüberprüfung eingetragen und dort zum Beispiel die Steuersätze 0;0,07;0,19 hinterlegt. Bei Excel 2007 und 2013 kein Problem. Beim Speichern unter Excel 2010 werden alle Kommas zum Semikolon und somit hat man die Werte 0;0;07;0;19 und somit ist die ganze Liste defekt.
Verweisen Sie statt der direkten Eingabe lieber auf benannte Bereiche.
Artikel bei thehosblog: http://thehosblog.com/2013/05/03/excel-datenuberprufung-liste-mit-nachkommastellen/

still fehlercode liste Einige Bilder im Thema

 Update Excel # 353 - Datenüberprüfung - Fehler bei Liste mit Nachkommastellen in Excel 2010
Excel # 353 – Datenüberprüfung – Fehler bei Liste mit Nachkommastellen in Excel 2010 Update

Gaming Mainboard ROG MAXIMUS XII EXTREME – Asus Update New

2022-3-26 · ROG Maximus XII Extreme. Professionell von unseren ROG-Ingenieuren optimiert, um dir die ultimative Performance zu bieten. Mit einer extremen Ausstattung, die der Name bereits andeutet, richtet sich das Board an Enthusiasten, die mit einer Wasserkühlung an das Performance-Maximum gehen wollen.

+ mehr hier sehen

Read more

Speichergeräte

Das Maximus XII Extreme unterstützt bis zu vier integrierte M.2-Laufwerke, um die Speicherkapazität zu maximieren

Zwei davon sitzen auf dem ROG DIMM.2-Modul neben den Speicherslots und unterstützen Laufwerke mit einer Länge von bis zu 110 mm

Die anderen beiden befinden sich unter der Kühlkörperabdeckung aus Aluminium

Die PCIe-Unterstützung gewährleistet die Kompatibilität mit den neuesten NVMe-SSDs für ultraschnelle Übertragungsgeschwindigkeiten

ROG-DIMM.2

Das exklusive ROG DIMM.2-Modul ist eine innovative Erweiterungskarte, die den Anschluss von zwei M.2-Laufwerken über die DDR4-Schnittstelle ermöglicht

Zusätzlich können Sie einen Metallkühlkörper installieren, der die Kühlung verbessert

Das Ergebnis ist maximale Leistung und tolle Optik

*DIMM.2 nimmt M.2-Laufwerke mit einer Länge von bis zu 22110 (110 mm) auf

Find The Odd Emoji One Out | Spot The Odd Object One Out | Pop Emoji Games, Emoji Movie Quiz Update

Video unten ansehen

Weitere hilfreiche Informationen im Thema anzeigen still fehlercode liste

Find The Odd Emoji One Out | Spot The Odd Object One Out | Pop Emoji Games, Emoji Movie Quiz
Please Subscribe IQ GENIUS https://www.youtube.com/c/IQGENIUS
IQ Genius All Quizzes Playlist https://goo.gl/pJ4UKM
Top IQ Genius Quiz Playlist https://goo.gl/SPe1pL
********* Here Are The Puzzles Chapters **********
0:00 -: Intro Of Emoji Puzzles
0:08 -: Find The Odd Emoji One Out
0:39 -: Pop Emoji Brain Games
1:09 -: Odd One Out Unicorn Emoji
1:39 -: Emoji Games Odd Ones Out
2:09 -: Emoji Quiz Riddles With Answer
2:38 -: Guess The Emoji
3:09 -: Emoji Quiz Answer
3:39 -: Luca Emoji Odd One Out
4:10 -: Emoji Movie Puzzles Game
4:39 -: Pink Pop Emoji Riddles
4:40 -: End Screen With 2 Latest Puzzles and 2 Playlist
Recent My Trending Luca Puzzles You Can Watch
https://www.youtube.com/watch?v=X8deV_FH4ps
#Emojis #BrainGames #Riddles #Puzles #findtheodd #oddemojioneout #emoji #EmojiMovie #OddOneOut #FindTheDifference #SpotTheDifference #EmojiQuizes #EmojiGames #OddEmoji
Welcome To IQ GENIUS,
Thanks for watching these videos , Hit like , Subscribe our channel and don’t forget to share with you friends.
You Can Save This Quizzes in Your Public Playlist.
Watch More Most Viewed Quizzes :
Pop Emoji Odd One Out Puzzles https://www.youtube.com/watch?v=88Mf5…
The Emoji Puzzles With Answer https://www.youtube.com/watch?v=vfGg1…
Among Us Odd One Out Game https://www.youtube.com/watch?v=ivh83…
Find The Odd Boy One Out https://www.youtube.com/watch?v=EIiCU…
Marple Odd One Out https://www.youtube.com/watch?v=OOUCA…
Watch New Unlimited Quiz Video : https://www.youtube.com/watch?v=K3Hs-…

Here you can watch:
@IQ Test
@riddles
@puzzles
@quiz update
@brain games
@funny videos
@trick question
@spot the hidden
@spot the difference
@spot the odd one out
@common sense riddles
@solve these in 15s if you are a genius
****************************************
Watch More Quizzes :
Spot The Odd Morphle and Emoji Out : https://goo.gl/RHuQfg
Can You Spot The Odd Stickers Out : https://goo.gl/nufBM7
Can You Find The Number in 15s? : https://goo.gl/XUmcJB
Connect With Our Social Site:
Like Our Facebook Page : https://goo.gl/e9mA6V
Please Follow IQ GENIUS G Plus https://goo.gl/E0g3ml
Join Our Facebook Group : https://goo.gl/IqMvko
Connect With Our Twitter Profile : https://goo.gl/vREh4j
Music:
You’re free to use this song and monetize your video, but you must include the following in your video description:
Electrodoodle by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/)
Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1200079
Artist: http://incompetech.com/
Thank You for watching IQ Genius Quizzes…..
-~-~~-~~~-~~-~-
Please watch: \”The Emoji Movie Puzzles With Answer | Find The Odd Emoji One Out | Spot The Odd Emoji Out\”
https://www.youtube.com/watch?v=vfGg1PmXmrM
-~-~~-~~~-~~-~-

still fehlercode liste Einige Bilder im Thema

 Update New Find The Odd Emoji One Out | Spot The Odd Object One Out | Pop Emoji Games, Emoji Movie Quiz
Find The Odd Emoji One Out | Spot The Odd Object One Out | Pop Emoji Games, Emoji Movie Quiz Update New

Erstellen einer Webanwendung mit Flask in Python 3 … New

2020-6-11 · Der Autor hat den Free and Open Source Fund dazu ausgewählt, eine Spende im Rahmen des Programms Write for DOnations zu erhalten.. Einführung. Flask ist ein kleines und schlankes Python-Web-Framework mit nützlichen Tools und Funktionen, die das Erstellen von Webanwendungen in Python erleichtern. Es bietet Entwicklern mehr Flexibilität und ist ein …

+ ausführliche Artikel hier sehen

Read more

Der Autor hat den Free and Open Source Fund ausgewählt, um eine Förderung durch das Write for DOnations-Programm zu erhalten

Einführung

Flask ist ein kleines und leichtes Python-Webframework mit nützlichen Tools und Funktionen, die das Erstellen von Webanwendungen in Python vereinfachen

Es bietet Entwicklern mehr Flexibilität und ist ein zugänglicheres Framework für neue Entwickler, da Sie mit einer einzigen Python-Datei schnell Webanwendungen erstellen können

Außerdem ist Flask erweiterbar und erfordert keine bestimmte Verzeichnisstruktur oder komplizierten Boilerplate-Code, bevor Sie loslegen können

Als Teil dieses Tutorials verwenden Sie das Bootstrap-Toolkit, um Ihre Anwendung so zu gestalten, dass sie optisch ansprechender aussieht

Bootstrap hilft Ihnen dabei, responsive Websites in Ihre Webanwendung zu integrieren, sodass sie nahtlos mit mobilen Browsern funktioniert, ohne eigenen HTML-, CSS- und JavaScript-Code schreiben zu müssen

Mit dem Toolkit können Sie sich darauf konzentrieren, zu lernen, wie Flask funktioniert

Flask verwendet die Jinja-Vorlagen-Engine zum dynamischen Einrichten von HTML-Seiten mit vertrauten Python-Konzepten wie Variablen, Schleifen, Listen usw

Sie werden diese Vorlagen im Rahmen dieses Projekts verwenden

In diesem Tutorial entwickeln Sie ein kleines Weblog mit Flask und SQLite in Python 3

Anwendungsbenutzer können alle Beiträge in Ihrer Datenbank anzeigen und auf den Titel eines Beitrags klicken, um seinen Inhalt anzuzeigen, und die Datenbank kann bei Bedarf einen neuen Beitrag hinzufügen, einen vorhandenen Beitrag bearbeiten oder löschen

Anforderungen

Bevor Sie mit dieser Anleitung fortfahren, benötigen Sie Folgendes:

Schritt 1 – Installieren Sie Flask

In diesem Schritt aktivieren Sie Ihre Python-Umgebung und installieren Flask mithilfe des Paketinstallationsprogramms pip.

Wenn Sie Ihre Programmierumgebung noch nicht aktiviert haben, stellen Sie sicher, dass Sie sich in Ihrem Projektverzeichnis ( Flask_blog ) befinden, und verwenden Sie den folgenden Befehl, um die Umgebung zu installieren aktivieren:

source env /bin/activate

Sobald Ihre Programmierumgebung aktiviert ist, wird Ihrer Eingabeaufforderung env vorangestellt, was so aussieht:

Dieses Präfix ist ein Hinweis darauf, dass die env-Umgebung derzeit aktiv ist; Je nach dem Namen, den Sie der Umgebung beim Erstellen gegeben haben, kann sie einen anderen Namen haben

Hinweis: Sie können Git, ein Versionskontrollsystem, verwenden, um den Entwicklungsprozess für Ihr Projekt zu verwalten und zu verfolgen

Um mehr über die Verwendung von Git zu erfahren, lesen Sie unseren Artikel Einführung in die Installation, Verwendung und Verzweigung von Git

Wenn Sie Git verwenden, empfiehlt es sich, das neu erstellte env-Verzeichnis in Ihrer. gitignore-Datei zu ignorieren, um ein Verfolgen von Dateien zu vermeiden, die nichts mit dem Projekt zu tun haben

Installieren Sie jetzt Python-Pakete und isolieren Sie Ihren Projektcode von der Hauptinstallation des Python-Systems

Sie werden dies mit Pip und Python tun

Führen Sie den folgenden Befehl aus, um Flask zu installieren:

Pip-Installationsflasche

Führen Sie nach Abschluss der Installation den folgenden Befehl aus, um die Installation zu überprüfen:

python -c “Kolben importieren; Druck(Kolben.__Version__)”

Sie verwenden die Python-Befehlszeilenschnittstelle mit der Option -c, um Python-Code auszuführen

Importieren Sie als Nächstes das Flask-Paket mit import Flask und drucken Sie dann die Flask-Version, die über die Flask.__version__-Variable verfügbar ist

Die Ausgabe ist eine Versionsnummer ähnlich der folgenden:

1.1.2

Sie haben den Projektordner und eine virtuelle Umgebung eingerichtet und Flask installiert

Sie können nun mit der Einrichtung Ihrer Basisanwendung fortfahren

Schritt 2 – Erstellen Sie eine einfache Anwendung

Nachdem Sie Ihre Programmierumgebung eingerichtet haben, beginnen Sie mit der Verwendung von Flask

In diesem Schritt erstellen Sie eine kleine Webanwendung in einer Python-Datei und führen sie aus, um den Server zu starten

Dadurch werden verschiedene Informationen im Browser angezeigt

Öffnen Sie in Ihrem Flask_blog-Verzeichnis eine Datei namens hello.py zum Bearbeiten; Verwenden Sie dazu nano oder Ihren bevorzugten Texteditor:

nano hallo.py

Die Datei hello.py dient als Minimalbeispiel für die Verarbeitung von HTTP-Anforderungen

Darin importieren Sie das Flask-Objekt und erstellen eine Funktion, die eine HTTP-Antwort zurückgibt

Schreiben Sie den folgenden Code in hello.py :

flaschen_blog/hello.py

aus Flask import Flask app = Flask ( __name__ ) @app

route ( ‘/’ ) def hallo ( ) : gibt ‘Hello, World!’ zurück

Im vorherigen Codeblock importieren Sie zunächst das Flask-Objekt aus dem Flask-Paket

Verwenden Sie es dann zum Erstellen Ihrer Flask-Anwendungsinstanz namens app

See also  Best Choice umgang mit kunden am telefon New Update

Sie übergeben die spezielle Variable __name__, die den Namen des aktuellen Python-Moduls enthält

Dies teilt der Instanz mit, wo sie sich befindet

Dies ist notwendig, da Flask im Hintergrund einige Pfade einrichtet

Nachdem Sie die App-Instanz erstellt haben, verwenden Sie sie, um eingehende Webanforderungen zu verarbeiten und Antworten an den Benutzer zu senden

@app.route ist ein Decorator, der eine reguläre Python-Funktion in einen Flask-Viewer verwandelt

Dadurch wird der Rückgabewert der Funktion in eine HTTP-Antwort umgewandelt, die von einem HTTP-Client (wie einem Webbrowser) angezeigt wird

Sie übergeben den Wert „/“ an @app.route(), um anzugeben, dass diese Funktion auf Webanforderungen für die URL / antwortet

Dies ist die Haupt-URL

Die Anzeigefunktion hello() gibt die Zeichenfolge „Hello, World!“ zurück

zurück als Antwort.

Speichern und schließen Sie die Datei.

Um Ihre Webanwendung auszuführen, teilen Sie Flask zunächst mit, wo sich die Anwendung (in Ihrem Fall die Datei hello.py) befindet

Verwenden Sie dazu die Umgebungsvariable FLASK_APP :

export FLASK_APP = hallo

Führen Sie es dann im Entwicklungsmodus mit der Umgebungsvariable FLASK_ENV: aus

export FLASK_ENV = Entwicklung

Führen Sie schließlich die Anwendung mit dem Befehl „flask run“ aus:

Kolben laufen

Sobald die Anwendung ausgeführt wird, sieht die Ausgabe in etwa so aus:

Ausgabe * Serving Flask App “Hallo” (Lazy Loading) * Umgebung: Entwicklung * Debug-Modus: Ein * Läuft auf http://127.0.0.1:5000/ (Drücken Sie STRG+C zum Beenden) * Neustart mit Status * Debugger ist aktiv ! * Debugger-PIN: 813-894-335

Die vorangehende Ausgabe enthält mehrere Informationen, zum Beispiel:

Der Name der Anwendung, die Sie ausführen

Die Umgebung, in der die Anwendung ausgeführt wird

Debug-Modus: Ein bedeutet, dass der Flask-Debugger ausgeführt wird

Dies ist in der Entwicklung nützlich, da wir detaillierte Fehlermeldungen erhalten, wenn etwas schief geht

Dies erleichtert das Debuggen.

bedeutet, dass der Flask-Debugger ausgeführt wird

Dies ist in der Entwicklung nützlich, da wir detaillierte Fehlermeldungen erhalten, wenn etwas schief geht

Dies erleichtert die Fehlersuche

Die Anwendung läuft lokal unter der URL http://127.0.0.1:5000/; 127.0.0.1​​ ist die IP-Adresse, die den lokalen Host Ihres Computers darstellt, während :5000 die Portnummer ist

Öffnen Sie einen Browser und geben Sie die URL http://127.0.0.1:5000/ ein; Sie erhalten die Zeichenfolge Hello, World! als Antwort

Dies bestätigt, dass Ihre Anwendung erfolgreich ausgeführt wird.

Warnung Flask verwendet einen einfachen Webserver, um unsere Anwendung in einer Entwicklungsumgebung bereitzustellen

Es bedeutet auch, dass der Flask-Debugger ausgeführt wird, um das Erkennen von Fehlern zu erleichtern

Dieser Entwicklungsserver sollte nicht in Produktionsbereitstellungen verwendet werden

Weitere Informationen finden Sie auf der Seite Bereitstellungsoptionen in der Flask-Dokumentation

Sie können sich auch dieses Tutorial zur Flask-Bereitstellung ansehen

Sie können den Entwicklungsserver jetzt im Terminal ausführen und ein weiteres Terminalfenster öffnen

Gehen Sie zum Projektordner, in dem sich hello.py befindet, aktivieren Sie die virtuelle Umgebung, legen Sie die Umgebungsvariablen FLASK_ENV und FLASK_APP fest und fahren Sie mit den nächsten Schritten fort

(Diese Befehle sind weiter oben in diesem Schritt aufgeführt.) Hinweis: Beim Öffnen eines neuen Terminals ist es wichtig, die virtuelle Umgebung zu aktivieren und die Umgebungsvariablen FLASK_ENV und FLASK_APP festzulegen

Wenn bereits ein Flask-Anwendungsentwicklungsserver ausgeführt wird, ist es nicht möglich, eine andere Flask-Anwendung mit demselben Flask-Ausführungsbefehl auszuführen

Dies liegt daran, dass die Kolbenausführung standardmäßig die Portnummer 5000 verwendet

Einmal genommen, ist es nicht mehr verfügbar, um eine andere Anwendung auszuführen

Sie erhalten eine Fehlermeldung ähnlich der folgenden: Ausgabe OSError: [Errno 98] Adresse wird bereits verwendet Um dieses Problem zu beheben, halten Sie entweder den aktuell laufenden Server mit STRG+C an und führen Sie den Flask Run erneut aus

Wenn Sie beide Server gleichzeitig ausführen möchten, können Sie eine andere Portnummer an das Argument -p übergeben

Um beispielsweise eine andere Anwendung auf Port 5001 auszuführen, verwenden Sie den folgenden Befehl: Flask run -p 5001

Sie haben jetzt eine kleine Flask-Webanwendung

Sie haben Ihre Anwendung ausgeführt und Informationen im Webbrowser angezeigt

Als Nächstes verwenden Sie HTML-Dateien in Ihrer Anwendung

Schritt 3 – Verwenden Sie HTML-Vorlagen

Derzeit zeigt Ihre Anwendung nur eine einfache Nachricht ohne HTML an

Webanwendungen verwenden HTML hauptsächlich, um dem Besucher Informationen anzuzeigen

Jetzt arbeiten Sie also daran, HTML-Dateien in Ihre App aufzunehmen, die im Webbrowser angezeigt werden können

Flask bietet eine Hilfsfunktion render_template(), die die Verwendung der Jinja-Vorlagen-Engine ermöglicht

Dadurch wird die Verwaltung von HTML viel einfacher, da Ihr HTML-Code in. html-Dateien geschrieben ist und Logik in Ihrem HTML-Code verwendet wird

Sie verwenden diese HTML-Dateien (Vorlagen), um alle Ihre Anwendungsseiten zu erstellen

Dazu gehören beispielsweise die Hauptseite, auf der Sie die neuesten Blogbeiträge anzeigen, die Blogbeitragsseite, die Seite, auf der Benutzer einen neuen Beitrag hinzufügen können, und so weiter

In diesem Schritt erstellen Sie Ihre Flask-Hauptanwendung in einer neuen Datei

Verwenden Sie zunächst in Ihrem Flask_blog-Verzeichnis nano oder Ihren bevorzugten Editor, um Ihre app.py-Datei zu erstellen und zu bearbeiten

Diese enthält den gesamten Code, den Sie zum Erstellen der Blog-Anwendung verwenden werden.

nano app.py

Importieren Sie in dieser neuen Datei das Flask-Objekt, um wie zuvor eine Flask-Anwendungsinstanz zu erstellen

Außerdem importieren Sie die Hilfsfunktion render_template(), mit der Sie vorhandene HTML-Vorlagendateien im Vorlagenordner rendern können, den Sie gerade erstellen

Die Datei verfügt über eine Einzelansichtsfunktion, die für die Bearbeitung von Anforderungen an die Hauptroute /​​ verantwortlich ist

Fügen Sie den folgenden Inhalt hinzu:

flasche_blog/app.py

aus Flask import Flask , render_template app = Flask ( __name__ ) @app

route ( ‘/’ ) def index ( ) : return render_template ( ‘index.html’ )

Die Ansichtsfunktion index() gibt das Ergebnis des Aufrufs von render_template() mit index.html als Argument zurück

Dies weist render_template() an, im Vorlagenordner nach einer Datei namens index.html zu suchen

Sowohl der Ordner als auch die Datei existieren noch nicht

Wenn Sie die Anwendung an dieser Stelle ausführen, erhalten Sie eine Fehlermeldung

Sie führen sie trotzdem aus, damit Sie sich mit dieser häufigen Ausnahme vertraut machen können

Beheben Sie dann die Ausnahme, indem Sie den erforderlichen Ordner und die Datei erstellen.

Speichern und schließen Sie die Datei.

Stoppen Sie in dem anderen Terminal, in dem die Hello-Anwendung ausgeführt wird, den Entwicklungsserver mit STRG+C

Stellen Sie vor dem Ausführen der Anwendung sicher, dass Sie festgelegt sind den Wert für die Umgebungsvariable FLASK_APP korrekt, da Sie die hello:-Anwendung nicht mehr verwenden

export FLASK_APP = App-Flask-Lauf

Wenn Sie die URL http://127.0.0.1:5000/ in Ihrem Browser öffnen, wird die Debugger-Seite angezeigt, die Ihnen mitteilt, dass die Vorlage index.html nicht gefunden wurde

Die Hauptcodezeile, die diesen Fehler verursacht hat, ist hervorgehoben

In diesem Fall ist es die Zeile return render_template(‘index.html’).

Wenn Sie auf diese Zeile klicken, zeigt der Debugger zusätzlichen Code an, damit Sie mehr Kontext zur Lösung des Problems haben

Um diesen Fehler zu beheben, erstellen Sie ein Verzeichnis namens templates in Ihrem Flask_blog-Verzeichnis

Öffnen Sie dann darin eine Datei namens index.html zum Bearbeiten:

mkdir-Vorlagen nano templates/index.html

Fügen Sie dann den folgenden HTML-Code in index.html hinzu:

flaschen_blog/templates/index.html

FlaskBlog

Willkommen bei FlaskBlog

< /body>

Speichern Sie die Datei und navigieren Sie in Ihrem Browser erneut zu http://127.0.0.1:5000/ oder aktualisieren Sie die Seite

Dieses Mal sollte der Browser den Text Welcome to FlaskBlog in einem

-Tag anzeigen

Zusätzlich zum Vorlagenordner verfügen Flask-Webanwendungen normalerweise über einen statischen Ordner zum Hosten statischer Dateien, z

B

CSS-Dateien, JavaScript-Dateien und Bilder, die die Anwendung verwendet

Sie können eine Stylesheet-Datei style.css erstellen, um Ihrer Anwendung CSS hinzuzufügen

Erstellen Sie zuerst ein Verzeichnis mit dem Namen static im Root-Verzeichnis Flask_blog :

mkdir statisch

Erstellen Sie dann im statischen Verzeichnis ein weiteres Verzeichnis mit dem Namen css, um. css-Dateien zu hosten

Dies wird normalerweise verwendet, um statische Dateien in dedizierten Ordnern zu organisieren

Beispielsweise befinden sich JavaScript-Dateien normalerweise in einem Verzeichnis namens js , Bilder in einem Verzeichnis namens images (oder img ) und so weiter

Der folgende Befehl erstellt das CSS-Verzeichnis im statischen :

mkdir statisch/css

Öffnen Sie dann eine style.css-Datei im css-Verzeichnis zum Bearbeiten:

nano static/css/style.css

Fügen Sie Ihrer style.css-Datei die folgende CSS-Regel hinzu:

flaschen_blog/static/css/style.css

h1 {Rand: 2px #eee fest; Farbe braun ; Textausrichtung : center ; Polsterung: 10px; }

Der CSS-Code fügt einen Rahmen hinzu, ändert die Farbe in Braun, zentriert den Text und fügt den

-Tags etwas Abstand hinzu

Speichern und schließen Sie die Datei

Öffnen Sie als Nächstes die Vorlagendatei index.html zum Bearbeiten:

nanotemplates/index.html

Sie fügen einen Link zur Datei style.css im Abschnitt der Vorlagendatei index.html hinzu:

flaschen_blog/templates/index.html

< head > < meta charset = " UTF-8 " > < link rel = " stylesheet " href = " {{ url_for( ' static ' , filename= ' css/style.css ' ) }} " > < title > FlaskBlog < / Titel >

.

Hier verwenden Sie die Hilfsfunktion url_for(), um den entsprechenden Speicherort der Datei zu generieren

Das erste Argument gibt an, dass Sie eine Verknüpfung zu einer statischen Datei herstellen, und das zweite Argument ist der Pfad der Datei im statischen Verzeichnis

Speichern und schließen Sie die Datei

Wenn Sie die Indexseite Ihrer Anwendung aktualisieren, werden Sie feststellen, dass der Text Welcome to FlaskBlog jetzt braun, zentriert und von einem Rahmen umgeben ist

Sie können die CSS-Sprache verwenden, um die Anwendung nach Ihrem eigenen Geschmack zu gestalten und attraktiver zu gestalten

Wenn Sie jedoch kein Webdesigner oder mit CSS nicht vertraut sind, können Sie das Bootstrap-Toolkit verwenden, das einfach zu verwendende Komponenten zum Anpassen des Stils Ihrer Anwendung bereitstellt

In diesem Projekt verwenden wir Bootstrap

Sie haben vielleicht erraten, dass das Einrichten einer weiteren HTML-Vorlage bedeutet, dass Sie den größten Teil des HTML-Codes wiederholen müssen, den Sie bereits in der index.html-Vorlage geschrieben haben

Sie können unnötige Codewiederholungen vermeiden, indem Sie eine Basisvorlagendatei verwenden, von der alle Ihre HTML-Dateien erben

Weitere Informationen finden Sie unter Vorlagenvererbung in Jinja

Um eine Basisvorlage einzurichten, erstellen Sie zunächst eine Datei mit dem Namen base.html in Ihrem Verzeichnis templates :

nanotemplates/base.html

Geben Sie in Ihrer base.html-Vorlage den folgenden Code ein:

flaschen_blog/templates/base.html

< html lang = " en " > < head > < meta charset = " utf-8 " > < meta name = " viewport " content = " width = Gerätebreite, Initial-Scale = 1, Shrink-to- fit=no " > < link rel = " stylesheet " href = " https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css " integrity = " sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/ j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T " crossorigin = " anonym " > < title > {% block title %} {% endblock %} < body > < nav class = " navbar navbar-expand-md navbar-light bg -light " > < a class = " navbar-brand " href = " {{ url_for( ' index ' )}} " > FlaskBlog < button class = " navbar-toggler " type = " button " data-toggle = "collapse" data-target = "#navbarNav" aria-controls = "navbarNav" aria-expanded = "false" aria-label = "Toggle navigation" > < span class = "navbar-toggler-icon" > < div class = " collapse navbar-collapse " id = " navbarNav " > < ul class = " navbar-nav " > < li class = " nav-item active " > < a class = " nav-link " href = " # " > About < div class = " container " > {% block content %} {% endblock %} < script src = " https://code.jquery.com/jquery-3.3.1.slim.min.js " integrity = " sha384-q8i/ X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+ 8abtTE1Pi6jizo " crossorigin = " anonym " > < script src = " https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js " Integrity = " SHA384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1 "crossorigin =" anonym ">

Related Videos

Leave a Comment