一.基础配置1.在配置文件config.py中写密钥,防止CSRF攻击import os
DEBUG = True
SECRET_KEY = os.urandom(24)
HOSTNAME = ‘127.0.0.1’
PORT = ‘3306’
DATABASE = ‘ketang’
USERNAME = ‘root’
PASSWORD = ‘123456’
DB_URI = ‘mysql + mysqldb://{}:{}@{}:{}/{}?charset=utf8’.format(USERNAME,PASSWORD,
HOSTNAME,PORT,DATABASE)
SQLALCHEMY_DATABASE_URI = DB_URI
2.mysql中创建数据库 create database ketang charset utf8;
3.将配置文件导入app.pyfrom flask import Flask
import config
app = Flask(name)
app.config.from_object(config)
二.导航条的设计自己在static文件夹下另写一个 images文件夹存放图片,css文件夹设置样式1.进入http://www.bootcss.com/2.选择组件下的导航条,将代码复制过来3.进入https://www.bootcdn.cn/4.添加 https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js 到html中5.img class=“logo” 给图片设置logo类,方便在css文件中设置样式6.div class="container"可设置多余的空白,不挤在一起
{#
- #}
{##}
{# - #}
- 首页 (current)
- 发布问答
查找
三.父模板抽离由于导航条在很多页面中都会出现,所以将其抽离出来写为一个基础模板base.html,其他模板继承它即可base.html
{% block title %}{% endblock %}-知了课堂问答平台 {% block head %}{% endblock %}由于图片的大小问题,将navbar-brand图标类改为navbar-left
index.html{% extends ‘base.html’ %}{% block title %}首页{% endblock %}
{% block main %}
这是首页
{% endblock %}同理base.css也是继承基本的样式.logo{
width: 100px;
}