init small flask ui

2024-11-30 18:37:17 +01:00 · 2024-11-30 18:37:17 +01:00 · 57233055eb
parent 938fee1a4e
commit 57233055eb
6 changed files with 71 additions and 0 deletions
--- a/src/framework_driver/ui/app.py
+++ b/src/framework_driver/ui/app.py
@ -0,0 +1,27 @@
+from flask import Flask, render_template, redirect, url_for
+
+app = Flask(__name__)
+
+@app.route('/')
+def home():
+    return redirect(url_for('products'))
+
+@app.route('/cart')
+def cart():
+    cart_items = [
+        {'name': 'Item 1', 'quantity': 2},
+        {'name': 'Item 2', 'quantity': 1}
+    ]
+    return render_template('cart.html', cart_items=cart_items)
+
+@app.route('/products')
+def products():
+    products = [
+        {'name': 'Product 1', 'price': 2.5},
+        {'name': 'Product 2', 'price': 1.5}
+    ]
+    return render_template('product.html', products=products)
+
+
+if __name__ == '__main__':
+    app.run(debug=True, port=5000)
--- a/src/framework_driver/ui/static/css/style.css
+++ b/src/framework_driver/ui/static/css/style.css
--- a/src/framework_driver/ui/static/js/script.js
+++ b/src/framework_driver/ui/static/js/script.js
--- a/src/framework_driver/ui/templates/base.html
+++ b/src/framework_driver/ui/templates/base.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}My Shop{% endblock %}</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+</head>
+<body>
+    <header>
+        <h1>My Shop</h1>
+    </header>
+    <main>
+        {% block content %}{% endblock %}
+    </main>
+    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
+</body>
+</html>
--- a/src/framework_driver/ui/templates/cart.html
+++ b/src/framework_driver/ui/templates/cart.html
@ -0,0 +1,12 @@
+{% extends "base.html" %}
+
+{% block title %}Cart{% endblock %}
+
+{% block content %}
+<h2>Cart Items</h2>
+<ul>
+    {% for item in cart_items %}
+    <li>{{ item.name }} - {{ item.quantity }}</li>
+    {% endfor %}
+</ul>
+{% endblock %}
--- a/src/framework_driver/ui/templates/product.html
+++ b/src/framework_driver/ui/templates/product.html
@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block title %}Products{% endblock %}
+
+{% block content %}
+<h2>Product Items</h2>
+<ul>
+    {% for product in products %}
+    <li>{{ product.name }} - ${{ product.price }}</li>
+    {% endfor %}
+</ul>
+
+<a href="{{ url_for('cart') }}" class="btn btn-primary">Go to Cart</a>
+{% endblock %}