AI管家

# 简单网页注册与登录功能实现

背景介绍

随着用户注册与登录需求的增加，开发一个支持用户输入用户名与密码的网页应用成为项目的核心功能。该系统需要具备独立运行能力，并通过文件操作（如localStorage）记录用户基本信息，确保数据持久化和安全性。

思路分析

  1. 数据存储：使用localStorage保存用户信息，便于后续维护。
  2. 验证逻辑：验证用户名和密码的合法性，记录成功数据并返回提示信息。
  3. 输入处理：在注册页面验证输入数据，若有效则保存至localStorage；在登录页面验证密码是否符合要求。

代码实现

import json

def save_user_to_localstorage(user_data):
    """
    将用户信息保存到localStorage
    """
    try:
        with open('users.json', 'w', encoding='utf-8') as file:
            json.dump(user_data, file)
            print("用户信息已保存到localStorage。")
    except Exception as e:
        print(f"保存用户信息时出错：{e}")

def check_user_data(username, password):
    """
    验证用户输入的数据
    """
    if username.isalpha() and (len(password) >= 6):
        print("注册成功！用户名和密码均符合要求。")
        save_user_to_localstorage({"username": username, "password": password})
    else:
        print("注册失败：用户名或密码不满足要求。")

def load_user_from_localstorage():
    """
    读取用户信息并返回
    """
    try:
        with open('users.json', 'r', encoding='utf-8') as file:
            data = json.load(file)
            print("用户信息已加载成功。")
            return data
    except FileNotFoundError:
        print("用户信息文件未找到。")
        return {}

# 注册用户  
username = input("请输入用户名：")
password = input("请输入密码（6位以上）：")

try:
    username_valid = check_user_data(username, password)
    result = load_user_from_localstorage()
    print("注册成功！")
except Exception as e:
    print("注册失败：", e)

总结

本项目实现了网页注册与登录功能，通过文件操作记录用户信息，并验证输入数据的合法性。核心知识点包括：
1. 数据存储与持久化（使用localStorage）
2. 基本的输入验证逻辑
3. 程序的可运行性验证

该实现适用于1-3天的开发，能够帮助初学者快速掌握前端数据处理的基本功能。

AI助手