2.6.3 编写网络应用程序 课件（14张PPT）

(共14张PPT)
网络应用软件开发（第二课时）
点击此处添加副标题
2
3
4
1
编写网络应用程序
数据传递
网络应用软件开发
网页模板
目录
CONTENTS
1.编写网络应用程序
现需要为学校智慧农场开发一款网络应用软件，在线查看、管理农场中的大棚温湿度、光照，水池温度等。现以该项目为例，网络应用软件应采用何种架构？服务器端网站需要哪些功能模块？
1.编写网络应用程序
B/S
智慧农场首页
恒温水池
智慧大棚
土壤检测
1.编写网络应用程序
Python中常用的Web应用程序框架:Flask、Django及Tronado等。
1
2
3
4
from flask import Flask
app = Flask(__name__)
if __name__ == '__main__'
app.run("0.0.0.0", port = 8086)
？
1.编写网络应用程序
路由和视图函数
使用route()路由告诉Flask何种URL能触发对应的视图函数，
视图函数则返回我们想要显示在网页中的信息
http://sports./nba
网络协议
服务器地址
本机：127.0.0.1
网页文件目录/路由
1.编写网络应用程序
路由和视图函数
本地调试IP地址为127.0.0.1，端口号为8086
1.编写网络应用程序
我们可以通过本地IP地址以及端口号访问在该服务器上运行的网络应用程序。如127.0.0.1:8086。
请同学们尝试运行以上代码，生成你的第一个网络应用程序。
if __name__ == '__main__':
app.run("0.0.0.0", port = 8086)
网络应用程序端口号
服务器IP，当前为自动识别
启动Web应用
Flask工作流程
①浏览器通过URL将请求发送至Web服务器中的Flask实例app；
②app收到请求，通过路由找到对应的视图函数，将请求处理；
③app将结果通过web服务器返回至用户浏览器；
④浏览器显示结果。
2.网页模板
可在templates文件夹下制作好精美的网页模板文件，在视图函数中调用render_template模块即可将特定数据输出到网页中。
网页美化
2.网页模板
请尝试修改相应视图函数以及网页模板文件pool.html，实现点击进入恒温水池页面，显示欢迎语以及当前水温。
完成后运行该网络应用程序，并进行测试。
实践活动
3.数据传递
向网络应用程序发送数据
GET方法，通过URL发送数据
设置为30℃
127.0.0.1:8086/set temp=30&hum=60
3.数据传递
向网络应用程序发送数据
POST方法，通过表单发送数据
4.课堂小结
1.编写网络应用程序
2.网页模板
3.数据传递
路由、视图函数和URL的关系
通过render_template模块美化网页显示数据
GET方法，通过URL发送数据
POST方法，通过表单发送数据