Python Flask:用Bootstrap做模板
来自CloudWiki
python代码
from flask import Flask,render_template
app = Flask(__name__)#创建一个该类的实例，第一个参数是应用模块或者包的名称
@app.route('/')#告诉Flask 什么样的URL能触发函数
@app.route('/home')
def hello_world():
#return 'Hello World!'
return render_template('index.html') # 渲染模板
@app.route('/user/<username>')
def show_user_profile(username):
return render_template('home.html',name=username)
if __name__ == '__main__':#程序入口
#app.run()#让应用运行在本地服务器上。
app.run(host='0.0.0.0',port="5000",debug="true") #允许任意网址访问本站
html代码
<html>
<head>
<title>Bootstrap 实例</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>欢迎你 ，{{name}}</h1>
<p>我的第一个Bootstrap-Flask网站！</p>
</div>
<div class="row">
<div class="col-sm-4">
<h3>第一列</h3>
<p>学的不仅是技术，更是梦想！</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
</div>
<div class="col-sm-4">
<h3>第二列</h3>
<p>学的不仅是技术，更是梦想！</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
</div>
<div class="col-sm-4">
<h3>第三列</h3>
<p>学的不仅是技术，更是梦想！</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
</div>
</div>
</div>
</body>
</html>
