PyWebIO库是一个用于在浏览器上的python工具库

　　1说明：
　　1。1不需要编写Html和JS代码，就可以构建出具有良好可用性的Web程序。
　　1。2通过python的简洁代码进行web页面开发，还可以进行数据可视化，非常简单地整合Bokeh，pyecharts，plotly，pyg2plot，cutecharts。py。
　　1。3还可以整合进web服务器框架中去，如Tornado，Flask，Django，aiohttp。
　　1。4本文入门级介绍，代码注释仔细，一秒入门。
　　2安装：
　　2。1官网：https：www。cnpython。compypipywebiohttps：pywebio。readthedocs。ioenlatesthttps：github。comwang0618PyWebIO
　　2。2安装：pipinstallpywebio本机安装sudopip3。8installpywebio
　　3helloworld：
　　3。1效果图：
　　3。2代码：调出setenv设置环境函数frompywebio。sessionimport调出puttext函数和style函数frompywebio。outputimport网页标题名setenv（title1helloworld：你好世界，outputanimationFalse）默认puttext（Helloworld：你好世界！）得需要css相关知识美化设置，cssstyle：字体颜色：红色，字体大小，字体样式，注意分号（；）隔开textalign：center位置居中padding：100px200px；文字距离上下有100px内边距距离左右有200内边距margin：100px200px；文字距离上下有100px外边距距离左右有200外边距请注意，css设置字体后可能报错style（puttext（Helloworld：你好世界！），color：red；fontsize：40px；fontstyle：italic；textalign：center；padding：100px200px；）如果报错Fontconfigwarning：etcfontsfonts。conf，line100：unknownelementblankOptionsandboxisunknown。Ignoring。报错原因是因为默认谷歌浏览器，不需要设置浏览器为360浏览器即可
　　4loading：
　　4。1加载圈效果图
　　4。2代码：frompywebio。outputimportforshapein（border，grow）：forcolorin（primary，secondary，success，danger，warning，info，light，dark）：puttext（shape，color）putloading（shapeshape，colorcolor）usingstyle（）tosetthesizestyle（putloading（），width：4rem；height：4rem）
　　5processbar：
　　5。1进度条效果图：
　　5。2代码：frompywebio。outputimport输出进度条importtime属于outputputprocessbar（bar）foriinrange（1，11）：setprocessbar（bar，i10）time。sleep（0。1）
　　6inputbox：
　　6。1效果图：
　　6。2代码：参数：input，NUMBER，FLOATfrompywebio。inputimportfrompywebio。outputimport方法一请注意注意询问，独立页面询问年龄：还有typeFLOATageinput（Howoldareyou？，typeNUMBER）密码输入框passwordinput（Inputpassword，typePASSWORD）下拉式选择xingbieselect（性别，〔boy，girl〕）选择框agreecheckbox（UserTerm，options〔Iagreetotermsandconditions〕）单选：Singlechoiceanswerradio（Chooseone，options〔A，B，C，D〕）多行文本：Multilinetextinputtexttextarea（TextArea，rows3，placeholderSometext）文件上传FileUploadimgfileupload（Selectaimage：，acceptimage）方法二：一页多行显示：inputgroup函数defcheckage（p）：ifp10：print（Tooyoung！！）elif10p60：print（Right！！）elifp60：print（Tooold！！）datainputgroup（Basicinfo，〔input（Inputyourname，namename），input（Inputyourage，nameage，typeNUMBER，validatecheckage）〕）puttext（data〔name〕，data〔age〕）
　　7table：
　　7。1表格效果图：
　　7。2代码：frompywebio。inputimportfrompywebio。outputimport方法一：简单输出表格puttable（〔表头：默认黑体加粗〔name，City，Country〕，表内容〔LiBai，Beijing，China〕，〔Tom，NewYork，America〕，〕）方法二：高级一点：输出表格puttable（〔name占2行row，Address占2列col〔span（Name，row2），span（Address，col2）〕，〔City，Country〕，〔LiBai，Beijing，China〕，〔Tom，NewYork，America〕，〕）方法三：高级输出模式puttable（〔〔Type，Content〕，〔html，puthtml（Xsup2sup）〕，〔text，hr〕，〔buttons，putbuttons（〔A，B〕，onclick。。。）〕，注意奇怪的’的符号〔markdown，putmarkdown（AwesomePyWebIO！）〕，〔file，putfile（hello。text，bhelloworld）〕，嵌入表格〔table，puttable（〔〔A，B〕，〔C，D〕〕）〕〕）
　　8widget：
　　8。1tpl的widget小部件效果图：
　　8。2代码：frompywebio。inputimportfrompywebio。outputimport小部件输出tpldetails｛｛open｝｝open｛｛open｝｝summary｛｛title｝｝summary｛｛contents｝｝｛｛pywebiooutputparse｝｝｛｛contents｝｝detailsputwidget（tpl，｛open：True，title：小部件widgettpl，contents：〔text，putmarkdown（火车），puttable（〔〔动物，体重〕，〔牛，300〕，〔羊，100〕，〕）〕｝）
　　9grid：
　　9。1布局效果图：
　　9。2代码：frompywebio。inputimportfrompywebio。outputimport方法一：默认的宽和高puttext（方法一：默认的宽和高）putgrid（〔〔puttext（A），puttext（B）〕，〔puttext（C），puttext（D）〕，〕）方法二：指定的宽和高puttext（方法二：指定的宽和高）putgrid（〔〔puttext（天），puttext（地）〕，〔puttext（风），puttext（雨）〕，〕，指定宽和高cellwidth100px，cellheight50px）方法三：再高级一点puttext（方法三：再高级一点）putgrid（〔〔puttext（鸡），puttext（鸭），puttext（鹅）〕，D是居中〔None，span（puttext（猪），col2，row1）〕，〔puttext（猫），puttext（狗），puttext（鸟）〕，〕，cellwidth50px，cellheight50px）
　　10官方示例demo：BMI
　　10。1BMI体重指数效果图：
　　10。2代码：frompywebio。inputimportinput，FLOATfrompywebio。outputimportputtextdefbmi（）：heightinput（请输入你的身高（cm）：，typeFLOAT）weightinput（请输入你的体重（kg）：，typeFLOAT）BMIweight（height100）2topstatus〔（14。9，极瘦），（18。4，偏瘦），（22。9，正常），（27。5，过重），（40。0，肥胖），（float（inf），非常肥胖）〕fortop，statusintopstatus：ifBMItop：puttext（你的BMI值：。1f，身体状态：s（BMI，status））breakifnamemain：bmi（）
　　简单入门。