jinja2语法-挖坑与填坑

系统管理员 2022-05-23 04:46 298阅读 0赞

静态文件html页面树结构如下:  
![这里写图片描述][70]

base.html代码结构如下:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <title> {% block title %} {% endblock %} </title> {% block extCSS %} {% endblock %} </head> <body> {% block nav %} {% endblock %} {% block content %} {% endblock %} {% block footer %} {% endblock %} {% block extJS %} {% endblock %} </body> </html>

base_main.html代码如下: 继承原来的页面进行填坑操作

{% extends 'base.html' %} {% block extCSS %} <link rel="stylesheet" href="{ { url_for('static', filename='css/home.css') }}"> {% endblock %}

all_stu.html代码如下: 继承自base_main.html, 填坑title与content, 这样做的好处在于多个页面有相同元素的时候, 我们可以把他提取到一个基础文件里面, 然后不同的页面进行继承后就可以使用了, 只需要将不同的内容进行安装即可.

{% extends 'base_main.html' %} {% block title %} 学生选课结果信息 {% endblock %} {% block content %} <ul> {% for stu in stus %} <li> id:{ { stu.s_id }} 姓名:{ { stu.s_name }} <a href="/stu/stutocourse/{ { stu.s_id }}">课程</a> </li> {% endfor %} </ul> {% endblock %}

[70]: /images/20220523/19e4c6237a374d7fa0903ddbdcb7490e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，298人围观）

还没有评论，来说两句吧...

相关阅读

相关挖坑-算法题目

\- 什么是空洞卷积？ ![7b32809915110e33301016a282e9e2e0.gif][] 1：提出空洞卷积的背景[引用][Link 1]

╰半橙微兮°/ 2023年01月14日 14:57/ 0 赞/ 192 阅读

相关目前挖的坑，等待去填

很多时候，自己总是灵光乍现，然后想要做这，想要做那，想做一个CSS的项目，想做一个Jeknkins的主题，想学习Python，还有读者留言问我，之前写了一篇直播小程序的文章，没

淩亂°似流年/ 2022年12月22日 08:47/ 0 赞/ 158 阅读

相关 mpvue填坑

文章目录 1. 需要python2的环境，使用下面命令 npm install -g node-gyp npm install -globab

刺骨的言语ヽ痛彻心扉/ 2022年12月05日 13:58/ 0 赞/ 233 阅读

相关 jinja2语法

本文只是官方文档的部分摘录，只记录了常用语法，和python非常类似，方便快速理解使用语法 {% ... %} for Statements {

妖狐艹你老母/ 2022年09月06日 00:26/ 0 赞/ 167 阅读

相关挖一个坑，待填--什么是工厂函数（模式）

wait [http://www.cnblogs.com/wly923/archive/2013/05/10/3068313.html][http_www.cnblogs.

小灰灰/ 2022年05月31日 11:07/ 0 赞/ 158 阅读

相关 jinja2语法-挖坑与填坑

静态文件html页面树结构如下: ![这里写图片描述][70] base.html代码结构如下: <!DOCTYPE html> <html lang=

系统管理员/ 2022年05月23日 04:46/ 0 赞/ 299 阅读

相关填坑填坑

填一下坑！！！ -------------------- 关于let和var 先看两组代码： if (false) { var i = 0;

迷南。/ 2022年05月15日 10:52/ 0 赞/ 329 阅读

相关【Java基础】小结与填坑

前面都写了 9 篇啦，虽然断断续续发了半个月，写着写着会发现每篇中都有些比较重要的地方没有讲到~ 这篇还是需要填一填目前我已发现的坑了~ 一、小结 1. Java

偏执的太偏执、/ 2022年04月24日 09:38/ 0 赞/ 314 阅读

相关 hadoop 步步填坑

001坑：Windows平台Hadoop出现 Exception message: CreateSymbolicLink error (1314): ???????????

墨蓝/ 2022年03月26日 10:20/ 0 赞/ 290 阅读

相关 election填坑汇总

一、window环境mainWindow.maximize()与mainWindow.on("ready-to-show" 事件冲突在win环境中先设置 mainWi

我会带着你远行/ 2022年01月12日 00:27/ 0 赞/ 352 阅读