Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >推荐一款新框架PyScript:在 HTML 嵌入 Python 代码!

推荐一款新框架PyScript:在 HTML 嵌入 Python 代码!

作者头像
测试开发技术
发布于 2022-05-22 06:01:57
发布于 2022-05-22 06:01:57
1.5K011
代码可运行
举报
文章被收录于专栏:测试开发技术测试开发技术
运行总次数:11
代码可运行

一、介绍

网页浏览器是目前世界上最普遍,最可携的计算机环境。几乎所有人都可以在计算机或是手机上使用网页浏览器,以没有基础设施障碍的方式访问程序。

在 PyCon US 2022 上,知名 Python 发行版 Anaconda 开发商近日宣布了可在浏览器端运行的 Python — PyScript

根据官方的介绍,PyScript 是一个开发框架,该框架允许在浏览器中运行Python应用。为开发者提供了在标准 HTML 中嵌入编写 Python 代码的能力、使用 Python 调用 JavaScript 函数库,以及创建 Python Web 应用。它可以让开发者在HTML中创建丰富的Python应用程序,且Python代码可与JavaScript实现双向通信

官方表示,通过使用PyScript,Python开发者便不需要担心程序部署问题,因为PyScript让程序直接在网页浏览器中运行,也就是说,可以在HTML文件中,分享开发成果,只要其他人在网页浏览器中打开文件,该文件中的程序代码就会开始运行。

2、原理及安装

官网地址:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
https://pyscript.net/

由于PyScript目前仍在alpha测试阶段,读者感兴趣的话,可以从pyscript.net下载尝鲜。

另外,PyScript 是基于 Pyodide来 构建的,Pyodide 由编译成 WebAssembly 的 CPython 3.8 解释器组成,允许在网页浏览器中运行 Python。Pyodide 可以安装来自 PyPi 的任何 Python 包。Pyodide 还包括一个外部函数接口,可以将 Python 包暴露给 JavaScript,并将浏览器 UI,包括 DOM,暴露给 Python。

关于 PyScript 运行原理的更多信息查看:https://engineering.anaconda.com/2022/04/welcome-pyscript.html

使用前,需要先下载对应依赖的静态资源文件(CSS、JS),第一种方式直接将文件下载到本地再引入

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="stylesheet" href="path/to/pyscript.css" />
<script defer src="path/to/pyscript.js"></script>

另外一种方式,直接在线引入

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

3、使用示例

项目源码地址:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
https://github.com/pyscript/pyscript

用VSCODE或者PyCharm,或者其他任一你喜欢的编辑器,新建HTML文件,编写示例代码,类似如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>PyScript Hello World</title>

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

  <body>
    Hello world! <br>
    This is the current date and time, as computed by Python:
    <py-script>
    from datetime import datetime
    now = datetime.now()
    now.strftime("%m/%d/%Y, %H:%M:%S")
    </py-script>
  </body>
</html>

该示例用于在HTML前端页面,利用Python代码实现打印当前时间的功能。

更多官方示例参考:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
https://github.com/pyscript/pyscript/tree/main/pyscriptjs/examples

坦白来讲,PyScript 作为一款新面市不久的框架,还存在很多不稳定的问题,分享给各位读者,目的是希望大家能从不同的框架背后,学习借鉴到新的设计思路,取其精华,开阔视野。在没有工作应用场景时,并不需要强制自己去使用,希望大家抱有一种理性的视角来看待新技术、新框架。

以上分享希望对你工作有所帮助、启发,有被帮助到的朋友欢迎点赞在看、转发

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-05-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 测试开发技术 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【开源分享】教你如何在HTML中执行Python脚本代码!超级简单赶紧收藏。
PyScript 是一个框架,它允许用户使用 HTML 的界面在浏览器中创建丰富的 Python 应用程序。PyScript 旨在为用户提供一流的编程语言,该语言具有一致的样式规则、更具表现力且更易于学习。
程序猿的栖息地
2022/08/31
4.6K0
【开源分享】教你如何在HTML中执行Python脚本代码!超级简单赶紧收藏。
如何看待 Python(PyScript) 可以做浏览器前端开发语言?
大家好,我是三十一[0],自上次更新 Nvidia 命令总结以来,期间🐦了一周多。因为最近在整理 Etcd[1] 相关系列,耽搁了许多时间。如果大家对 Etcd 感兴趣,可以点个关注或添加号主微信,后续会做专题输出。 本次分享的内容:主要讨论在 PyCon US 2022[2] 上,由 Anaconda 发布的 PyScript[3] 技术。据说这项技术被 Anaconda 基于「为 99% 的人带来编程」这么宏伟的愿景而创建,接下来号主将带着大家一起体验这项技术,阅读全文预计花费 8 分钟。 PyScri
程序员荒生
2022/05/19
9650
如何看待 Python(PyScript) 可以做浏览器前端开发语言?
分享一个2022年火遍全网的Python框架
最近Python圈子当中出来一个非常火爆的框架PyScript,该框架可以在浏览器中运行Python程序,只需要在HTML程序中添加一些Python代码即可实现。该项目出来之后便引起了轰动,马上蹿升到了Github趋势榜榜首,短短20天已经有10K+的star了。既然如此,小编今天就带大家来看看该框架是如何使用的。
用户6888863
2022/06/08
2910
分享一个2022年火遍全网的Python框架
这到底怎么跑起来的?!
前几天我看到了一则IT圈的新闻:Anaconda推出PyScript:在 HTML 嵌入Python代码
轩辕之风
2022/05/17
4220
这到底怎么跑起来的?!
一日一技:抛掉JavaScript,用HTML和Python做网站
有时候,我们的电脑上没有安装Python,但你需要验证一段Python代码的运行效果。
青南
2022/05/23
1.5K0
一日一技:抛掉JavaScript,用HTML和Python做网站
一个神器的项目:让 Python 在 HTML 中运行
大家好,我是DD,已经是封闭在家的第51天了! 最近一直在更新Java新特性(https://www.didispace.com/java-features/)和IDEA Tips(https://www.didispace.com/idea-tips/)两个原创专栏,其他方向内容的动态关注少了。昨天天晚上刷推的时候,瞄到了这个神奇的东西,觉得挺cool的,拿出来分享下: 相信你看到图,不用我说,你也猜到是啥了吧?html里可以跑python代码了! 看到好多Python公众号已经开始猛吹未来了,但乍看怎
程序猿DD
2022/05/10
2.3K0
一个神器的项目:让 Python 在 HTML 中运行
Python已可在浏览器端运行,或将成为前后端通吃语言?
知名 Python 发行版 Anaconda 开发商近日宣布了可在浏览器端运行的 Python —— PyScript。
小灰
2022/06/07
3250
Python已可在浏览器端运行,或将成为前后端通吃语言?
现在你可以在HTML页面里内嵌Python代码,就像PHP一样
贺春旸的技术博客
2024/02/17
2720
PyScript 来了!终于可以在浏览器运行 Python 应用
这是「进击的Coder」的第 619 篇技术分享 整理:梦依丹 来源:CSDN(ID:CSDNnews) “ 阅读本文大概需要 3 分钟。 ” 在 PyCon US 2022 上,Python 开发商 Anaconda 发布了 PyScript,该框架可以在浏览器中运行 Python 应用。它允许开发者在HTML中创建丰富的 Python应用程序,Python 代码可与 JavaScript 实现双向通信。 1. PyScript 是什么? 在 PyScript 的官网是这样介绍的:“Run Pyth
崔庆才
2022/05/10
1.5K0
PyScript 来了!终于可以在浏览器运行 Python 应用
PyScript:让 Python 在 Web 中跑起来
作者 | Yong Cui 译者 | 平川 策划 | 邓艳琴 本文最初发布于 Better Programming。 这是下一个大事件吗?如果继续发展下去,有可能。 在 2022 年 PyCon 美国大会期间,作为主题发言人之一的 Peter Wang 公布了 PyScript——一种在 HTML 中直接编写 Python 脚本的方法。或许你不知道 Peter,但你可能听说过 Anaconda,这是最流行的 Python 和 R 分发版之一,主要应用于数据科学。Peter 是 Anaconda 的
深度学习与Python
2023/03/29
2.2K0
PyScript:让 Python 在 Web 中跑起来
“可在浏览器端运行的Python”,再发力!!!
半年前,知名 Python 发行版 Anaconda 开发商推出了 PyScript —— 一款支持在浏览器中创建 Python 应用程序的框架。PyScript 基于 Pyodide 构建,Pyodide 由编译成 WebAssembly 的 CPython 3.8 解释器组成,允许在网页浏览器中运行 Python。Pyodide 可以安装来自 PyPi 的任何 Python 包。Pyodide 还包括一个外部函数接口,可以将 Python 包暴露给 JavaScript,并将浏览器 UI,包括 DOM,暴露给 Python。
sergiojune
2023/01/04
7810
“可在浏览器端运行的Python”,再发力!!!
浏览器可以运行 Python 代码了,Python 也许会变成前后端通吃的语言
你好,我是征哥,作为 Python 程序员,我很羡慕那些 Javascript 开发者,动不动就能写出令人惊艳的网页。不过今年,我们也能用 Python 写前端了:Anaconda 团队开发出了 PyScript,你可以在 HTML 里面编写和运行 Python 代码,调用 Javascript 库,换句话说,你可以用 Python 来进行整个前后端开发。
somenzz
2022/05/24
6430
浏览器可以运行 Python 代码了,Python 也许会变成前后端通吃的语言
【Web前端】理解 HTML 头部:从基础到进阶
网页开发中,HTML 的头部(<head> 部分)扮演着至关重要的角色。虽然不像 <body> 部分那样显眼,但头部包含了网页的许多关键元素,对网页的功能性和表现有着直接的影响。
一条晒干的咸鱼
2024/11/19
6680
【Web前端】理解 HTML 头部:从基础到进阶
2.HTML根部头部主体标签元素介绍
描述: HTML html 元素表示一个 HTML 文档的根(顶级元素),所以它也被称为根元素,所有其他元素必须是此元素的后代。
全栈工程师修炼指南
2023/03/19
1.4K0
2.HTML根部头部主体标签元素介绍
HTML 渲染那些事儿
最近一段时间刚好在公司内部涉及一些老旧项目的优化,所以对于 Web 网页性能方面沉淀了一些自己的看法。
19组清风
2023/04/23
1.6K0
HTML 渲染那些事儿
HTML(一)
从这篇开始,通过几篇的介绍,了解常用的 HTML 标记,熟悉每个标签在浏览器中的默认样式。
1ess
2021/10/29
5300
HTML(一)
gin使用embed打包html
返回"/“路径下所有的文件,不会递归遍历,所有c.FileFromFS(”/", http.FS(fdist))返回更目录中的所有文件
sofu456
2023/07/10
9500
期末前端web大作业:HTML+CSS+JavaScript简洁的餐饮网站(8个页面) 学生美食网页设计作品静态HTML网页模板源码 大学生美食文化网站制作 简
👨‍🎓静态网站的编写主要是用HTML DIV+CSS JS等来完成页面的排版设计👩‍🎓,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等,用的最多的还是DW,当然不同软件写出的前端Html5代码都是一致的,本网页适合修改成为各种类型的产品展示网页,比如美食、旅游、摄影、电影、音乐等等多种主题,希望对大家有所帮助。 🧡 【作者主页——🔥获取更多优质源码】 🧡 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)
IT司马青衫
2022/08/19
1K0
期末前端web大作业:HTML+CSS+JavaScript简洁的餐饮网站(8个页面) 学生美食网页设计作品静态HTML网页模板源码 大学生美食文化网站制作 简
HTML 基础
HTML(HyperText MarkupLanguage 超文本标记语言),用于构建网页
王秀龙
2021/08/23
1.5K0
PyCharm 2022.2 发布了,支持最新 Python 3.11 和 PyScript 框架!
原文:https://blog.jetbrains.com/pycharm/2022/07/2022-2
Python猫
2022/08/13
1K0
推荐阅读
相关推荐
【开源分享】教你如何在HTML中执行Python脚本代码!超级简单赶紧收藏。
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验