html调用python代码_html网页调用后端python代码的方法实例

在构建网页时运用标记语言，可以通过以下途径实施代码的运用：

输出"hello world"这类基础代码,可以通过在网页中直接嵌入代码片段来执行,这种方式需要掌握相关方法。下面是网页内运行简短文本的代码示例。

 
		  
			  
		    
        
		    print('Hello world') 
        
     

当程序结构稍显复杂，并且网页制作尚处起步阶段，可以选用flask框架来统一安排网页中的按钮位置。

方法 1）

当网页代码较为简单时，可以直接用html代码代替：

test1.py

def run():
  print('hello world')
run()

test.py(含flask包)

from flask import(
Flask框架，利用render_template模板引擎，处理request请求，实现页面重定向，通过globals全局变量
)
import test1
 
app= Flask(__name__)
 
这个网址接受两种请求方式，一种是获取信息，另一种是提交数据，主要路径是根目录地址
def index():
     return '
进入测试
    
这个网址用于测试功能，它支持两种访问方式，分别是获取数据和提交数据。
def test():
    test1.run()
    return '
进入测试
if __name__ == '__main__':
    app.run(debug=True)

执行test1.py文件，在下方图片所示的控制台界面中，用鼠标左键按住Ctrl键的同时，点击弹出的网址链接进行访问。

点击按钮运行即可出现hello word字样。

方法 2）

当网页构造较为繁复且篇幅较长时，可以借助特定工具实现前后端之间的联络。在这个情形下，我们需要在存放flask相关代码的同一个目录里，另外创建一个文件夹：

test.py代码同上，

b.html

		  
			  
		    
           
           

           
		   进入测试
        
     

test1.py

from flask import(
    Flask, render_template, request, redirect, globals
)
import test1
 
app= 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），这里不多赘述。

网页设计刚开始的时候，这两种技术足够了，但是博主在制作网页过程中，中途才察觉到，先编写纯Html文件，再搭配flask框架来编写按钮交互代码，会导致网页出现异常，图片和页面跳转功能都失效了。博主深入研究后，又找到一个适用于网页设计任何阶段的技术，那就是组件。

这个组件仅在IE浏览器存在，其他浏览器均未发现，在使用前需确认IE是否已启用该组件，手动启用IE组件需按以下步骤操作：进入设置界面，选择选项功能，点击安全设置，进入自定义级别，将所有与组件相关的选项设为启用或提示状态。

然后我们运行一下代码进行测试。

a.html

  
    
    
 
  
  
    执行程序

  

利用IE浏览器打开网址，点击按钮运行即可。

运行前会出现弹窗如下所示，点是和允许即可。

输出时，黑框会快速消失，这是常见现象，若想看到hello world字样，需要额外加入输入input()。或者，如果运行后出现图形界面，程序会暂停较长时间，此时只需不要关闭黑框窗口即可。

总结

这篇关于如何让网页调用后端代码的文章到此结束,想要了解更多相关html网页调用后端的知识,可以查阅脚本之家先前的文章,或者继续查看下方的关联内容,期待大家未来继续关注脚本之家。