不会HtmlJavaScriptCSS，怎么办？有pytho

　　1说明：
　　1。1如果不会前端的html、JavaScript、CSS的知识怎么办？无所不能的python可以做到。
　　1。2Remi是一个用于Python应用程序的GUI库，它将应用程序的界面转换为HTML，以便在Web浏览器中呈现。
　　1。3这将删除特定于平台的依赖项，并允许您使用Python轻松开发跨平台应用程序！
　　2准备：
　　2。1官网地址：https：github。comdddomodossolaremihttps：remi。readthedocs。ioenlatest
　　2。2环境：
　　华为笔记本电脑、深度deepinlinux操作系统、谷歌浏览器、python3。8和微软vscode编辑器。
　　2。3安装：pipinstallremi本机安装sudopip3。8installremisudopip3。8installihttps：mirrors。aliyun。compypisimpleremi
　　3Helloworld：
　　3。1代码：注释版importremi。guiasguifromremiimportstart，App定义类classMyApp（App）：definit（self，args）：super（MyApp，self）。init（args）以上3行代码，固定初始化defmain（self）：实例化一个VBox，大小设置widgui。VBox（width300，height200）窗口的标签label显示文本，大小比例法设置注意代表换行，但需要配合style｛whitespace：pre｝，才起作用preservesnewline保留换行符self。lblgui。Label（HelloWorld，width80，height50，style｛whitespace：pre｝）按钮和名称、大小设置，支持中文self。btgui。Button（Pressme点击我！，width200，height30）绑定按钮的点击事件，调用函数self。bt。onclick。do（self。onbuttonpressed）addingthewidgetstothemaincontainer将小部件添加到主容器wid，有时候上面实例化用container主容器wid。append（self。lbl）wid。append（self。bt）returnwidlistenerfunction监听功能调用点击按钮函数；emitter发射器defonbuttonpressed（self，emitter）：self。lbl。settext（HelloWorld！）ifnamemain：startsthewebserver主要参数start（MyApp，address127。0。0。1，port8081，multipleinstanceFalse，enablefilecacheTrue，updateinterval0。1，startbrowserTrue）start（MyApp，debugTrue，address0。0。0。0，port0）本机测试地址改动无效，为默认地址start（MyApp，debugTrue）端口指定无效，也不是默认8081，估计本机端口已经被占用
　　3。2操作和效果：
　　4Bootstrap：
　　4。1代码：bootstrap。pyimportremi。guiasguifromremiimportstart，AppclassMyApp（App）：definit（self，args）：super（MyApp，self）。init（args）defmain（self）：引入在线Bootstrap的css文件mycssheadlinkrelstylesheethrefhttps：maxcdn。bootstrapcdn。combootstrap3。3。7cssbootstrap。min。css引入在线Bootstrap的js文件myjsheadself。page。children〔head〕。addchild（mycss，mycsshead）self。page。children〔head〕。addchild（myjs，myjshead）主窗口实例化，定义大小和样式maincontainergui。VBox（width500px，height500px，style｛margin：0pxauto，padding：10px｝）label标签self。lblgui。Label（LabelwithLockIcon带锁图标的标签）样式选择self。lbl。addclass（glyphiconglyphiconlocklabellabelprimary）输入框self。tfgui。TextInput（hintYourInput）样式选择self。tf。addclass（formcontrolinputlg）下拉选择框self。ddgui。DropDown（width200px）字体大小self。dd。style。update（｛fontsize：large｝）样式选择self。dd。addclass（formcontroldropdown）下拉框内容选择self。item1gui。DropDownItem（FirstChoice）self。item2gui。DropDownItem（SecondItem）定义self的功能，目前未定义self。dd。append（self。item1，item1）self。dd。append（self。item2，item2）Table表格，第一个是表头myList〔（ID，Lastname，Firstname，邮编，城市），（1，Pan，Peter，888888，上海），（2，Sepp，Schmuck，123456，北京）〕表格设置，内容，大小self。tblgui。Table。newfromlist（contentmyList，width400px，height100px，margin10px）样式选择self。tbl。addclass（tabletablestriped）按钮设置self。bt1gui。Button（OK，width100px）是Bootstrap样式Class：btnsuccessself。bt1。addclass（btnsuccess）self。bt2gui。Button（Abbruch，width100px）BootstrapClass：btnbtndangerself。bt2。addclass（btndanger）Buildupthegui，主窗口挂载下面项目maincontainer。append（self。lbl，lbl）maincontainer。append（self。tf，tf）maincontainer。append（self。dd，dd）maincontainer。append（self。tbl，tbl）maincontainer。append（self。bt1，btn1）maincontainer。append（self。bt2，btn2）returnmaincontainerifnamemain：startsthewebserverstart（MyApp，debugTrue）
　　4。2操作和效果图：
　　5tabbox：
　　5。1代码：importremi。guiasguifromremiimportstart，AppclassMyApp（App）：definit（self，args）：super（MyApp，self）。init（args）defmain（self）：按钮b1gui。Button（Showsecondtab，width200，height30）表格框tbgui。TabBox（width80）tb。append（b1，First）b2gui。Button（Showthirdtab，width200，height30）tb。addtab（b2，Second，None）tb。addtab（b2，Second）b3gui。Button（Showfirsttab，width200，height30）tb。addtab（b3，Third，None）tb。addtab（b3，Third）3种方法b1。onclick。do（self。onbt1pressed，tb，b2）b2。onclick。do（self。onbt2pressed，tb，Third）b3。onclick。do（self。onbt3pressed，tb，0）returntb按钮功能的定义，3种功能defonbt1pressed（self，widget，tabbox，refWidgetTab）：tabbox。selectbywidget（refWidgetTab）defonbt2pressed（self，widget，tabbox，refWidgetTabName）：tabbox。selectbyname（refWidgetTabName）defonbt3pressed（self，widget，tabbox，tabIndex）：tabbox。selectbyindex（tabIndex）ifnamemain：网页标题，standaloneFalse默认是不允许start（MyApp，titleTabDemo表格例子，standaloneFalse）
　　5。2操作和效果图：
　　standalone：
　　6。1代码：mian。pyfromremiimportstart，App将bootstrap。py脚本放在本代码mian。py同一个目录下frombootstrapimportMyAppifnamemain：start（MyApp，standaloneTrue）
　　6。2代码：bootstrap。py所指定代码：
　　6。3注意启动网页服务器默认为不启动（false），需要启动则为standaloneTrue。
　　6。4操作和效果图：
　　把网页变成一个的
　　附一张：
　　代码省略
　　自己整理并分享
　　喜欢的人，可以点赞、关注、评论、转发和收藏。