解决报错:jinja2.exceptions.TemplateNotFound: index.html

简介: 一、问题描述(1)首先写了一个简单的登录账号密码的页面:

一、问题描述

(1)首先写了一个简单的登录账号密码的页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="">
    账号:
    <input type="text" name="name">
    <br>
    密码:
    <input type="password" name="password">
    <br>
    <input type="submit" name="submit">
</form>
</body>
</html>

(2)然后利用flask进行form表单渲染,文件form表单

# -*- coding: utf-8 -*-
"""
Created on Sat Dec 25 00:34:23 2021
@author: 86493
"""
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/index')
def index():
    return render_template('index.html')
if __name__ == '__main__':
    app.run()

3)发现报错:jinja2.exceptions.TemplateNotFound: index.html,即没找到我的html.py文件


二、解决方法:

首先要在form表单.py的同级目录下创建文件夹templates,然后把__init__.py和我们刚才写的html文件丢进去。

image.png

(1)如果在pycharm中就在左侧栏右键点击mark directory as的template folder,添加jinja2的模板。

(2)我是用webstorm软件的,则不用(1)的步骤,直接能识别到同级目录下的templates的html文件,但是我一开始将文件夹名命名成template了,所以报错。


浏览器输入网址:

image.png

提交账号密码后,按F12,也说明这是一个GET请求:

image.png

相关文章
|
9月前
|
机器学习/深度学习 传感器 数据采集
深度学习在故障检测中的应用:从理论到实践
深度学习在故障检测中的应用:从理论到实践
676 6
|
9月前
|
NoSQL 关系型数据库 分布式数据库
PolarDB图数据库快速入门
图数据库(Graph Database)专门存储图数据,适合处理社交网络、知识图谱等复杂关系。它使用图查询语言(如Cypher、Gremlin)进行操作。PolarDB兼容OpenCypher语法,支持创建、查询、更新和删除图数据,包括模式匹配、过滤、MERGE避免重复、可视化工具等功能,简化了图数据的管理和应用。
|
12月前
|
Apache
常用工具类-StringUtils
StringUtils 是 Apache Commons Lang 库中的一个非常有用的工具类,它提供了许多操作 String 的静态方法。
|
人工智能 JavaScript 前端开发
如何创建一个Vue聊天机器人 – 分步指南
如何创建一个Vue聊天机器人 – 分步指南
如何创建一个Vue聊天机器人 – 分步指南
|
JavaScript 前端开发 数据可视化
6 个用于 3D 网页图形渲染的最佳 WebGL 库
现代前端、游戏和Web开发正是WebGL可以转化为数字杰作的东西。使用GPU绘制在浏览器屏幕上生成的矢量元素,WebGL创建交互式Web图形,从而获得用户体验。视觉元素的质量和复杂性使该工具在HTML或CSS等其他方法中脱颖而出。
833 0
|
弹性计算 缓存 监控
云效将项目代码部署到云服务器ECS
云效支持一键和手动部署,一键部署因其高效、一致性和可重复性而受青睐,但也存在灵活性不足和初期设置复杂的挑战。优化方向包括简化脚本、提供选项、完善文档、集成监控和回滚机制。一键部署步骤概括为:准备云效项目和ECS,配置项目和环境,编写部署脚本,设置一键部署,测试脚本,审核发布,监控结果,及后续维护。实际操作应参照云效最新文档。
|
前端开发 JavaScript 算法
JavaScript制作简版计算器,提供加减乘除功能
JavaScript制作简版计算器,提供加减乘除功能
678 0
|
JavaScript 前端开发
鼠标拖拽菜单栏控制宽度大小及flex实现经典左右两栏布局
鼠标拖拽菜单栏控制宽度大小及flex实现经典左右两栏布局
793 120
鼠标拖拽菜单栏控制宽度大小及flex实现经典左右两栏布局
|
机器学习/深度学习
【MATLAB第27期】源码分享 | 基于MATLAB的生成对抗网络GAN回归预测模型
【MATLAB第27期】源码分享 | 基于MATLAB的生成对抗网络GAN回归预测模型