Skip to content

PyWebIO - put_buttons

PyWebIO
  • Ich hatte mir heute Morgen beim Kaffee gedacht, es wäre doch ganz schön, wenn manch ein Button eine andere Farbe hätte. Der Plan war, den Delete Button rot zu machen.

    Das Ergebnis

    72cd20ed-900c-43c9-8031-e4d86f16bd06-grafik.png

    Meine Ausgangs Code Zeile war das hier

    put_buttons(['Edit', 'Delete'], onclick=partial(actions, count + 1)),
    

    Das macht zwei Buttons, mit der entsprechenden Auswertung. Die Dokumentation findet man hier.

    Ich habe wieder ganz schön rumprobiert, bis es geklingelt hat 🙂 So muss das aussehen, damit es schön aussieht und funktioniert.

    put_buttons([
        dict(label='Edit', value='Edit', color='primary'),
        dict(label='Delete', value='Delete', color='danger'),
                ], onclick=partial(actions, count + 1))
     ])
    

    Wenn man es mal kapiert hat, ist es eigentlich ganz einfach. Man macht jedes mal ein Dict für EINEN Button auf. Das Format ist in der Dokumentation folgendes.

    {
        "label":(str)button label,
        "value":(str)button value,
        "color":(str, optional)button color,
        "disabled":(bool, optional) whether the button is disabled
    }
    

    Damit habe ich heute Morgen beim Kaffee wieder was gelernt 🤓

  • Und noch eine kleine Übung, wie man den Buttton abhängig von einem Value enabled/disabled

    # we build header and tdata for table
    tab_mount = []
    
    for count, value in enumerate(backups):
        if count == 0:
            tab_mount.append(['No.', 'Backup name of the restic data backup', 'Actions'])
    
        if backups[value].init == "0":
            tab_mount.append([count + 1,
                             backups[count].name,
                             put_buttons([
                                 dict(label='Mount', value='Mount', color='primary', disabled=True),
                                 dict(label='UMount', value='UMount', color='primary', disabled=True),
                                 dict(label='Restore', value='Restore', color='primary', disabled=True),
                                     ] , onclick=partial(actions, count + 1))
                                     ])
        else:
            tab_mount.append([count + 1,
                             backups[count].name,
                             put_buttons([
                                 dict(label='Mount', value='Mount', color='primary'),
                                 dict(label='UMount', value='UMount', color='primary'),
                                 dict(label='Restore', value='Restore', color='primary'),
                                     ], onclick=partial(actions, count + 1))
                                     ])
    

  • 0 Stimmen
    5 Beiträge
    141 Aufrufe
    FrankMF

    Hab ChatGPT nochmal nach der Installation auf einem Production Server befragt.

    ChatGPT

    Certainly! Here's a short example of the steps you can follow to deploy a Flask application on a production server using Nginx and Gunicorn:

    Prepare your server:

    Set up a server (e.g., using a cloud provider like AWS, DigitalOcean, or a dedicated server) and ensure it has a clean, up-to-date installation of a Linux distribution (e.g., Ubuntu or CentOS).

    Install required software:

    Install necessary software packages on your server. You'll need Python, pip (Python package manager), Nginx, and Gunicorn. You can use your distribution's package manager (e.g., apt for Ubuntu or yum for CentOS) to install these dependencies.

    Deploy your Flask application:

    Copy your Flask application code and any required dependencies to your server.

    Set up a virtual environment (optional but recommended):

    Create a virtual environment for your Flask application to isolate its dependencies. You can use venv or virtualenv for this purpose.

    Install Flask and any required Python packages within your virtual environment:

    pip install flask

    Test your Flask application:

    Ensure your Flask application runs correctly within your server's virtual environment.

    Configure Gunicorn:

    Create a Gunicorn configuration file (e.g., gunicorn_config.py) to specify the settings for running your Flask application. Here's a simple example: workers = 4 # Number of Gunicorn worker processes bind = '0.0.0.0:8000' # The address and port Gunicorn should listen on

    Start Gunicorn:

    Start Gunicorn with your Flask application: gunicorn -c gunicorn_config.py your_app:app

    Configure Nginx:

    Create an Nginx server block (often located in /etc/nginx/sites-available) to define how Nginx should handle incoming requests. Here's a simplified example: server { listen 80; server_name your_domain.com www.your_domain.com; location / { proxy_pass http://127.0.0.1:8000; # Pass requests to Gunicorn proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } }

    Enable the Nginx server block and restart Nginx:

    sudo ln -s /etc/nginx/sites-available/your_config /etc/nginx/sites-enabled/ sudo nginx -t # Test Nginx configuration sudo systemctl restart nginx

    Configure your DNS:

    Point your domain name to your server's IP address.

    Secure your server (optional but recommended):

    Set up SSL/TLS certificates for your domain to enable HTTPS. You can use Let's Encrypt for free SSL certificates.

    Monitor your application:

    Set up monitoring tools and logs to keep track of your application's performance and troubleshoot any issues.

    These are the basic steps to deploy a Flask application on a production server with Nginx and Gunicorn. Please note that this is a simplified example, and there are many additional considerations, such as database configuration, security, and optimization, depending on your specific application and requirements. It's also important to keep your server and software up to date and follow security best practices to ensure the stability and security of your production environment.

    Das werde ich doch mal ausprobieren 😎

  • Pycharm - Umzug auf neuen Rechner

    Linux
    1
    0 Stimmen
    1 Beiträge
    54 Aufrufe
    Niemand hat geantwortet
  • Python - Formatumwandlung str -> float

    Python3
    1
    0 Stimmen
    1 Beiträge
    161 Aufrufe
    Niemand hat geantwortet
  • 0 Stimmen
    7 Beiträge
    148 Aufrufe
    FrankMF

    Link Preview Image Merge branch 'master' into 'main' (45c83cd8) · Commits · Frank / restic_ui_pywebio · GitLab

    Fix some bugs See merge request Bullet64/restic_ui_pywebio!71

    favicon

    GitLab (gitlab.com)

  • Python - Dict -> JSON und umgekehrt

    Python3
    1
    0 Stimmen
    1 Beiträge
    192 Aufrufe
    Niemand hat geantwortet
  • ResticUI with PyWebIO - Repo

    PyWebIO
    1
    0 Stimmen
    1 Beiträge
    83 Aufrufe
    Niemand hat geantwortet
  • PyWebIO

    Angeheftet PyWebIO
    1
    0 Stimmen
    1 Beiträge
    161 Aufrufe
    Niemand hat geantwortet
  • Python - Match-Case Statement

    Python3
    1
    0 Stimmen
    1 Beiträge
    84 Aufrufe
    Niemand hat geantwortet