# 简单网页交互界面示例:保存用户输入并显示结果


背景介绍

该项目旨在实现一个简单的网页交互界面,用于验证用户输入并保存到本地文件。用户可以通过输入姓名和年龄,保存到名为 data.txt 的文件中,并显示保存的内容。该项目无需依赖第三方服务,可在本地环境中运行。

思路分析

本项目的核心功能包括:
1. 输入验证:验证用户输入的格式,确保姓名和年龄均为字符串且无空格。
2. 文件读写与数据处理:将用户输入保存为本地文件 data.txt,并显示保存的内容。
3. 前端显示:通过HTML页面实现输入框、保存按钮和显示结果的交互。

代码实现

import os

def save_data(data, age):
    file_path = 'data.txt'
    try:
        with open(file_path, 'w', encoding='utf-8') as file:
            file.write(f"{data}, {age}")
    except Exception as e:
        print(f"保存数据时发生错误: {e}")

def save_data_to_disk(data, age):
    file_path = 'data.txt'
    try:
        with open(file_path, 'w', encoding='utf-8') as file:
            file.write(f"{data}, {age}")
    except Exception as e:
        print(f"保存数据时发生错误: {e}")

def save_input_data(name, age):
    save_data(name, age)
    save_data_to_disk(name, age)

def main():
    print("欢迎使用保存信息功能!")
    name = input("请输入姓名: ").strip()
    age = input("请输入年龄: ").strip()

    if not name or not isinstance(age, str):  # 验证输入格式
        print("请确保输入格式正确")
        return

    save_input_data(name, age)

if __name__ == "__main__":
    main()

显示结果

保存为文件 data.txt,显示内容如下:

姓名:张三,年龄:18

总结

本项目实现了输入验证、文件读写和数据处理的核心功能,展示了Python在文件操作和数据处理方面的技术能力。通过前端 HTML 结构实现了交互式功能,确保了用户输入的验证和数据保存的完整性。该示例可在1~3天内完成本地环境实现,并可扩展为更复杂的项目。

使用 Python 实现的文件读写功能及数据处理机制,有助于理解 Python 的文件操作机制,同时掌握了输入验证和数据处理的核心技术。