简单flask框架的blog项目之构建 Jinja 2模板

最新推荐文章于 2024-08-24 08:57:45 发布

luyaran

最新推荐文章于 2024-08-24 08:57:45 发布

阅读量245

点赞数 1

分类专栏：原创 python2.7的flask框架项目实战及深度使用文章标签： flask框架 blog项目构建 Jinja 2模板

本文链接：https://blog.csdn.net/luyaran/article/details/81167997

版权

原创同时被 2 个专栏收录

868 篇文章 9 订阅

订阅专栏

python2.7的flask框架项目实战及深度使用

24 篇文章 5 订阅

订阅专栏

咱们这次来看下上篇文章所提到的三个模板，先来看首页的 Jinja 2模板，也就是layout.html：

<!doctype html>
<title>Flaskr</title>
<link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">
<div class=page>
  <h1>Flaskr</h1>
  <div class=metanav>
  {% if not session.logged_in %}
    <a href="{{ url_for('login') }}">log in</a>
  {% else %}
    <a href="{{ url_for('logout') }}">log out</a>
  {% endif %}
  </div>
  {% for message in get_flashed_messages() %}
    <div class=flash>{{ message }}</div>
  {% endfor %}
  {% block body %}{% endblock %}
</div>

完事来看下登陆的 Jinja 2模板，也就是login.html：

{% extends "layout.html" %}
{% block body %}
  <h2>Login</h2>
  {% if error %}<p class=error><strong>Error:</strong> {{ error }}{% endif %}
  <form action="{{ url_for('login') }}" method=post>
    <dl>
      <dt>Username:
      <dd><input type=text name=username>
      <dt>Password:
      <dd><input type=password name=password>
      <dd><input type=submit value=Login>
    </dl>
  </form>
{% endblock %}

最后就是添加信息的页面show_entries.html：

{% extends "layout.html" %}
{% block body %}
  {% if session.logged_in %}
    <form action="{{ url_for('add_entry') }}" method='POST' class=add-entry>
      <dl>
        <dt>Title:
        <dd><input type=text size=30 name=title>
        <dt>Text:
        <dd><textarea name=text rows=5 cols=40></textarea>
        <dd><input type=submit value=Share>
      </dl>
    </form>
  {% endif %}
  <ul class=entries>
  {% for entry in entries %}
    <li><h2>{{ entry.title }}</h2>{{ entry.content|safe }}
  {% else %}
    <li><em>Unbelievable.  No entries here so far</em>
  {% endfor %}
  </ul>
{% endblock %}

到这里呢，三个模板就算是构建完成了。同时，这个简单的blog小项目也算是完事了。

当中有一些函数，大家如果不知道如何使用的话，可以百度搜索，或者给我私信。

好啦，本次记录就到这里了。

如果感觉不错的话，请多多点赞支持哦。。。