【Python】Remi构建简单网页

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

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

注意事项

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



download ——《remi-doc:download》

目录如下:
1

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

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


InputDiag 输入消息提示

2
点击后,出现:
3
OK确认后:
4

代码:

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)



输入框与按钮传输数据

5
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())

猜你喜欢

转载自blog.csdn.net/weixin_46840974/article/details/124809099