采用Remi纯Python写前端页面，范例1

来源：remi源码https://github.com/dddomodossola/remi

官网：https://remi.readthedocs.io/en/latest/

""" This example shows the use of the following Widget methods:
    Widget.append(widget, key) : to add child widgets in a container widget
    Widget.remove_child(widget) : to remove a widget instance from a container widget
    Widget.empty() : to remove all childrens from a container widget
"""

import remi.gui as gui
from remi import start, App
import os


class MyApp(App):
    def main(self):
        main_container = gui.VBox()
        lbl = gui.Label("Press the buttons to add or remove labels")
        bt_add = gui.Button("add a label", style={'margin': '3px'})
        bt_add.onclick.do(self.on_add_a_label_pressed)
        bt_remove = gui.Button("remove a label", style={'margin': '3px', 'background-color': 'orange'})
        bt_remove.onclick.do(self.on_remove_a_label_pressed)
        bt_empty = gui.Button("empty", style={'margin': '3px', 'background-color': 'red'})
        bt_empty.onclick.do(self.on_empty_pressed)
        self.lbls_container = gui.HBox()
        main_container.append([lbl, bt_add, bt_remove, bt_empty, self.lbls_container])

        # returning the root widget
        return main_container

    def on_add_a_label_pressed(self, emitter):
        # I create a unique id for the new label that will be instantiated
        key = str(len(self.lbls_container.children))
        lbl = gui.Label("label id: " + key, style={'border': '1px solid gray', 'margin': '3px'})
        self.lbls_container.append(lbl, key)

    def on_remove_a_label_pressed(self, emitter):
        # if there are no childrens, return
        if len(self.lbls_container.children) < 1:
            return
        key = str(len(self.lbls_container.children) - 1)
        self.lbls_container.remove_child(self.lbls_container.children[key])

    def on_empty_pressed(self, emitter):
        self.lbls_container.empty()


if __name__ == "__main__":
    start(MyApp)

执行效果：