用Python写了一个前端，轻轻松松实现前端梦

前端除了用js++css+html，还有没有其它办法？其实python也可以

1. 安装与基本流程

Python学习交流Q群：906715085###
安装 PyWebIO 和其他的第三方库一样使用pip install PyWebIO就行，没有任何难度，此处不做多讲。





但是在正式讲解一些常见的操作之前，我需要解释一下，为什么说用 PyWebIO 写页面就像数据分析一样。




回想一下我们使用Python进行数据分析的流程，启动 Jupyter Notebook 导入数据，进行数据预览、筛选、拆分合并等操作，得到



自己满意的结果，最后保存方便查看，更重要的是一行代码一个结果，方便调试。




而使用 PyWebIO 开发页面流程也是类似，我们不用过分关心CSS、JS等文件，全程我们只需要操作一个py脚本。




也不用关心数据库配置、前后端交互，就像上面的数据分析一样，创建一个空白页面，然后一行代码添加一部分内容，内容可以


实时编译输出，甚至可以在 ipython 中进行开发👇

与其说是第一个第三方库，我更愿意称它为一个 APP ，因为一行代码对应一个操作，例如可以调用 put_text() 、 put_image() 、

put_table() 等函数输出文本、图片、表格等内容到浏览器！

当然，之所以能这么便捷高效的开发页面，基于别人封装好的，高度精准定义好的功能，因此使用场景十分有限，例如问卷调

查、表单填写、数据报告展示等简单的、个人使用的，且对样式、特效等不做太高要求的场景。

关于它让人不爽的地方，我会在后面的系列文章中进行讲解，这不影响它确实是一个高效率的web开发库，下面让我对其常见操

作进行讲解。

2. 来！现在就开发页面！

本节我将介绍使用 PyWebIO 开发页面中的一些常见操作。

当然，我深知阅读文档的枯燥与痛苦，所以我将以从 0 实现下面的页面为最终目标进行讲解！

插入文字

平时我们写 html 会用类似

标签来控制标题，用

``这样的标签来输出文字。

在 PyWebIO 中可以使用 markdown 来实现类似效果，语法是put_markdown()，将markdown添加进去，就会自动渲染

put_markdown(("""# 👏 我的第一个页面