Skip to main content

a fast and simple micro-framework for small browser-based application

Project description

eui

eui means easy UI. It is a fast and simple micro-framework for small browser-based applications. Python and JS communicate through websocket protocol.

install

pip install eui

example

Step 1:

create python file, main.py:

import webbrowser

import eui


def say_hello(message):
    print('receive message from js:', message)
    eui.js('''
    (msg) => { 
        alert('receive message from py: ' + msg)
    }
    ''', message)


def startup_callback():
    webbrowser.open(f'http://localhost:{eui.get_port()}/static/index.html')


handlers = {
    'say_hello': say_hello,
    'exit': eui.exit
}

eui.start(handlers=handlers, callback=startup_callback)

Step 2:

create UI file index.html in static folder:

<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>eui test</title>
    <script src="eui.js"></script>
    <script type="text/javascript">
      function sendMessage() {
         var message = document.getElementById('message').value;
         eui.py('say_hello', message);
      }
    
    </script>

</head>

<body>
<input id="message">
<button onclick="sendMessage()">Send</button>

</body>

</html>

Step 3:

run main.py snapshot: snapshot

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

eui-1.1.2.tar.gz (6.3 kB view hashes)

Uploaded Source

Built Distribution

eui-1.1.2-py3.8.egg (13.0 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page