html网页调用后端python代码方法
当我们利用html代码制作网页时,可以用以下方法进行python代码的调用:
1.简单的python代码例如输出‘hello world’时,可以选择直接在网页写入python代码的方式调用,这时候我们就需要了解Pyscript了。以下是在网页里直接运行简易python语段的代码:
<html><head> <meta charset="utf-8"> </head> <body><pyscript> print('Hello world') </pyscript></body></html>
2.当python代码稍微比较复杂,且处于网页构建初期时,我们可以考虑用flask框架对网页的按钮进行整体布局。
方法 1)
当网页代码较为简单时,可以直接用html代码代替render_template:
test1.py
def run():print('hello world')
run()
test.py(含flask包)
from flask import(Flask, render_template, request, redirect, globals
)
import test1app= Flask(__name__)@app.route("/",methods=['GET', 'POST'])
def index():return '<form action = "http://localhost:5000/b" method = "post"></form><a href="/test"><button onclick="">进入测试</button></a><a href="/test1">@app.route("/test",methods=['GET', 'POST'])
def test():test1.run()return '<form action = "http://localhost:5000/b" method = "post"></form><a href="/test"><button onclick="">进入测试</button></a>
if __name__ == '__main__':app.run(debug=True)
运行test1.py,ctrl+单击点开下图终端中出来的网址:
点击按钮运行即可出现hello word字样。
方法 2)
当网页代码较为复杂且长时,可以使用render_template来进行前后端交互。此时我们需要在包含flask的python代码同文件夹下新建一个template文件夹:
test.py代码同上,
b.html
<html><head> <meta charset="utf-8"> </head> <body> <form action = "http://localhost:5000/" method = "post"></form><a href="/test"><button onclick="">进入测试</button></a></body></html>
test1.py
from flask import(Flask, render_template, request, redirect, globals
)
import test1app= Flask(__name__)@app.route("/",methods=['GET', 'POST'])
def index():return render_template("b.html")@app.route("/test",methods=['GET', 'POST'])
def test():test1.run()return render_template("b.html")if __name__ == '__main__':app.run(debug=True)
测试的方式同方法1),这里不多赘述。
3.网页设计初期,以上两种方法足以,但是博主在设计网页时是设计到一半才发现,在前期写纯Html文件后再使用flask框架设计按钮响应python脚本,会出现网页不稳定的情况,博主的图啊网页跳转都不见了。经过研究之后,博主又发现了一个不管在网页设计前期中期都可以使用的python脚本调用方法!那就是ActiveX控件。
这个控件只有IE浏览器中有(至少博主在熟悉的其他浏览器中没有找到这个控件),在我们想要使用它之前需要检查我们的IE浏览器是否已经启用ActiveX控件。手动打开IE的ActiceX控件需要如下几步:打开设置-Internet选项-安全-自定义级别-把和ActiveX有关的选项全部点启用或者提示。
然后我们运行一下代码进行测试。
a.html
<!DOCTYPE html>
<html><head><meta charset="gb2312"><title>ceshi</title>
<script language="javascript">
function exec1 (command) { var ws = new ActiveXObject("WScript.Shell"); ws.exec(command);
}
</script> </head><body><button class='button1' onclick="exec1('python D:/xgcs/test1.py')">执行程序</button></p></body>
</html>
利用IE浏览器打开网址,点击按钮运行即可。
运行前会出现弹窗如下所示,点是和允许即可。
由于是输出,所以黑框一闪而逝很正常,要想看到print出来的hello world字样,得再加个输入input()。或者你的python运行出来是个ui窗口,那也会停留很久,别把黑框点叉叉即可。
希望以上博主的经验对大家有帮助,嘻嘻。
html网页调用后端python代码方法相关推荐
- phpcmsV9单网页调用其他栏目文章 -方法总结
使用phpcms单网页模板page.html,如何调用其他栏目的文章信息? 这里仅仅分析一下思路.[效果图省略] 我们都知道当前栏目调用自己的文章时,{pc}只需设置为catid="$cat ...
- 小程序---调用后端接口的方法
小程序---调用后端接口的方法 学习小程序一段时间了,写页面对我来说没有任何问题.最近学习如何请求后端接口,本来想请求项目中正在用的接口,可是无缘,微信小程序不允许.官方给出的提示是,接口必须有域名且 ...
- 【方法】HTML网页调用本地Python程序
欢迎支持个人chatgpt:https://chat.immuseai.com/register?promotion-code=pRE9p9DXCOBz3Z1s.注册即可使用GPT3.5和4.0. 代 ...
- 网页调用服务器视频代码,PPVOD视频系统调用视频地址播放的两种方式
PPVOD视频系统系统的设计目标就是把各种格式的视频丢进去,系统自动处理变成可以在网页播放的的视频地址,为了用户个性化需要,我们系统生成了两种视频地址: 第一种就是分享地址 这个分享地址类似于优酷.奇 ...
- html调用python_HTML网页调用本地Python程序
UI自动化 运行客服系统回归测试 运行8961回归测试
- uniapp - 新版本微信小程序登录、获取电话号码;后端调用微信API不必自己写调用网址【附有前后端完整代码】
uniapp文档:文档地址 1.uniapp的登录 (1)登录:通过前端获取到code,可直接调用WxMaService类的方法即可实现微信接口 uni.login({provider: 'weixi ...
- 如何在Clion中使用C++调用Python代码
在很多时候,我们需要在一个c++工程项目中调用部分Python代码,这就需要我们实现Python和C++之间的交互.交互方式有两种:1. 依靠 TCP 建立的网络通信交互:2. 嵌入式混合语言编程(E ...
- 浏览器可以运行 Python 代码了?
作为 Python 程序员,很羡慕那些 Javascript 开发者,动不动就能写出令人惊艳的网页.不过今年,我们也能用 Python 写前端了:Anaconda 团队开发出了 PyScript,你可 ...
- python前端调用后端模型_【Python】【Flask】前端调用后端方法
后端代码: @app.route("/test",methods=['POST','GET']) def test(): return "我是测试的" 前端代码 ...
最新文章
- java B2B2C Springcloud多租户电子商城系统-(七)高可用的分布式配置中心(Spring Cloud Config)...
- 主成分分析法(PCA)原理漫谈
- Event Bus 设计模式学习笔记
- 商业项目中最受欢迎的 7 种编程语言
- java获取每月最后一天_java获取每月的最后一天实现方法
- Python学习笔记五
- GRBL学习笔记1--Qt4安装
- 蜘蛛日志分析工具_如何分析网站日志 - 360蜘蛛池
- XLSTransformer 导出Excel数据
- 可以在树莓派上使用的交互式抠图软件
- 破解md5加密的方法
- MySQL中的蠕虫复制
- Python-----并发,并行,进程,多进程
- 测试过程中如何分析抓包工具抓的HTTP或TCP包
- 第十章:项目沟通管理 - (10.0 项目沟通管理是什么)
- 聊聊soho办公-人们为什么越来越累
- 哈希算法--暴雪的mpq技术
- Java开发手册(黄山版)
- NBA 2K20今天上市
- 2023年上海大学美术学院创新设计专业院校分析、报录比、复试线、考研经验指南