Python-Webanwendung: Mehrere Rechner – NPV, P&L, CLV

In diesem Python-Tutorial führe ich Sie durch die Entwicklungsschritte für Python-Webanwendungen zum Aufbau einer Multi-Rechner-Anwendung mit Python, Flask und Sqlite3. Am Ende dieses Python-Tutorials können Sie sich grundsätzlich die grundlegenden Kenntnisse und Fähigkeiten für den Umgang mit HTML5, JINJA, CSS3, Flask, Python und SQLite3 aneignen. Dann werden Sie feststellen, dass die Entwicklung einer Webanwendung nicht schwierig ist.

• Wireframe: UI- und UX-Design
• Python und Flask
• HTML5 und Jinja
• CSS3
• SQLite3
• Heroku
• Vollständiger Satz Codierungsskript

Python-Webanwendungs-Wireframe: UI- und UX-Design und -Visualisierung

Ein Wireframe ist ein Diagramm oder eine Reihe von Diagrammen, die aus einfachen Linien und Formen bestehen und das Grundgerüst einer Website oder einer Anwendung darstellen. Es visualisiert hauptsächlich die Benutzeroberfläche (UI) und die Kernfunktionalität und bietet eine ausführliche Erklärung dessen, was UX-Wireframes sind, wie sie aussehen und wie sie Ihren Kunden zugute kommen können.

Rechneranwendung – Benutzeroberfläche der Startseite

Rechneranwendung – UX (Design des Marketing-Trichters)

Grundsätzlich können Sie sich kostenlos für ein Wireframe-Konto anmelden. Die Funktion wäre begrenzt, aber es reicht aus, die Benutzeroberfläche und UX nach dem Testzeitraum zu skizzieren, wenn es sich um ein frühes Stadium der Webentwicklung handelt.

Python-Webanwendung – Python und Flask

Als Erstes muss jede Anwendung vor dem Entwurf und der Visualisierung über eine Kern-Engine oder ein funktionales Herzstück verfügen. Das liegt daran, dass es sich um Kernalgorithmen und Logik handelt. Ohne diese Kernelemente ist jede Anwendung nur ein Modell ohne Seele. In diesem Artikel würden wir Python und Flask verwenden, um Herz und Seele aufzubauen.

Zuvor habe ich drei Rechner durchgegangen: die SKU-GuV, den CLV des Mitgliedschaftsplans und den Kapitalwert der Investitionsbewertung. Grundsätzlich besteht die Anwendung mit mehreren Rechnern darin, diese drei Kernfunktionsmerkmale und -algorithmen in einem Funktionsskript zu kombinieren. Einzelheiten zu den einzelnen Rechnern finden Sie in diesen Artikeln.

• E-Commerce-SKU-GuV-Rechner
• CLV-Rechner für Abonnementmodelle
• NPV-Rechner zur E-Commerce-Investitionsbewertung

Anstelle der Details, mit denen Sie den Easy2Digital-Newsletter abonnieren können, um dieses Python-Skript zu erhalten, gibt es drei wichtige Abschnitte, die Sie vorsichtig aktualisieren müssen.

1. Kombinieren Sie Positionsargumente im Selbstobjekt

Es gibt geringfügige Unterschiede zwischen der OOP-Codierung der drei Rechner. Dies liegt daran, dass, wie bereits erwähnt, jeder Rechner über unterschiedliche Variablenmetriken verfügt, die sich auf das Ergebnis auswirken. Diese drei haben sowohl gemeinsame als auch unterschiedliche Metriken. Als Erstes müssen Sie also die Selbstobjektcodierung von drei Taschenrechnern in einem kombinieren.

Sie verfügen beispielsweise alle über die gleichen Kennzahlen zu organischen und bezahlten Medien. Solange Sie also sicherstellen, dass die Argumentposition mit der Argumentposition übereinstimmt, die Sie in der Funktion für jede neue Anweisung erstellen, ist das in Ordnung. Dies dient dazu, zu vermeiden, dass Zahlen in einer falschen Metrik verwendet werden.

2. Routen erstellen

Im Vergleich zu einem einzelnen Rechner erfordert eine Anwendung mit mehreren Rechnern eine komplexere Routenkarte. Im Grunde können wir uns auf das zuvor erwähnte UX-Wireframe beziehen, um Routen zu erstellen und jeder Route Aufgaben zuzuweisen.

Beispielsweise enthält die Homepage zwei Routen, da sie in der UX über zwei Zuweisungen verfügt. Zuerst schauen die Benutzer bei der Webanwendung vorbei, also brauchen wir eine @app.route("/") und sie gibt return render_template("index_selector.html", all_data = data) zurück.

Auf diese Weise kann dieser Weg jedem Benutzer die Benutzeroberfläche der Startseite laden, bevor er einen Taschenrechner auswählt.

Anschließend wählen die Benutzer einen Taschenrechner aus, den sie gerne verwenden möchten. Wir brauchen also eine zweite Route: @app.route("/add_items", methods=["post"]) . Der Hauptzweck dieser Route besteht darin, mithilfe von if-Bedingungen auszulösen, welche Berechnungsseite geöffnet wird.

Zu guter Letzt ist es die konkrete Rechnerroute. Innerhalb jeder Route gibt es eigene definierte Funktionen, und das Positionsargument des Selbstobjekts muss entsprechend dem neuen kombinierten Selbstobjekt, über das ich zu Beginn gesprochen habe, aktualisiert werden.

@app.route("/CLV", methods=["POST", "GET"])

@app.route("/NPV", methods=["POST", "GET"])

@app.route("/PL", methods=["POST", "GET"])

Neben Flask gibt es eine weitere beliebte Option für die Entwicklung von Webanwendungen: Django. Ich werde bald einen weiteren Artikel dazu veröffentlichen.

3. Erstellen Sie die entsprechende Ergebnisseite und weisen Sie sie zu

Da die Benutzeroberfläche jedes Rechners und die Kundenerwartungen unterschiedlich sind, gibt es für jeden Rechner zwei Seiten – eine ist die Seite vor der Berechnung und die andere ist die Ergebnisseite. Im Vorlagenordner, in dem HTML5-Dateien gespeichert werden sollen, müssen Sie diese dort erstellen und in jeder Rechnerroute die richtige verwenden.

return render_template("result_clv.html")

return render_template("result_npv.html")

return render_template("result.html")

Python-Webanwendung – HTML5 + Jinja

Laut UI und UX würde diese Multi-Berechnungsanwendung hauptsächlich Jinja und mehrere HTML5-Elementfunktionen benötigen

1. Dynamischer Jinja-Inhalt

Jinja ist eine Funktion, die Sie in den HTML5-Codierungen verwenden können, um eine Verbindung mit Dynamik und Variablen herzustellen, um dynamische Inhalte basierend auf tatsächlichen Daten anzuzeigen. Es beginnt mit {%...%} und endet mit {% endfor %} . Innerhalb des Frameworks können Sie eine Variable einrichten, die mithilfe einer doppelten Klammer {{ }} eine Verbindung zur Funktion oder Datenbank herstellt.

2. id, class=“column“, class=“box“

In HTML5 stellt id ein eindeutiges Element dar, um andere Elemente im selben Skriptabschnitt zu unterscheiden. Wir verwenden dies typischerweise für einen bestimmten Bereich oder ein bestimmtes Element des CSS-Designs und der CSS-Dekoration sowie für die Marketingverfolgung.

In der Klasse wird es sehr häufig und beliebt für sperrige Aktionen verwendet. Ein Klassenname kann in mehreren Elementen verwendet werden. Es ist praktisch für Sie, einen Bereich oder Block zu gruppieren, der auf dieselben Einstellungen angewendet wird.

3. Formular

Form plus Aktion stellen eine Verbindung zu Ihrer Flask-Route im Anwendungsskript her.

<form action="/CLV" method="post">

Der Name der Aktion muss mit der spezifischen Route, die Sie verbinden und kommunizieren möchten, identisch sein. Die gesamte Datenkommunikation würde basierend auf dem Namen erfolgen, den Sie hier festlegen.

CSS3

In dieser Anwendung gibt es zwei Zeichen und Symbole, um bestimmten Elementen bestimmte Dekorationsbefehle zuzuweisen.

1. Beginnen Sie mit einem Hash #

Für das Klassenelement und den Formularwert können Sie einen Hash und den Namen, den Sie im Klassen- oder Formularelement verwenden, verwenden und damit beginnen.

2. Beginnen Sie mit einem Punkt.

Für das id-Element können Sie einen Punkt und den Namen, den Sie im id-Element verwenden, verwenden und damit beginnen.

SQLite3

In dieser Anwendung verwende ich sqlite3, um die Berechnungsoptionen im Selektor auf der Startseite anzuzeigen.

Als Erstes verwenden wir das Argument select, um die Daten in der Datei lousi2.db abzurufen. Der Name des Moduls ist der Spaltenname, den ich zuvor in der Datenbankdatei festgelegt habe. Der Name von Rechnern ist der Tabellenname. Wir verwenden fetchall(), um das Abrufen aller Daten in der Spalte darzustellen.

def get_db():

db = getattr(g, '_database', None)

if db is None:

db = g._database = sqlite3.connect('louis2.db')

cursor = db.cursor()

cursor.execute('''SELECT module from calculators'')

all_data = cursor.fetchall()

all_data = [str(val[0]) for val in all_data]

return all_data

Zweitens müssen Sie im HTML5-Skript den Namen der Spalte und die Rückgabevariable im Abschnitt Jinja eingeben. Darüber hinaus handelt es sich um einen Selektor, sodass wir einen Optionswert einrichten müssen, der die vollständige Liste der Moduldaten darstellt.

<form action="/add_items" method="POST">

<select name="select_url">

{% for module in all_data %}

<option value="{{ module }}">{{ module }}</option>

{% endfor %}

Bezüglich der Verwendung und Verbindung von MySQL-, SQL- und MongoBD-Datenbanken werde ich einen weiteren Artikel veröffentlichen.

Heroku

Das Hosten der Anwendung ist sehr einfach, unkompliziert bereitzustellen und eine schnelle Möglichkeit, eine Anwendung zu entwickeln und in Betrieb zu nehmen. Weitere Einzelheiten zur Einrichtung und Verwendung finden Sie in diesem Artikel.

https://www.easy2digital.com/automation/data/python-tutorial-26-create-a-shopify-bot-web-application-using-flask-and-heroku/

Bezüglich der Serverseite wie Alibabacloud + Domain werde ich einen weiteren Artikel veröffentlichen

Vollständiger Satz von HTML5-, CSS5-, Python- und Flask-Codierungsskripten

Wenn Sie sich für das vollständige Skript von Python Web Application Development – ​​Multi Calculators – NPV, P&L, CLV interessieren, Bitte abonnieren Sie unseren Newsletter , indem Sie die Nachricht „Python-Webanwendung – Multirechner“ hinzufügen. . Wir senden Ihnen das Skript umgehend in Ihr Postfach.

Ich wünsche Ihnen viel Spaß beim Lesen von Python Web Application Development – ​​Multi Calculators – NPV, P&L, CLV. Wenn ja, unterstützen Sie uns bitte, indem Sie eine der unten aufgeführten Maßnahmen ergreifen, da dies unserem Kanal immer weiterhilft.

• Unterstützen Sie meinen Kanal über PayPal ( paypal.me/Easy2digital )
• Abonnieren Sie meinen Kanal und aktivieren Sie die Benachrichtigungsglocke des Easy2Digital-Youtube-Kanals .
• Folgen und liken Sie meine Easy2Digital-Facebook-Seite
• Teilen Sie den Artikel mit dem Hashtag #easy2digital in Ihrem sozialen Netzwerk
• Kaufen Sie Produkte mit dem Easy2Digital 10 % RABATT-Rabattcode ( Easy2DigitalNewBuyers2021)
• Sie melden sich für unseren wöchentlichen Newsletter an, um die neuesten Artikel, Videos und Rabattcodes von Easy2Digital zu Buyfromlo- Produkten und digitaler Software zu erhalten
• Abonnieren Sie unsere monatliche Mitgliedschaft über Patreon, um exklusive Vorteile zu genießen ( www.patreon.com/louisludigital )