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

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

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

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

那么，问题来了，这玩意到底好不好用？

现在咱就用实例来扯淡啊不证明。
咱们来写一个网页版计算器！

1

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

1.特点

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

2

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

牛逼牛逼

账号		自动登录	找回密码
密码			立即注册

[技术交流] 震惊！python能写网页前端了！——网页版计算器

马上注册，结交更多好友，享用更多功能^_^