first commit

1 month ago · 56befa23a1
4 changed files with 76 additions and 0 deletions
--- a/app.py
+++ b/app.py
@ -0,0 +1,26 @@
+from flask import Flask, jsonify
+
+app = Flask(__name__, static_folder="public", static_url_path="/static")
+
+
+# 根路径返回 index.html
+@app.route("/")
+def serve_index():
+    return app.send_static_file("index.html")
+
+
+# API 子路径，提供数据
+@app.route("/api/daily-workout")
+def api_daily_workout():
+    return jsonify({
+        "message": "Your daily workout plan",
+        "data": [
+            {"description": "Running", "duration": "30 minutes"},
+            {"description": "Yoga", "duration": "1 hour"},
+            {"description": "Strength training", "duration": "45 minutes"}
+        ]
+    })
+
+
+if __name__ == "__main__":
+    app.run(debug=True, port=80)
--- a/public/index.html
+++ b/public/index.html
@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Daily Workout Plan</title>
+    <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+    <h1>Daily Workout Plan</h1>
+    <ul id="workout-plan">
+        <!-- Workout plan will be dynamically inserted here -->
+    </ul>
+    <script src="/static/script.js"></script>
+</body>
+</html>
--- a/public/script.js
+++ b/public/script.js
@ -0,0 +1,14 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const dailyWorkouts = [
+        { description: "Running", duration: "30 minutes" },
+        { description: "Yoga", duration: "1 hour" },
+        { description: "Strength training", duration: "45 minutes" }
+    ];
+
+    const workoutPlanElement = document.getElementById('workout-plan');
+    dailyWorkouts.forEach(workout => {
+        const li = document.createElement('li');
+        li.textContent = `${workout.description} - ${workout.duration}`;
+        workoutPlanElement.appendChild(li);
+    });
+});
--- a/public/style.css
+++ b/public/style.css
@ -0,0 +1,21 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f8f4f9;
+    color: #333;
+    margin: 0;
+    padding: 20px;
+}
+
+h1 {
+    color:black;
+    text-align: center;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+li {
+    margin-bottom: 10px;
+}