Python驱动的在线健身挑战系统

在这个数字化时代，健身爱好者们越来越倾向于通过在线平台来追踪和分享他们的健身成果。为了满足这一需求，我们可以利用Python语言开发一个功能丰富的在线健身挑战系统。本文将详细介绍如何从零开始构建这样一个系统，涵盖后端逻辑、数据库设计以及前端展示。

项目背景与需求分析

随着健康意识的提升，越来越多的人加入到健身行列。一个在线健身挑战系统不仅可以激励用户坚持锻炼，还能通过社交功能增强互动性。系统需要具备以下核心功能：

1. 用户注册与登录：支持用户创建方式创建账号并登录。
2. 挑战创建与管理：用户可以创建和参与不同的健身挑战。
3. 数据记录与追踪：记录用户的健身数据，如运动时长、消耗卡路里等。
4. 社交互动：用户可以分享成果、评论和点赞。

技术选型

为了实现上述功能，我们选择以下技术栈：

• 后端：Python + Flask框架
• 数据库：SQLite
• 前端：HTML + CSS + JavaScript

系统设计与实现

1. 后端设计

1.1 用户模块

首先，我们需要设计用户注册与登录功能。使用Flask框架，可以轻松实现用户认证。

from flask import Flask, request, jsonify
from flask_sqlalchemy import SQLAlchemy
from werkzeug.security import generate_password_hash, check_password_hash

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///fitness.db'
db = SQLAlchemy(app)

class User(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(80), unique=True, nullable=False)
    password = db.Column(db.String(120), nullable=False)

@app.route('/register', methods=['POST'])
def register():
    data = request.json
    hashed_password = generate_password_hash(data['password'], method='sha256')
    new_user = User(username=data['username'], password=hashed_password)
    db.session.add(new_user)
    db.session.commit()
    return jsonify({'message': 'User created successfully'}), 201

@app.route('/login', methods=['POST'])
def login():
    data = request.json
    user = User.query.filter_by(username=data['username']).first()
    if user and check_password_hash(user.password, data['password']):
        return jsonify({'message': 'Login successful'}), 200
    return jsonify({'message': 'Invalid credentials'}), 401

if __name__ == '__main__':
    db.create_all()
    app.run(debug=True)

1.2 挑战模块

接下来，我们设计挑战的创建与管理功能。

class Challenge(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(100), nullable=False)
    description = db.Column(db.Text, nullable=False)
    creator_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)

@app.route('/challenges', methods=['POST'])
def create_challenge():
    data = request.json
    new_challenge = Challenge(name=data['name'], description=data['description'], creator_id=data['creator_id'])
    db.session.add(new_challenge)
    db.session.commit()
    return jsonify({'message': 'Challenge created successfully'}), 201

@app.route('/challenges', methods=['GET'])
def get_challenges():
    challenges = Challenge.query.all()
    return jsonify([{'id': c.id, 'name': c.name, 'description': c.description} for c in challenges]), 200

2. 数据库设计

使用SQLite数据库，我们设计了两个主要表：User和Challenge。

CREATE TABLE User (
    id INTEGER PRIMARY KEY AUTOINCREMENT,
    username TEXT NOT,
    password TEXT NOT NULL
);

CREATE TABLE Challenge (
    id INTEGER PRIMARY KEY AUTOINCREMENT,
    name TEXT NOT NULL,
    description TEXT NOT NULL,
    creator_id INTEGER,
    FOREIGN KEY (creator_id) REFERENCES User (id)
);

3. 前端设计

前端使用HTML、CSS和JavaScript实现用户界面。以下是一个简单的登录页面示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
</head>
<body>
    <h2>Login</h2>
    <form id="loginForm">
        <label for="username">Username:</label>
        <input type="text" id="username" name="username" required>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password" required>
        <button type="submit">Login</button