我正在使用html,css,flask和jinja2创建网站。
我有一个在Flask服务器上工作的页面,显示了按钮和标签等,但是我没有加载CSS样式表。
我如何将样式表链接到jinja2模板。我在互联网上四处张望,但找不到答案。
这是css样式表链接;我应该更改此代码还是python代码?
<link rel="stylesheet" type="text/css" href="styles.css">
这是我的烧瓶代码:
@app.route('/')
def resultstemplate():
return render_template('questions.html', head='Welcome!')
这是文件的位置:
/python-code.py
/templates/template.html
/templates/styles.css
所有公共文件(未处理的文件,例如模板或python文件)应放置在专用的静态文件夹中。默认情况下,Jinja2有一个名为的静态文件夹static
。
这应该可以解决你的问题:
移动/templates/styles.css
到/static/styles.css
使用以下代码更新你的代码,该代码将转换为正确的文件位置:
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
有关Jinja2中静态文件的更多信息
问题内容: 我必须遵循以下方案: python字典的python列表列表中的 每个元素都是一个python字典,看起来像这样: 现在,我希望所有字典作为主模板中的列表。但是,每个词典的内容应由子模板呈现。应使用哪种模板来呈现内容,应由字典的type变量定义。 关于使用Jinja2如何完成此操作的任何提示(如果有帮助,我正在通过Flask使用它。) 谢谢! 问题答案: 如果有人需要它: 然后可以在模
本文向大家介绍Bosun 嵌入式模板和CSS样式,包括了Bosun 嵌入式模板和CSS样式的使用技巧和注意事项,需要的朋友参考一下 示例 您可以将另一个模板主体嵌入到模板中,{{template "mysharedtemplate" .}}以重复使用共享的组件。这是一个创建标题模板的示例,该模板可以在所有其他模板主体的顶部重复使用。它还使用CSS来对输出进行样式化,以便于阅读。请注意,所有<sty
问题内容: 我从Flask的Jinja2模板提供动态页面。现在,我在脚本标签内定义客户端模板,例如Jinja2克隆Nunjucks。问题是,客户端模板具有类似语法该Flask’s的 Jinja2的解释,而不是可以解释渲染的逐字。 如何使整个脚本块逐字呈现? 问题答案: 你可以禁用块内标签的解释:
我正在使用flask制作(学习)一个简单的web应用程序。我没有使用css输入的模板。我使用jinja2模板中的'style'标记直接编码css。但style标记不起作用。即使在chrome中使用inspect元素,我也能看到样式标签被渲染? 编辑:不工作,我的意思是像背景颜色仍然是白色,字体大小和行高不是编码的。 编辑:当我将css元素放入base.html时,呈现工作。但是当我通过index.
问题内容: 我正在为Flask和SQLAlchemy构建管理员,并且我想使用来将用于不同输入的HTML传递给我的视图。模板框架似乎会自动转义html,因此所有<“’>都将转换为html实体。如何禁用它以使HTML正确呈现? 问题答案: 理想的方法是 而不是完全关闭自动转义。
什么是模板引擎 在 Web 开发中,我们经常会使用到模板引擎。简单点来说,我们可以把模板看成是一个含有某些变量的字符串,它们的具体值需要在动态运行时(请求的上下文)才能知道。比如,有下面一个模板: <h1>Hello, {{ name }}!</h1> 其中,name 是一个变量名,我们用 {{ }} 包裹它表示它是一个变量。我们给 name 传不同的值,模板会返回不同的字符串。像这样,使用真实的