首页 > 编程语言 > 详细

flask前后端输出html页面(数组遍历)

时间:2020-04-05 21:52:28      阅读:324      评论:0      收藏:0      [点我收藏+]

通过flask,输出页面

后端代码文件:app.py

前端html文件:output.html

1、打开(app.py

导入相关模块:

技术分享图片

 2、定义方法:(app.py)

技术分享图片

3、写入与后端定义好的参数:(output.html

技术分享图片

 

 4、接着就可以看到效果:

 

技术分享图片

通过以上步骤就可以实现:后端传给前端参数,前端发送到页面展示。

如果不通过后端传参数,也可以直接在前端写数组,并且输出:

只要在html页面<body></body>标签中间加入以下代码就ok

技术分享图片

 

 

技术分享图片

 

 

 

技术分享图片
 1 <body>
 2 {% for namelist in namelist %}
 3 
 4 {{ namelist }}
 5      <br>
 6 
 7 {% endfor %}
 8 
 9 
10 <script>
11     var namelist = [哈哈,嘻嘻,你是最棒的];
12     for(i=0;i<namelist.length;i++){
13         document.write(namelist[i]+"<br>")
14 
15     }
16 </script>
17 </body>
html前端代码块 
技术分享图片
 1 from flask import Flask,render_template
 2 app = Flask(__name__)
 3 app.config.update(DEBUG=False)
 4 
 5 
 6 @app.route(/)
 7 def hello_world():
 8     return Hello World!
 9 
10 @app.route(/test)
11 def Shuru():
12     namelist =  [第一个名字,第二个名字,第三个名字] #定义一个数组
13     return  render_template(output.html,namelist=namelist)
14 
15 
16 if __name__ == __main__:
17     app.run()
app.py后端代码块

 

 

丸子要加油呀

 by:丸子

 

flask前后端输出html页面(数组遍历)

原文:https://www.cnblogs.com/shumei/p/12638832.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!