静态资源导入

导入图片/css/js

static 文件夹是专门用来存放静态资源的。

将静态资源 图片、js、css 等静态文件复制到这个目录下。

项目中依赖 layui，可以直接从官网下载之后复制进去。

模板导入

在 static 同级目录创建 templates 文件夹，此目录下用来存放 html 文件，可以将所有的 html 放在此目录下。

注意点

如果因为是自己创建的项目，或者是打开已有的项目而没有出现智能提示，需要按下面的操作设置一遍

• 设置 templates 目录成模板目录属性，操作方式：右键点击 templates 目录，选择 Mark Directory as -> Template Folder
• 如果没有设置模板语言，会弹出是否设置模板语言，点击 Yes，跳转到模板语言设置界面，设置模板语言为 Jinja2 （也可以到 setting 进行设置）

渲染 html

并在 index.py 中添加根路由访问视图

# filename: forum/views/index.py

from flask import Blueprint, render_template

index_bp = Blueprint('index', __name__)


@index_bp.route('/')
def index():
    return render_template('forum/index.html')

运行，访问根路由测试

之后为所有首页视图添加路由，实现页面的基本调整

网站图标展示

自定义视图函数，访问网站图标，send_static_file 是系统访问静态文件所调用的方法

@blog_bp.route('/favicon.ico')
def favicon():
    return current_app.send_static_file('forum/favicon.ico')

运行项目，使用浏览器访问：http://127.0.0.1:5000 查看效果