前端中块状元素block的简单运用

最新推荐文章于 2024-07-23 10:43:13 发布

原创

最新推荐文章于 2024-07-23 10:43:13 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#block #前端

本文介绍了如何在Flask项目中使用block进行前端页面的布局和继承。通过创建studentbase.html和studentinfo.html，演示了在templates文件夹内设置模板并利用@app.route装饰器定义路由。在studentinfo.html中，使用extend实现模板继承，继承父模板studentbase的内容，并在其基础上添加个性化修改。

首先在pychrm中利用Flask框架建立一个项目
接着写studentbase.html和studentinfo.html两个文件
将它们都放在同一个文件夹，templates中，否则会出现无法导入的问题
在这里app = Flask(__name__)
app = Flask(name)这是创建一个web应用的实例app
@app.route(’/’)定义路由规则
if name == ‘main’: app.run()这句话的意思是用python命令直接执行本文件时，就会启动web服务器
render是模板渲染，在这里它渲染了studentinfo.html文件，并将一个带有三个变量的stulist列表当作变量加入了其中
在这里插入图片描述
extends表继承，是将studentbase中的内容放到了studentinfo.html中，在我看来，这相当于它是父亲，儿子继承了父亲的所有内容并在原有的基础上做出改动。