全栈-前后端项目交互全过程梳理
基本思路:先从网络爬取或者本地数据源将要用数据存储到数据库,其他模块中使用SQL语句来查询获取结果,将获取的结果放在Flask的节点中,在js文件中通过ajax请求来后台获取数据。最后前端HTML页面调用js文件渲染形成网页展示。
- 数据来源
1.1 使用Spyder爬取 腾讯疫情数据和百度 热搜数据
1.2存储在SQL中 - 数据调用
main.py中调用此处的 get_c1_data()时,从数据库中读取,return给调用的函数 - 使用flask框架
在/c1 的路径保存着查询回来的数据。 - 写入到js文件中
通过ajax请求到/c 路径下获取数据,保存在该JavaScript文件中,供main.html调用。 - HTML调用js,渲染形成文件
此处调用, 渲染形成网页展示
具体流程见界面(一一对应):
注意:ajax请求有两种调用方式:1、jQuery调用 2、直接写JavaScript脚本调用