flask导航条实现用例

时间：2022-08-06 来源：未知投稿：admin 点击：次

app.py

from flask import Flask
import config
from exts import db
from blueprints import qa_bp
from blueprints import user_bp

app = Flask(__name__)
app.config.from_object(config)
db.init_app(app)

app.register_blueprint(qa_bp)
app.register_blueprint(user_bp)


if __name__ == '__main__':
    app.run(port=80)

config.py

#数据库信息
HOSTNAME = '58.218.204.78'
PORT     = '3306'
DATABASE = 'fwqzx_com'
USERNAME = 'fwqzx_com'
PASSWORD = 'pjmbhfB2ND12zteC'
DB_URI = 'mysql+pymysql://{}:{}@{}:{}/{}?charset=utf8'.format(USERNAME,PASSWORD,HOSTNAME,PORT,DATABASE)
SQLALCHEMY_DATABASE_URI = DB_URI
SQLALCHEMY_TRACK_MODIFICATIONS = True
SECRET_KEY = "lNger765NUnEThS74Gw8lJrJ"

exts.py

from flask_sqlalchemy import SQLAlchemy
db = SQLAlchemy()

blueprints/__init__.py

from .qa import bp as qa_bp
from .user import bp as user_bp

blueprints/qa.py

from flask import Blueprint ,render_template

bp = Blueprint("qa",__name__,url_prefix="/")

@bp.route("/")
def index():
    return render_template("index.html")

user.py

from flask import Blueprint
bp = Blueprint("user",__name__,url_prefix="/user")

@bp.route("/login")
def login():
    return "登陆"

templates/base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %} {% endblock %}</title>
    <link rel="stylesheet" href="{{ url_for('static',filename='bootstrap/bootstrap4.css') }}">
    {% block head %}{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
    <a class="navbar-brand" href="#">云平台</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">发布问题</a>
      </li>
      <li class="nav-item ml-2">
            <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="请输入关键字" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
    </form>
      </li>
    </ul>
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="#">登陆</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">注册</a>
      </li>
    </ul>
  </div>
</div>
</nav>
<div class="container">
  {% block body %}{% endblock %}
</div>
</body>
</html>

templates/index.html

{% extends "base.html" %}

{% block title %}
首页标题测试
{% endblock %}

{% block body %}
首页内容
{% endblock %}

如果您的问题仍未解决，还可以加入服务器在线技术交流QQ群:8017413寻求帮助。

上一篇：flask项目结构搭建用例
下一篇：flask中使用flask-mail发送邮件