30 分钟编写一个 Flask 应用

Flask 是一种很赞的Python web框架。它极小，简单，最棒的是它很容易学。

今天我来带你搭建你的第一个Flask web应用！和官方教程 一样，你将搭建你自己的微博客系统：Flaskr。和官方Flask教程不同的是——我们通过使用Stormpath来创建并管理用户账户和数据，你的工作效率会更高。开发进程会显著地加快！

我们这就开始吧。

注意：这篇教程面向Flask开发新人，帮助他们理解如何使用Flask和Stormpath建立一个简单的网站。本文是Flask官方教程的改版。

directories, 1 file

flaskr目录将是你应用的根目录。static目录用于存放你的静态文件（css，javascript, 和图像文件）.templates目录用于存放你的Jinja模板（用于渲染HTML）。

/

* Restarting with reloader

不过当你访问http://127.0.0.1:5000， 你会看到一个404 not found 信息。这是因为你还没有定义任何视图或者URL路由 。

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 post in posts %}

<li><h2>{{ post['title'] }}</h2>{{ post['text']|safe }}

{% else %}

<li><em>Unbelievable. No posts here so far!</em>

{% endfor %}

</ul>

{% endblock %}

最后，是templates/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>Email:

<dd><input type=text name=email>

<dt>Password:

<dd><input type=password name=password>

<dd><input type=submit value=Login>

</dl>

</form>

{% endblock %}

首先要注意的是?layout.html模板定义了一个body块，在任何子模板中它都可以被同名的块替代。

layout.html模板显示了一个login或者logout模板，还显示所有的闪回信息。

; }

h1              { border-bottom: 2px solid #eee; }

h2              { font-size: 1.2em; }

.page           { margin: 2em auto; width: 35em; border: 5px solid #ccc;

padding: 0.8em; background: white; }

.entries        { list-style: none; margin: 0; padding: 0; }

.entries li     { margin: 0.8em 1.2em; }

.entries li h2  { margin-left: -1em; }

.add-entry      { font-size: 0.9em; border-bottom: 1px solid #ccc; }

.add-entry dl   { font-weight: bold; }

.metanav        { text-align: right; font-size: 0.8em; padding: 0.3em;

margin-bottom: 1em; background: #fafafa; }

.flash          { background: #cee5F5; padding: 0.5em;

border: 1px solid #aacbe2; }

.error          { background: #f0d6d6; padding: 0.5em; }

这个文件会被layout.html 模板加载，提供得体的显示风格。

/

* Restarting with reloader

然后在你的浏览器访问http://127.0.0.1:5000吧。你现在应该能看到正在运行的flaskr 网站，并能使用Stormpath 账户登入，发博文等等。

精选留言

该文章作者已设置需关注才可以留言

写留言

该文章作者已设置需关注才可以留言

写留言

加载中

以上留言由公众号筛选后显示

了解留言功能详情

微信扫一扫
关注该公众号

来自为知笔记(Wiz)