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

ゝ一世哀愁。 2022-05-18 20:40 172阅读 0赞

咱们这次来看下上篇文章所提到的三个模板，先来看首页的 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小项目也算是完事了。

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

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

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