flask html文件中的相关操作

html-css015

flask html文件中的相关操作,第1张

前端数据与后端数据的交互,从后端获取数据展示到前端

实现html的继承

page 当前页

pages 总页数

total 总条数

has_prev 是否有上页

has_next 是否有下页

prev_num 上一页

next_num 下一页

iter_pages 当前一共多少页

(1)views.py配置分页

(2)html 中操作

flask返回html文件一直出现hello world的原因如下:

左下Run区域看到你开启了两个运行实例,所以冲突了,实际上是旧的代码在运作。点击终止按钮或X号关闭运行的实例,再重新启动。

新版本的Pycharm为了避免这种情况,启动第二个监听实例时会有提示是否终止掉前一个。

Flask是一个使用 Python 编写的轻量级 Web 应用框架。其 WSGI 工具箱采用 Werkzeug ,模板引擎则使用 Jinja2 。Flask使用 BSD 授权。

Flask也被称为 “microframework” ,因为它使用简单的核心,用 extension 增加其他功能。Flask没有默认使用的数据库、窗体验证工具。

用法:

1.导入render_template函数

2.当你创建完成flask项目后,会自动生成static文件夹用来放css,js文件,templates文件夹放html文件。在templates文件夹下新建index.html文件

3.在app.py中渲染html,templates文件夹是自动生成的,当使用render_template渲染html时,它会自动去templates文件夹下找,所以这里不用谢文件夹名字,直接写html的名字就可以。

效果图

在网页中用户登录后,显示用名字,就是后台向前端界面传递用户的信息,前端接收到后显示出来。

用法:在渲染模板时将参数写在后面

在html文件中获取参数,读取值使用{{参数名}}

当传递参数较多时,将它们放在字典中,然后使用**字典名进行传递

读取方法还相同

补充:如果字典中有对象,要在html中获取对象的属性值,{{对象名.属性}},如果字典中还有字典,同样获取值使用{{字典名.属性}}