前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

想要在 HTML 中写 Python,这事靠谱吗?

不久前

Anaconda 的老大宣布了一个事:

《老子想要在 HTML 中写 Python》


要干 JavaScript 的事





玩过 Java 或者 PHP 的朋友都知道

它们可以直接在 HTML 里面做一些交互





现在,Python 也可以了





Python 语言相对简单

对于写前端的朋友

在不使用 js 的情况下

也许 pyscript 是不错的选择





不过使用它确实有方便之处

不用搞什么乱七八糟的环境

在 html 中导入相关 js

就可以直接在里面写 Python

然后在浏览器直接运行





如何使用 Pyscript 呢?

那么,接下来就是:

学习 Python 的正确姿势




新建一个 html

然后导入 pyscript 的 css 和 js





然后你就可以用到这么几个标签


---------------------------------------


<py-env>


你可以在这里定义需要用到的 Python 库


---------------------------------------


<py-script>


你可以在这里写可以被 HTML 执行的

python 代码


---------------------------------------


<py-repl>


你可以在这里写 repl 组件

从而在前端得到交互


---------------------------------------




比如我在 HTML 中

写了个 div





其中 <h1> 的 id 为 name

<p> 的 id 为 slogan


那么我就可以使用 <py-script>

来绑定数据





然后在浏览器中

直接打开这个 HTML 文件


就可以看到酱紫




由于在 <py-script> 中

可以写 Python 代码


所以你可以在里面导入库

写方法等操作





直接打开网页就可以得到数据





是不是感觉代码有点不舒服

缩进一下





不好意思

报错





现在只能贴着墙边

苟且偷生





在 <py-script> 里面可以导入

内置库


但是你想要第三方库的话

就要在 <py-env> 里面定义


比如这样





然后才可以在 <pyscript> 里面导入





你也可以在 <py-env>

里引用你写的本地模块





而在网页中使用 repl 交互

官方也给出了例子







还有更多例子可以到这里查看

https://github.com/pyscript/pyscript/blob/main/pyscriptjs/examples/




OK,以上就是小帅b今天给你带来的分享


诚然

pyscript 目前还有许多需要优化的地方


但我相信

在不久的将来

web开发会变得更加舒服






那么我们下回见

peace!



学习 Python 没烦恼








记得点赞

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言