flask学习2

模版变量

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def index():
	user='valentine'
	return render_template('index.html',username=user)

	

if __name__ == '__main__':
	app.debug = True
	app.run()

 在index.py同级目录建立templates文件夹，下新建index.html

<!doctype html>
<html>
<head>
	<title>index</title>
</head>
<body>
	<h1>Welcome, {{username}}!</h1>
</body>
<footer>

</footer>
</html>

 {{变量}}，将变量传递给html。

模版标签

 

#coding:utf-8
from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def index():
	user='valentine'
	nav_list=[u'首页',u'经济',u'文化',u'科技',u'娱乐']
	return render_template('index.html',username=user,nav_list=nav_list)

	

if __name__ == '__main__':
	app.debug = True
	app.run()

 传入nav_list参数，因为python不支持ascii码，所以在第一行加上。

<!doctype html>
<html>
<head>
	<title>index</title>
</head>
<body>
	<h1>Welcome, {{username}}!</h1>
	{%for nav in nav_list%}
	<li>{{nav}}</li>
	{%endfor%}
</body>
<footer>

</footer>
</html>

for循环

字典格式数据的遍历

#coding:utf-8
from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def index():
	dic={'title':'blog','author':'valentine','date':'2015:06:25'}
	return render_template('index.html',dic=dic)

	

if __name__ == '__main__':
	app.debug = True
	app.run()

html:

<!doctype html>
<html>
<head>
	<title>index</title>
</head>
<body>
	<div>{{dic['title']}}</div>
	<div>
		{%for item in dic%}
		<li>{{item}}</li>
		{%endfor%}
	</div>
</body>
<footer>

</footer>
</html>

第一行根据字典的key输出value,循环会取得字典的key,取value应该：

{%for item in dic.values()%}

两者同时取，应该：

{%for key,value in dic.items()%}

访问静态资源，如js,img,css

#coding:utf-8
from flask import Flask, render_template, url_for
app = Flask(__name__)

@app.route('/')
def index():
	img = url_for('static', filename='imgs/1.jpg')
	return render_template('index.html',img=img)

	

if __name__ == '__main__':
	app.debug = True
	app.run()

在同级目录建立static文件夹，下面存放静态资源。

 模版继承

 

<html>
  <head>
        myBlog
  </head>
  <body>
    <div>Microblog: <a href="/index">Home</a></div>
    <hr>
    {% block content %}{% endblock %}
  </body>
</html>

以上为base.html，同级目录index.html继承此模版：

{% extends 'base.html' %}
{% block content %}
....content
{% endblock %}
posted @ 2015-02-08 14:22  valentine is me  阅读(499)  评论(0)    收藏  举报