【Python】Remi构建简单网页

最近在研究大创的时候，发现了python的remi库，本着试一试的心态，最后发现还蛮好玩的。

remi的doc文档：https://remi.readthedocs.io/en/latest/remi.html

注意事项

开发中遇到了一些问题：
1、remi库不适合做并发网站——在开发过程中，两个终端对该端口的修改，不能相互独立。
这倒也是个比较好玩的特性——对于自己，可以远程控制。
2、InputDialog，也就是下面说的那个。并不能高度自定义，但是没关系，下文使用了InputText和button组合完成了一个建议的输入交互

download ——《remi-doc：download》

目录如下：

self.allowDownload = gui.FileDownloader('download','./downloadFile/leon.txt',width=200,height=30,margin='10px')

container.append(self.allowDownload,key='file_download')

InputDiag 输入消息提示

点击后，出现：

OK确认后：

代码：

container = gui.VBox(width=1200, height=500,margin='auto auto')
self.lbl = gui.Label('')
container.append(self.lbl)

self.btInputDiag = gui.Button('查询公司', width=200, height=30, margin='10px')
self.btInputDiag.onclick.do(self.open_input_dialog)
container.append(self.btInputDiag)

self.lbl2 = gui.Label('a')
container.append(self.lbl2)

---

   
def open_input_dialog(self, widget):
      self.inputDialog = gui.InputDialog('查询公司名称', '',initial_value='',width=500)
      self.inputDialog.confirm_value.do(self.on_input_dialog_confirm)
      self.inputDialog.show(self)
  
def on_input_dialog_confirm(self, widget, value):
    print(value+" was what you type")
    self.lbl.set_text('Hello ' + value)

---

输入框与按钮传输数据

1、横向功能：使用remi的vbox函数
2、左侧使用Input类型，右侧使用Button类型
3、使用onchange调用并set_value左侧input的值
4、按钮调用当前input的值


1、横向功能：使用remi的vbox函数

searchBar = gui.HBox(width=300,height=200)

2、左侧使用Input类型，右侧使用Button类型

strHub = gui.Input('companies name')
searchBtn = gui.Button('搜索', width=50, height=50,style={'text-align':'center'})
        

3、使用onchange调用并set_value左侧input的值

strHub = gui.Input('companies name')
strHub.onchange.do(self.print,strHub.get_value())
searchBtn = gui.Button('搜索', width=50, height=50,style={'text-align':'center'})
searchBtn.onclick.do(self.btnGetName)

4、按钮调用当前input的值

searchBar.append(strHub)
searchBar.append(searchBtn)
containerUp.append(searchBar)
container.append(containerUp)

def btnGetName(self,a):
    print(self.strHub.get_value())