[Flask]学习杂记--模板

这个学习杂记主要不是分享经验,更多是记录下falsk的体验过程,以后做东西在深入研究,因为django之前用的时间比较长,所以很多概念都是一看而过,做个试验了解下flask的功能。

flask中使用是jinja2 模板,和django自带的模板很类似,但又比django的模板强大,提供了更多有用的工具,基本使用上基本都是一致的。

写了一个小案例,把模板渲染的基本步骤和变量传递的基本使用练习了下。

jinjia2 模板文档 http://jinja.pocoo.org/docs/dev/

flask-bootstrap 文档 http://pythonhosted.org/Flask-Bootstrap/

代码目录结构:

代码清单:

template_jinjia2.py

#-*- coding: utf-8 -*-
#python2.7x
#author: [email protected] 2014-12-17
#template_jijia2
'''
模板的简单使用和熟悉
'''
from flask import Flask, render_template
from flask.ext.bootstrap import Bootstrap
app = Flask(__name__)
bootstrap = Bootstrap(app)

@app.route('/')
def index():
    '''
    测试下jinja2 模板常用的变量表示方式
    '''
    mydict = {"name": "orangleliu"}
    mylist =  ["apple", "orange", "banana"]
    class myobj:
        def sayhello(self):
            return "yes I am a method!"
    #这里使用了一个 flask-bootstrap 来做为模板基本风格
    return render_template('index.html', mydict=mydict, mylist=mylist,                    myobj=myobj)

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

index.html

{% extends "bootstrap/base.html" %}
<!-- 整体的页面风格可以通过基本模板来继承 -->
{% block content %}

<h1> Hello Flask template</h1>

<a href="http://jinja.pocoo.org/docs/dev/"> Jinja2 文档地址</a>
<h3>变量渲染</h3>
<p>value of dict:  {{ mydict["name"]}}</p>
<p>value of list: {{ mylist[1] }}</p>
<p>method of obj: {{ myobj().sayhello() }} </p>
<p>filter of jinja2:  {{ mylist[0]|upper }}</p>

<h3>流程控制语句</h3>
<p>
    {% if user %}
        Hello, {{ user }}
    {% else %}
        Hello, Stranger!
    {% endif %}
</p>
<!--公共的部分可以写到一个页面中,然后引用-->
{% include 'bottom.html' %}
{% endblock %}

bottom.html

<p> Copyright  orangleliu  2014</p>

运行

查看浏览器

有了模板之后,我们就可以处理各种带有参数的get post请求,表单请求,数据操作了。

本文出自 “orangleliu笔记本”博客,转载请务必保留此出处http://blog.csdn.net/orangleliu/article/details/41990573

作者orangleliu 采用署名-非商业性使用-相同方式共享协议

时间: 2024-10-08 20:04:52

[Flask]学习杂记--模板的相关文章

Flask 学习(四)静态文件

Flask 学习(四)静态文件 动态 web 应用也需要静态文件,一般是 CSS 和 JavaScript 文件.理想情况下你的服务器已经配置好提供静态文件的服务. 在开发过程中, Flask 也能做好这个工作. 静态文件引用 我们先来看下普通的 html 引用静态文件,如 css(js也同样,就不多加示例了),以下为一简单实例,直接打开html: flask 处理 —— static 若直接将该html 当成 flask 模板,相对路径自然就失效了,静态文件将不会被成功读取. 那在flask中

Flask 学习(一)概述及安装

Flask 概述及安装 Flask 简介 Flask是一个使用 Python 编写的轻量级 Web 应用框架.其 WSGI 工具箱采用 Werkzeug ,模板引擎则使用 Jinja2 . 官方网址 :http://flask.pocoo.org/ 了解 Flask:首先,Flask 是Python 的一个Web 应用框架:其次,它是“微型”的 . 比起同类现有的web框架(如:Django),Flask 并不包含数据库抽象层,表单验证等.Flask 旨在保持代码简洁且易于扩展(Flask源码十

Flask学习之五 用户登录

英文博客地址:http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-v-user-logins 中文翻译地址:http://www.pythondoc.com/flask-mega-tutorial/userlogin.html 开源中国社区:http://www.oschina.net/translate/the-flask-mega-tutorial-part-v-user-logins 备注:我是三个一起看的,有些

Flask学习之六 个人资料和头像

英文博客地址:http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-vi-profile-page-and-avatars 中文翻译地址:http://www.pythondoc.com/flask-mega-tutorial/profile.html 开源中国社区:http://www.oschina.net/translate/the-flask-mega-tutorial-part-vi-profile-page-

[ZHUAN]Flask学习记录之Flask-SQLAlchemy

From: http://www.cnblogs.com/agmcs/p/4445583.html Flask-SQLAlchemy库让flask更方便的使用SQLALchemy,是一个强大的关系形数据库框架,既可以使用orm方式操作数据库,也可以使用原始的SQL命令. Flask-Migrate 是一个数据迁移框架,需要通过Flask-script库来操作. 一.配置Flask-SQLAlchemy 程序使用的数据库地址需要配置在SQLALCHEMY_DATABASE_URI中,SQLALch

AngularJS学习---更多模板(More Templating) step 8

1.切换分支 [email protected]:~/develop/angular-phonecat$ git checkout step-8 #切换分支 [email protected]-pc:~/develop/angular-phonecat$ npm start #启动项目 2.需求: 将step 7 中的手机详细信息展示出来,加上各种参数配置,图片展示等等. 3.效果: 这里很明显要比step 7中的信息详细的多,而且效果要好很多.究竟是怎么实现的呢? 3.实现代码: 首先,所有需

django学习之模板系统

django模板系统学习笔记之for 在for标签里面,有以下知识点: forloop.counter forloop.counter0 forloop.first forloop.last forloop.revcounter forloop.revcounter0 froloop.parentloop empty 下面我们举例学习: 首先到我们的工程目录下,敲入: python manage.py shell # forloop.counter from django.template im

Effective C++ Item 43 学习处理模板化基类内的名称

本文为senlie原创,转载请保留此地址:http://blog.csdn.net/zhengsenlie 经验:可在derived class templates 内通过 "this->" 指涉 base class templates 内的成员名称,或藉由一个明白写出的 "base class 资格修饰符"完成. 示例: class CompanyA{ public: //... void sendCleartext(const std::string &

堆排序学习以及模板

堆排序学习以及模板 堆排序(Heapsort)是指利用堆这种数据结构所设计的一种排序算法.堆积是一个近似完全二叉树的结构,并同时满足堆积的性质:即子结点的键值或索引总是小于(或者大于)它的父节点. 堆排序的平均时间复杂度为Ο(nlogn) . 算法步骤: 1.创建一个堆H[0..n-1](利用MaxHeapify函数从最后一个非叶子节点开始调整堆,如BuildMaxHeap函数调整为大根堆). 2.把堆首(最大值)和堆尾互换(取堆顶元素,因为其总是当前堆中最大或者最小的) 3.把堆的尺寸缩小1,