185 |
186 |
简单的 Flask 应用
187 |
作为本书的第一个示例，也可能是你接触的第一个 Flask 应用，我还是以程序届常规的 Hello World 为例来编写一个非常简单的例子。
188 |
这个例子的功能就是你在浏览器中输入URL：
189 |
http://localhost:5000
190 |
191 |
然后，你就可以在浏览器中看到：
192 |
Hello World！
193 |
194 |
Simple Flask App
195 |
首先，我们先来看一个简短的代码
196 |
#!/usr/bin/env python
197 | # encoding: utf-8
198 | from flask import Flask
199 |
200 | app = Flask(__name__)
201 |
202 |
203 | @app.route('/')
204 | def index():
205 | return "Hello World!"
206 |
207 | app.run()
208 |
209 |
将这段代码保存为 app.py，然后再使用 python 运行这个文件：
210 |
python app.py
211 |
212 |
回车之后，你将会看到类似以下的输出：
213 |
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
214 |
215 |
如果有其它错误，你可以仔细看看是什么问题，代码和我上面是否一致，还有一个很重要的点就是，你是否已经安装了 Flask ，如果没有的话，那么安装一下：
216 |
pip install Flask==0.10.1
217 |
218 |
安装完成后，继续使用 Python 运行上述文件：
219 |
python app.py
220 |
221 |
然后在浏览器上打开以下URL：
222 |
http://localhost:5000
223 |
224 |
你将会看到这个界面：
225 |
226 |
那就说明你的第一个 Flask 应用已经运行成功了。
227 |
简析第一个应用
228 |
对于你运行成功的第一个程序很简单，我们就做一些简单的分析，让你有一个简单的了解。
229 |
前两行的编码说明就不说了，这是 Python 的特性，而不是 Flask 特有的，如果读者有不懂的话，建议查看 Python 的文件编码说明。
230 |
然后继续看代码，我们的所有代码只有一个 import，就是 Flask，这是 Flask 这个框架的核心，我们把它认为是服务器就可以了，目前不需要多关注：
231 |
from flask import Flask
232 |
233 |
然后接下去看，解析来一句是初始化了一个 Flask 变量，那么我们就可以认为是创建了一个服务器；需要注意的是这里传递了一个参数 name，我们知道在 Python 中 name 这个变量是表示模块的名称，这个参数对于 Flask 很重要，因为 Flask 会依赖于它去判断从哪里找模板、静态文件。
234 |
app = Flask(__name__)
235 |
236 |
接下来三句目前来说可能有点超出我们的讨论范围，但是我们这里稍微讲解一下好了，这三句中关键是第一句和第三句。
237 |
@app.route('/')
238 | def index():
239 | return "Hello World!"
240 |
241 |
第一句中关键的是 '/' 这个参数，这个参数的作用是说下面的这个函数对应于我们在浏览器中输入的地址：
242 |
http://localhost:5000 + 后面的参数
243 |
244 |
这样说，大家可能不太明白，假设换成：
245 |
@app.route('/hello')
246 | def hello():
247 | return "hello world"
248 |
249 |
的话，那么也就表示，我们在浏览器中访问：
250 |
http://localhost:5000/hello
251 |
252 |
那么 Flask 就会调用到 hello 这个函数。
253 |
那第三句的意思大家可能会比较容易理解了，没错，return 的内容就是我们在浏览器中看到的内容了。我们的代码中 return 的是 "Hello World！"，那么我们在浏览器中看到的就是 Hello World！
254 |
到目前为止，我们 import 了服务器（import Flask）,创建了服务器（Flask(name)），是时候将服务器运行起来了，是的，最后一句
255 |
app.run()
256 |
257 |
就是表示将服务器运行起来，接受浏览器的访问。
258 |
那么整个过程就是这样的，当我们在浏览器中输入
259 |
http://localhost:5000
260 |
261 |
的时候，其实浏览器默默得在我们的 URL 后面加入了一个 /，真实访问的就是
262 |
http://localhost:5000/
263 |
264 |
其实也就是对应着我们的
265 |
app.route('/')
266 |
267 |
函数了，这个函数
268 |
return "Hello World!"
269 |
270 |
所以我们在浏览器中就看到了：
271 |
Hello World！
272 |
273 |
274 |
273 | 