pyscript的简单应用实现

 更新时间:2022年05月09日 11:44:25   作者:师兄白泽  
本文主要介绍了pyscript的简单应用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

最近在 PyCon US 2022 上,Anaconda 的首席执行官 Peter Wang 宣布了一项名为 PyScript 的闪亮新技术,该技术允许用户在浏览器中编写 Python。

1. 什么是pyscript

pyscript由来自 Anaconda 的团队开发,包括 Peter Wang、Fabio Pliger 和 Philipp Rudiger,正如 Peter 在他的演讲中提到的, PyScript是“一个用于在 HTML(如 PHP)中交错 Python 的系统。”这意味着您可以编写和运行 Python 代码在 HTML 中,在 PyScript 中调用 Javascript 库,并在 Python 中进行所有 Web 开发。
最明显的是,使用 PyScript,我们现在可以用 HTML 编写 Python(可能还有其他语言)并构建 Web 应用程序。PyScript 让更多的前端开发人员和创建者可以使用 Python 的强大功能。
正如彼得在演讲中提到的,“网络浏览器是世界上最普遍、最便携的计算机环境。” 事实上,几乎每个人都可以访问网络浏览器,无论是在电脑上还是在手机上。这意味着任何人都可以在没有任何基础设施障碍的情况下访问和开始编程。
使用 PyScript,我们不再需要担心部署。PyScript 提供了“超越云的架构转变”。一切都将在您的网络浏览器中发生。作为数据科学家,我们可以在 html 文件中共享我们的仪表板和模型,只要其他人在 Web 浏览器中打开该文件,该文件就会运行代码。

既然pyscript如此强悍,下面,我就带大家来写第一个pyscript应用:

2.pyscript的应用

2-1.下载

download pyscript now
下载完后就可以使用如下代码将python引入到你的web应用了

<link rel="stylesheet" href="path/to/pyscript.css" rel="external nofollow"  />
<script defer src="path/to/pyscript.js"></script>

2-2. CDN

当然你也可以选择不下载直接使用pyscript

<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

2-3. 你的第一个pyscript应用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    <title>Document</title>
    <style>
        py-script{
            width: 100px;
            height: 100px;
            font-size: 20px;
            text-align: center;
            position: absolute;
            left: calc(50% - 50px);
            top: calc(50% - 50px);
        }
    </style>
</head>
<body>
	<!-- 经典的hello world -->
    <py-script>
        print('hello world')
    </py-script>
</body>
</html>

2-4.来一个更复杂的应用吧

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    <title>Document</title>
</head>
<body>
    <b><p>Today is <u><label id='today'></label></u></p></b>
    <br>
    <div id="pi" class="alert alert-primary"></div>
    <!-- 这里导入了时间的库,然后将信息渲染到了页面中。并有一个简单的圆周率计算的算法 -->
    <py-script>
import datetime as dt
pyscript.write('today', dt.date.today().strftime('%A %B %d, %Y'))

def wallis(n):
    pi = 2
    for i in range(1,n):
        pi *= 4 * i ** 2 / (4 * i ** 2 - 1)
    return pi

pi = wallis(100000)
pyscript.write('pi', f'π is approximately {pi:.3f}')
    </py-script>
</body>
</html>

以上就是pyscript的简单应用了,更多相关pyscript的简单应用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Python字节单位转换实例

    Python字节单位转换实例

    今天小编就为大家分享一篇Python字节单位转换实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-12-12
  • Puppeteer使用示例详解

    Puppeteer使用示例详解

    这篇文章主要介绍了Puppeteer使用示例详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • Python常见的几种数据加密方式

    Python常见的几种数据加密方式

    这篇文章主要分享的是Python常见的几种数据加密方式,主要包括线性散列算法(签名算法)MD5,sha1、对称性加密算法 AES DES、非对称性加密算法 RSA,具体详细内容介绍,需要的小伙伴可以参考一下
    2022-06-06
  • 浅谈Python的方法解析顺序(MRO)

    浅谈Python的方法解析顺序(MRO)

    这篇文章主要介绍了浅谈Python的方法解析顺序(MRO),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • Python基于hashlib模块的文件MD5一致性加密验证示例

    Python基于hashlib模块的文件MD5一致性加密验证示例

    这篇文章主要介绍了Python基于hashlib模块的文件MD5一致性加密验证,涉及Python使用hashlib模块进行字符串与文件的MD5加密验证操作相关实现技巧,需要的朋友可以参考下
    2018-02-02
  • 在python中画正态分布图像的实例

    在python中画正态分布图像的实例

    今天小编就为大家分享一篇在python中画正态分布图像的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-07-07
  • Python引用传值概念与用法实例小结

    Python引用传值概念与用法实例小结

    这篇文章主要介绍了Python引用传值概念与用法,简单分析了Python引用传值的概念、功能并结合实例形式总结分析了Python引用传值的具体实现与使用方法,需要的朋友可以参考下
    2017-10-10
  • Selenium定位浏览器弹窗方法实例总结

    Selenium定位浏览器弹窗方法实例总结

    弹出框是自动化测试中一种常见的元素,这种元素通常是客户端自带的,下面这篇文章主要给大家介绍了关于Selenium定位浏览器弹窗方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • Python if 判断语句详解

    Python if 判断语句详解

    这篇文章主要介绍了Python if 判断语句,包括流程控制,顺序结构和分支结构,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-11-11
  • Python异步发送日志到远程服务器详情

    Python异步发送日志到远程服务器详情

    这篇文章主要介绍了Python异步发送日志到远程服务器详情,文章通过简单输出到cmd和文件中的代码展开详情,需要的朋友可以参考一下
    2022-07-07

最新评论