大家好,我是明哥。 自己这两天也在搞 阿里云服务器 0 元购 的活动,其中有个环节是核验读者的购买资格。 此次参加的读者有几百个,让明哥一个一个核验肯定是不现实的,于是就想着搞一个前端页面让读者可以自己查询,虽然自己也会点前端,也写过 vue ,但让我按照标准的框架和流程去搞,总感觉太重了。 刚好昨天通过 早起同学 的一篇文章了解到,原来现在 Python 也可以 '写' 前端了,临时应付一下我这种简单的需求,太适合不过了,于是花了半个小时的时间熟悉了下,很快就搞了个 查询界面,开发效率太高了,效果如下: 噢,对了,还有想参加白 Piao 的同学,可以扫描下面微信,备注『服务器』,我会拉你入群。 接下来回归主题,转一下早起同学的文章,介绍一下 pywebio 的入门操作,大家可以学一手以备后用。 # 1. 安装与基本流程安装 但是在正式讲解一些常见的操作之前,我需要解释一下,为什么说用 回想一下我们使用Python进行数据分析的流程,启动 而使用 也不用关心数据库配置、前后端交互,就像上面的数据分析一样,创建一个空白页面,然后一行代码添加一部分内容,内容可以实时编译输出,甚至可以在 与其说是第一个第三方库,我更愿意称它为一个 当然,之所以能这么便捷高效的开发页面,基于别人封装好的,高度精准定义好的功能,因此使用场景十分有限,例如问卷调查、表单填写、数据报告展示等简单的、个人使用的,且对样式、特效等不做太高要求的场景。 关于它让人不爽的地方,我会在后面的系列文章中进行讲解,这不影响它确实是一个高效率的web开发库,下面让我对其常见操作进行讲解。 # 2. 来!现在就开发页面!本节我将介绍使用 当然,我深知阅读文档的枯燥与痛苦,所以我将以从 0 实现下面的页面为最终目标进行讲解! 插入文字平时我们写 在 put_markdown(('''# 👏 我的第一个页面 效果如下 插入图片静态元素是一个网页的重要组成部分,使用
随手用手机拍了一张图片,效果如下👇 插入表格传统html使用table插入表格,这里使用类似方法 put_table([ 效果如下,后面如果表格内容需要变化,可以写个函数让他动态更新 插入代码插入代码也是没有问题的 展示效果如下 交互 - 收集信息上面都是常规的静态元素添加,其他一些库也能做到,甚至手写原生html都行,下面来点更高级的! 首先是简单的交互式输入框,开发者已经写好了,调用命令也很简单
只用一行代码,效果如下,当然这也意味着样式什么的不支持修改 这里我们选择将接收到消息打印出来,当然也是可以写一个函数,将数据进行保存,这会在后面带大家开发问卷系统讲到 交互 - 隐藏输入如果我们在开发问卷系统,有些选项希望用户输入时可以隐藏输入,就像输入密码一样 password = input('不想让别人看见你的输入?', type=PASSWORD) 交互 - 输入代码通过交互输入框接收代码也是可以的,后面我讲介绍如何让代码执行,下面是可以实现的样式
交互 - 按钮功能其实上面说的存储数据也好,执行代码也好,本质上就是给这个提交按钮添加一个功能,我们来实现最简单的计算器。也就是点击提交,计算两数相加 data = input_group('做个计算器', [ 因为简单,连函数都不用定义,直接 如何渲染页面从上面的介绍不难看出,用 但我还没说,如何创建一张白纸以及如何渲染页面,下面是一个本文用的最简单的框架
可以看到,我们只要定义一个函数,然后往里面塞各种内容,最后通过 好了,以上就是 pywebio 的简单使用,可以覆盖绝大多数的临时页面开发需求,对于经常有这方面需求可以先学习一波。 最后,再打个广告吧。 双十一快到了,阿里云也开始搞活动了,刚好我这边可以带大家 白Piao 阿里云的服务器。 说白了就是大家 可以一分钱不花,就可以领到服务器,规格是 2c2g(2vcpu 2G memory) 的机器。 有需要的可以加我下微信,备注『服务器』,我统一拉群,带大家一起薅羊毛。
|
|
来自: 我是皮卡丘 > 《python基础》