查看“Python Flask:用Bootstrap做模板”的源代码
←
Python Flask:用Bootstrap做模板
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
==python代码== <nowiki> 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") #允许任意网址访问本站 </nowiki> ==html代码== <nowiki> <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> </nowiki> ==效果图== [[文件:python2023011901.png|600px]]
返回至
Python Flask:用Bootstrap做模板
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息