现在你可以在HTML页面里内嵌Python代码,就像PHP一样

2024-02-17 22:48:34 浏览数 (1)

现在你可以在HTML页面里内嵌Python代码,就像PHP一样。

需要安装吗?开玩笑!你不需要安装任何东西。直接引用下面的css和js就OK了。

代码语言:javascript复制
<head>
    <!-- PyScript CSS -->
    <link rel="stylesheet" href="https://pyscript.net/releases/2024.1.3/core.css">
    <!-- This script tag bootstraps PyScript -->
    <script type="module" src="https://pyscript.net/releases/2024.1.3/core.js"></script>
</head>

第一步、启动Python内置Http服务

代码语言:shell复制
shell> cd /home/yourname/
shell> python3 -m http.server 80

第二步、编写index.html文件

代码语言:html复制
<!doctype html>
<html>
    <head>
        <!-- Recommended meta tags -->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <!-- PyScript CSS -->
        <link rel="stylesheet" href="https://pyscript.net/releases/2024.1.3/core.css">
        <!-- This script tag bootstraps PyScript -->
        <script type="module" src="https://pyscript.net/releases/2024.1.3/core.js"></script>
    </head>
    <body>
    <h1> 这是一个测试页,在HTML页面里内嵌Python代码,就像PHP一样。</h1>
            <h2>
            <script type="py">
                # 这里写Python代码 
                from pyscript import display
                from datetime import datetime
                now = datetime.now()
                display(now.strftime("%m/%d/%Y, %H:%M:%S"))
                display("-" * 55)
                for i in range(20):
                    display(i)
            </script>
            </h2>
    </body>
</html>

第三步、打开浏览器http://yourIP/index.html,就可以看到Python输出的信息了。

参考官网:

https://pyscript.net/

https://github.com/pyscript/pyscript

0 人点赞