pyscript的简单应用实现

2024-08-08 21:01:18

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开发环境PyScripter中文乱码问题解决方案

PyScripter看起来还是挺不错的一个python ide 环境: PyScripter 2.6.0.0 python3.4 问题: PyScripter有个小坑,打开文件后中文都成了乱码.在PyScripter中新建的文件中文可以正常显示,但是重新打开后中文乱码. PyScripter中文乱码原因: 原因是如果文件头部没有编码声明,那么PyScripter会默认使用ANSI打开文件. 而PyScripter默认的文件模板也不带编码声明,重新打开文件时间不以UTF-8打开,所以乱码. 解决的
pyscript的简单应用实现

目录 1. 什么是pyscript 2.pyscript的应用 2-1.下载 2-2. CDN 2-3. 你的第一个pyscript应用最近在 PyCon US 2022 上,Anaconda 的首席执行官 Peter Wang 宣布了一项名为 PyScript 的闪亮新技术,该技术允许用户在浏览器中编写 Python. 1. 什么是pyscript pyscript由来自 Anaconda 的团队开发,包括 Peter Wang.Fabio Pliger 和 Philipp Rudiger,
使用pyscript在网页中撰写Python程式的方法

根据 Anaconda 的项目 pyscript,可以将 python 的代码直接写在网页中,目前只支援两种标签,分别是<py-script> 与 <py-repl>,以下是简单的示例. 使用这两行导入 pyscript <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" rel="external nofollow" rel=&
基于python详解PyScript到底是什么

目录前言: 作用使用方法总结前言: 最近 Anaconda 开大会发布了 PyScript ,它允许我们将 Python 代码嵌入到 HTML 中,并在浏览器中允许.PyScript 旨在为用户提供一流的编程语言,该语言具有一致的样式规则.更具表现力且更易于学习. 熟悉前端的朋友应该马上就可以反应到:这就是替代 JavaScript 啊! 确实,这个功能就类似于 JavaScript,如果后面发展得好的话,我们完全可以不写 JavaScript,直接写 Python 也能实现一样的效果.
网络浏览器中运行Python脚本PyScript剖析

目录正文使用PyScript编程标准库导入使用来自PyPI的库本地导入 REPL 标签与 JavaScript 事件监听器互动正文 PyScript可以让你在浏览器中直接运行Python脚本,与JavaScript并排,在你的代码和网页之间进行双向互动. 由Anaconda创建的PyScript是一项实验性的但很有前途的新技术,它使Python运行时在支持WebAssembly的浏览器中作为一种脚本语言使用. 每个现代常用的浏览器现在都支持WebAssembly,这是许多语言(如C
Python实现一个简单的验证码程序

老师讲完random函数,自己写的,虽然和老师示例的不那么美观,智能,但是也自己想出来的,所以记录一下,代码就需要自己不断的自己练习,实战,才能提高啊!不然就像我们这些大部分靠自学的人,何时能学会.还有就是,这次听老师的,把自己的代码添加注释,所以这次把很简单的代码都写上了注释,而且很大白话,不管有没有接触过python的,我相信仔细看了,肯定能看懂.如果看完,再自己尝试着默写出来,那就是更好到了,好了进入正题: 自己写的: __Author__ = "Zhang Peng" impo
简单了解Python中的几种函数

几个特殊的函数(待补充) python是支持多种范型的语言,可以进行所谓函数式编程,其突出体现在有这么几个函数: filter.map.reduce.lambda.yield lambda >>> g = lambda x,y:x+y #x+y,并返回结果 >>> g(3,4) 7 >>> (lambda x:x**2)(4) #返回4的平方 16 lambda函数的使用方法: 在lambda后面直接跟变量变量后面是冒号冒号后面是表达式,表达式计算
mysql 5.7.20常用下载、安装和配置方法及简单操作技巧(解压版免安装)

话说凌晨刚折腾完一台MySQL 5.7.19版本的安装,未曾料到早上MySQL官方就发布了最新的5.7.20版本.这个版本看似更新不多,但是加入了一个我们所急需的功能. MySQL 5.7.20版本新增了参数group-replication-member-weight,用来表示选主时服务器的优先级.若没有这个优先级,则之前版本的MGR会选择一个或许不是用户想要的节点,这是一个令人头疼的问题.相信5.7.20版本新增的该参数能解决一些用户的痛点. 1. 下载: mysql-5.7.20是解压版免
js中apply与call简单用法详解

你可以直接看例子,也可以先读一下介绍: call和apply是为了动态改变this而出现的,当一个object没有某个方法,但是其他的有,我们可以借助call或apply用其它对象的方法来操作. call, apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了.这两个方
js实现简单数字变动效果

本文实例为大家分享了js实现数字变动效果展示的具体代码,供大家参考,具体内容如下 $.fn.countTo = function (options) { options = options || {};//当options未被初始化,即typeof options = 'undefined'时,执行后面部分即var options = {}来初始化一个对象 return $(this).each(function () { // set options for current element v
PHP简单实现欧拉函数Euler功能示例

本文实例讲述了PHP简单实现欧拉函数Euler功能.分享给大家供大家参考,具体如下: 欧拉函数ph(n)的意思是所有小于n且与n互质的个数. 比如说ph(10) = 4{1,3,7,9与10互质} 代码如下: <?php function Euler($x) { $res = $x; $now = 2; while ($x > 1) { if ($x % $now == 0) { $res /= $now; $res *= ($now - 1); while ($x % $now == 0)