ericzzy 发表于 2020-8-5 21:57:42

震惊!python能写网页前端了!——网页版计算器

Python作为胶水语言,真的是无所不能。

{:10_277:}
这不,最近又出现一个基于Python3,目标是替代JavaScript的前端开发工具—Brython.

那么,问题来了,这玩意到底好不好用?       

{:10_254:}
现在咱就用实例来扯淡啊不证明。
咱们来写一个网页版计算器!


不过,我们首先要知道它作为Python的客户端Web编程工具,和JS有什么区别呢?

1.特点

        1.可轻易地在页面中内嵌Python终端进行测试
       

        2.运行速度接近于CPyhon

        3.写法方便,社区强大,可进行敏捷开发

        我个人觉得相同的功能,用Python写起来可能会比JS快。

        4.和JS一样,你不用安装任何东西就可以开始编写

下面就用Brython做一些简单的实验吧。
2.实验

1.在页面上显示 Hello !:

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <script type="text/javascript"
      src="https://cdn.jsdelivr.net/npm/brython@3.8.9/brython.min.js">
    </script>
</head>

<body onload="brython()">

<script type="text/python">
from browser import document

document <= "Hello !"
</script>


</body>

</html>


        将这份代码保存为index.html,双击在浏览器中打开,即可看到Hello !字样:
       

原理:

代码的head中,引入了一个Brython引擎附带的 brython.min.js 模块,用于使用Python控制页面。

而在<script type="text/python"> 和</script>之间就是相应的Python代码。

可以看到,需要在document中显示文本,直接输入:

document <= "你所需要显示的文本"

即可,后续你将会看到用Brython使用标准化的DOM语法和页面交互的例子。

2.用HTML标签来做文本格式化:

如加粗文本:
from browser import document, html

document <= html.B("Hello !")

部分加粗、部分不加粗:
from browser import document, html

document <= html.B("Hello, ") + "world !"

I标签:
document <= html.UL(html.LI(i) for i in range(5))




yangjunjie 发表于 2020-11-17 22:03:50

牛逼牛逼
页: [1]
查看完整版本: 震惊!python能写网页前端了!——网页版计算器