flask简单demo

flask简单demo

环境:
CentOS 7.2
python2.7.12
flask0.12

http://flask.pocoo.org

一.创建vitualenv并安装flask
virtualenv flask
source flask/bin/activate
pip install flask

二.创建project目录

mkdir -p project/{static,templates}

三.创建app

i.hello world

cat >project/app.py <<HERE

#!/usr/bin/env python    

# -*- coding: utf-8 -*-    

    

from flask import Flask    

    

app = Flask(__name__)    

    

                   

@app.route('/')                                                                                     

def index():                                                                                        

    return 'Hello World'                                                                            

                                                                                                    

if __name__ == '__main__':                                                                          

    app.run(host='0.0.0.0', port=8000, debug=True)

HERE

python project/app.py

ii.bootstrap测试

1.静态模板

project/templates/index.html #内容http://v3.bootcss.com/getting-started/#template

并引入核心css,js http://v3.bootcss.com/getting-started/#download-cdn

2.路由

cat >project/app.py <<HERE

#!/usr/bin/env python    

# -*- coding: UTF-8 -*-    

    

from flask import Flask    

from flask import render_template    

    

app = Flask(__name__)    

    

    

@app.route('/')                                                                                     

def index():    

    return 'Hello World'                                                                            

                                                                                                    

                                                                                                    

@app.route('/bootstrap')                                                                            

def bootstrap():                                                                                    

    return render_template('index.html')                                                            

                                                                                                    

if __name__ == '__main__':                                                                          

 

    app.run(host='0.0.0.0', port=8000, debug=True)

HERE

ii.bootstrap模板

http://v3.bootcss.com/examples/jumbotron/

用jumbotron模板中的body内容替换templates/index.html中body中的内容即可

AmazeUI
http://amazeui.org/
中国首个开源 HTML5 跨屏前端框架
本示例仅基于flask路由做了简单render_template渲染，装13时能最快的看到效果。当然，要真正做出个有意义的项目还得花大力气二次开发。
这里只是演示下flask的简单效果。yunshipei官网示例demo
https://github.com/liujun1990/templates/tree/master/flask_demo/yunshipei_based_AmazeUI