iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > Python >pyscript的简单应用实现
  • 145
分享到

pyscript的简单应用实现

2024-04-02 19:04:59 145人浏览 泡泡鱼

Python 官方文档:入门教程 => 点击学习

摘要

目录1. 什么是pyscript2.pyscript的应用2-1.下载2-2. CDN2-3. 你的第一个pyscript应用最近在 PyCon US 2022 上,Anaconda

最近在 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的简单应用内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: pyscript的简单应用实现

本文链接: https://www.lsjlt.com/news/117778.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • pyscript的简单应用实现
    目录1. 什么是pyscript2.pyscript的应用2-1.下载2-2. CDN2-3. 你的第一个pyscript应用最近在 PyCon US 2022 上,Anaconda...
    99+
    2024-04-02
  • 简单实现Android应用的启动页
    前言: 平时打开手机的应用时,会跳出来3秒钟的广告后,再进入应用。今天我们就来简单实现一下引导页的功能。 1、首先,新建一个activity页面,命名:SplashActivity ...
    99+
    2024-04-02
  • Vue怎么实现简单的todo应用
    今天小编给大家分享一下Vue怎么实现简单的todo应用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。1. 引用vue.js&...
    99+
    2023-07-04
  • Vue.js实现简单计时器应用
    本文实例为大家分享了Vue.js实现简单计时器应用的具体代码,供大家参考,具体内容如下 一、计时器 1、在data中定义数据:比如num用来计时; 2、menthods中的添加两个方...
    99+
    2024-04-02
  • 利用Rust实现一个简单的Ping应用
    目录目标命令行解析实现Ping周期性发送其他验证总结这两年Rust火的一塌糊涂,甚至都烧到了前端,再不学习怕是要落伍了。最近翻了翻文档,写了个简单的Ping应用练练手,被所有权折腾的...
    99+
    2022-12-08
    Rust实现Ping应用 Rust实现Ping Rust Ping
  • python实现一个简单的web应用框架
    目录引言写应用框架需要写底层服务器么uwsgi基本使用安装uwsgi配置uwsgiuwsgi常用配置uwsgi启服和停服启动一个demo写一个简单的web应用框架总结引言 本篇文章所...
    99+
    2023-05-18
    python web应用框架 python web
  • Android应用内悬浮窗Activity的简单实现
    目录前言缩放方法悬浮样式点击穿透空白移动悬浮窗例子的完整代码styles.xmllayoutactivity运行效果小结前言 悬浮窗是一种比较常见的需求。例如把视频通话界面缩小成一个...
    99+
    2024-04-02
  • 怎么用PHP实现简单的聊天室应用
    本篇内容介绍了“怎么用PHP实现简单的聊天室应用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!介绍聊天应用程序在网上非常常见。开发人员在构建...
    99+
    2023-06-17
  • 怎么用Rust实现一个简单的Ping应用
    这篇文章主要介绍了怎么用Rust实现一个简单的Ping应用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么用Rust实现一个简单的Ping应用文章都会有所收获,下面我们一起来看看吧。目标实现一个Ping,功能...
    99+
    2023-07-04
  • CMake的简单应用
     各种不同的Make 工具遵循着不同的规范和标准,所执行的 Makefile 格式也千差万别。如果软件想跨平台,必须要保证能够在不同平台编译,这就得为每一个Make工具写一次 Mak...
    99+
    2024-04-02
  • 简单实用:Go WaitGroup的应用实例分享
    WaitGroup是Go语言中的一个同步原语,用于等待一组goroutine的完成。下面是一个简单的应用实例,演示了如何使用Wait...
    99+
    2023-10-08
    Golang
  • HTML+CSS+JS实现的简单应用小案例分享
    目录1.猜数字2.表白墙3.切换日夜间模式4.待办事项1.猜数字 <!DOCTYPE html> <html lang="en"> <head> ...
    99+
    2024-04-02
  • C++ map的简单使用实现
    map和set的底层都是通过红黑树来实现的,但并不是原生态的红黑树,而是经过改造后的红黑树。且容器都会在各自的类中添加一些独特的函数来解决各自适配的问题 map和set底层是改造后的...
    99+
    2024-04-02
  • Python实现简单的API
    代码实现 # coding:utf-8 import json from urlparse import parse_qs from wsgiref.simple_server import make_server # 定...
    99+
    2023-01-31
    简单 Python API
  • js如何实现简单实用的AJAX
    这篇文章主要介绍了js如何实现简单实用的AJAX,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。JS是什么JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被...
    99+
    2023-06-08
  • 怎么使用Flask实现简单的车牌识别Web应用
    这篇文章主要介绍了怎么使用Flask实现简单的车牌识别Web应用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么使用Flask实现简单的车牌识别Web应用文章都会有所收获,下面我们一起来看看吧。Flask框架...
    99+
    2023-07-05
  • C++ vector的简单实现
    目录向量成员函数cpp总结向量 向量是序列容器,表示可以更改大小的数组。 就像数组一样,向量对其元素使用连续的存储位置,这意味着也可以使用指向其元素的常规指针上的偏移量来访问其元素,...
    99+
    2024-04-02
  • 用Python实现一个简单的WebSoc
    ubuntu下python2.76 windows python 2.79, chrome37 firefox35通过 代码是在别人(cddn有人提问)基础上改的, 主要改动了parsedata和sendmessage这2个函数. 改代码...
    99+
    2023-01-31
    简单 Python WebSoc
  • Python使用socket实现简单的文
           因为工作需要,要在两台设备之间进行压力测试。即A设备不断往B设备发送文件,B设备接收文件后校验文件是否正确接收。       用Python的socket模块写了简单的Server和Client脚本。Server负责监听端口,...
    99+
    2023-01-31
    简单 Python socket
  • 如何使用rust实现简单的单链表
    目录前言1.链表节点的定义2.链表的定义3.实现从链表头部插入节点的prepend方法4.为链表实现Display trait定制链表的打印显示5.为链表实现翻转链表功能的rever...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作