python导航栏_python3.6+Flask+BootStrap--开发⼀个最基本
⽹页导航栏
最近学习了⼀下Python中的Flask框架,⽤了BootStrap和JS做了⼀个最基本的⽹页导航栏。
先看⼀下⽬录:
右键app.py运⾏结果如下:
点击这个链接,得到⽹页显⽰效果:
接下来看详细步骤,在pycharm中新建Flask项⽬,然后创建static⽂件夹,主要⽤来放css和img和js这些渲染⽹页的样式⽂件。创建templates⽂件夹,⽤来存放⽹页。
BootStrap⽬前是主流的web框架,运⽤这些css样式⽂件,可以很⽅便的开发出界⾯美观的⽹页
接下来看主要代码:app.py:
from flask import Flask,render_template
app = Flask(__name__)
@ute('/',methods=['GET'])
def hello_world():
return render_template('main.html')
if __name__ == '__main__':
app.run()
main.html:
游戏⼤全
.navbar-nav>li>a:hover {
background: #555 !important;
color: #fff !important;
}
.navbar-nav>li:last-of-type>a {js导航栏下拉菜单
border: 0;
}
@media ( min-width: 768px) {
.navbar-nav>li>a {
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.1)
}
}
菜单
app.py中可以定义多个路由,⼀个路由返回⼀个页⾯,这样⼀直迭代,多个页⾯构成⼀个系统。详细代码和css以及js放在 Github上。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论