0

0

在 HTML 页面中显示 TXT 文件内容

聖光之護

聖光之護

发布时间:2025-10-02 15:54:12

|

287人浏览过

|

来源于php中文网

原创

在 html 页面中显示 txt 文件内容

第一段引用上面的摘要:

本文档将指导您如何使用 Flask 框架在 HTML 页面中显示 TXT 文件的内容。我们将演示如何从 Python 后端读取文件内容,并将其传递到 HTML 模板中,最终在网页上呈现出来。通过学习本文,您将掌握 Flask 框架中数据传递的基本方法,并能灵活应用于其他类似场景。

步骤详解:

  1. Python 后端 (app.py):

    立即学习前端免费学习笔记(深入)”;

    首先,在 Python 后端代码中,你需要读取 TXT 文件的内容。这里我们使用 open() 函数打开文件,并使用 readline() 方法读取文件的第一行。当然,你也可以使用 readlines() 读取所有行,或者使用其他更复杂的方式来处理文件内容。

    from flask import Flask, render_template
    
    app = Flask(__name__)
    
    # 读取 TXT 文件内容
    try:
        with open("costs.txt", "r") as file1:
            line = file1.readline()
    except FileNotFoundError:
        line = "File not found: costs.txt"  # 处理文件不存在的情况
    
    @app.route('/')
    def home():
        return render_template('index.html', Line=line)
    
    if __name__ == '__main__':
        app.run(debug=True)

    代码解释:

    • with open("costs.txt", "r") as file1:: 使用 with 语句打开文件,确保文件在使用完毕后自动关闭,避免资源泄漏。 "r" 表示以只读模式打开文件。
    • line = file1.readline(): 读取文件的第一行并将其赋值给变量 line。
    • except FileNotFoundError:: 处理 costs.txt 文件不存在的情况,避免程序崩溃。
    • return render_template('index.html', Line=line): 将变量 line 传递给 index.html 模板。Line 是一个变量名,可以在 HTML 模板中使用。
  2. HTML 前端 (index.html):

    接下来,在 HTML 模板中,你需要使用 Flask 的模板引擎 (Jinja2) 来显示从 Python 后端传递过来的数据。使用双大括号 {{ ... }} 将变量包裹起来,即可在 HTML 页面中显示其值。

    I-Shop购物系统
    I-Shop购物系统

    部分功能简介:商品收藏夹功能热门商品最新商品分级价格功能自选风格打印结算页面内部短信箱商品评论增加上一商品,下一商品功能增强商家提示功能友情链接用户在线统计用户来访统计用户来访信息用户积分功能广告设置用户组分类邮件系统后台实现更新用户数据系统图片设置模板管理CSS风格管理申诉内容过滤功能用户注册过滤特征字符IP库管理及来访限制及管理压缩,恢复,备份数据库功能上传文件管理商品类别管理商品添加/修改/

    下载
    
    
    
        Displaying TXT Content
    
    
        

    My buggy editor

    Use this editor to specify a racing buggy. The editor saves it in its little database and generates JSON data for the buggy. This is the data you need to supply when you log into the race server and enter your buggy into the next race.

    Remember that if your data is not accepted by the race server, your buggy will be disqualified from that race... so make sure you program your editor correctly.

    TXT File Content:

    {{ Line }}

    代码解释:

    • {{ Line }}: Jinja2 模板语法,用于显示从 Python 后端传递过来的 Line 变量的值。
  3. 运行程序:

    确保 costs.txt 文件与 app.py 在同一目录下,然后运行 app.py。在浏览器中访问 http://127.0.0.1:5000/ (或者 Flask 启动时显示的地址),你就可以看到 costs.txt 文件的第一行内容显示在网页上了。

注意事项:

  • 文件路径: 确保 open() 函数中指定的文件路径是正确的。 如果文件不在当前目录下,需要提供完整的文件路径。
  • 编码问题: 如果 TXT 文件使用特定的编码格式(例如 UTF-8),需要在 open() 函数中指定编码方式。例如:open("costs.txt", "r", encoding="utf-8")。
  • 安全性: 如果 TXT 文件内容来自用户输入,需要进行适当的过滤和转义,以防止跨站脚本攻击 (XSS)。

总结:

通过以上步骤,你已经成功地将 TXT 文件的内容显示在了 HTML 页面上。这个过程涉及了 Python 后端的文件读取和数据传递,以及 HTML 前端的模板渲染。掌握了这些基本技巧,你就可以灵活地处理各种数据展示的需求。 记住,根据实际情况调整文件读取方式、数据处理逻辑和 HTML 模板,以满足你的具体需求。

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Python Flask框架
Python Flask框架

本专题专注于 Python 轻量级 Web 框架 Flask 的学习与实战,内容涵盖路由与视图、模板渲染、表单处理、数据库集成、用户认证以及RESTful API 开发。通过博客系统、任务管理工具与微服务接口等项目实战,帮助学员掌握 Flask 在快速构建小型到中型 Web 应用中的核心技能。

86

2025.08.25

Python Flask Web框架与API开发
Python Flask Web框架与API开发

本专题系统介绍 Python Flask Web框架的基础与进阶应用,包括Flask路由、请求与响应、模板渲染、表单处理、安全性加固、数据库集成(SQLAlchemy)、以及使用Flask构建 RESTful API 服务。通过多个实战项目,帮助学习者掌握使用 Flask 开发高效、可扩展的 Web 应用与 API。

72

2025.12.15

http500解决方法
http500解决方法

http500解决方法有检查服务器日志、检查代码错误、检查服务器配置、检查文件和目录权限、检查资源不足、更新软件版本、重启服务器或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

418

2023.11.09

http请求415错误怎么解决
http请求415错误怎么解决

解决方法:1、检查请求头中的Content-Type;2、检查请求体中的数据格式;3、使用适当的编码格式;4、使用适当的请求方法;5、检查服务器端的支持情况。更多http请求415错误怎么解决的相关内容,可以阅读下面的文章。

418

2023.11.14

HTTP 503错误解决方法
HTTP 503错误解决方法

HTTP 503错误表示服务器暂时无法处理请求。想了解更多http错误代码的相关内容,可以阅读本专题下面的文章。

2276

2024.03.12

http与https有哪些区别
http与https有哪些区别

http与https的区别:1、协议安全性;2、连接方式;3、证书管理;4、连接状态;5、端口号;6、资源消耗;7、兼容性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2081

2024.08.16

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

24

2026.01.28

包子漫画在线官方入口大全
包子漫画在线官方入口大全

本合集汇总了包子漫画2026最新官方在线观看入口,涵盖备用域名、正版无广告链接及多端适配地址,助你畅享12700+高清漫画资源。阅读专题下面的文章了解更多详细内容。

7

2026.01.28

ao3中文版官网地址大全
ao3中文版官网地址大全

AO3最新中文版官网入口合集,汇总2026年主站及国内优化镜像链接,支持简体中文界面、无广告阅读与多设备同步。阅读专题下面的文章了解更多详细内容。

28

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
最新Python教程 从入门到精通
最新Python教程 从入门到精通

共4课时 | 22.3万人学习

Django 教程
Django 教程

共28课时 | 3.6万人学习

SciPy 教程
SciPy 教程

共10课时 | 1.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号