first commit

1 month ago · da905675e7
6 changed files with 107 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/data")
 def api_data():
    return jsonify({
        "message": "Welcome to Beijing Wildlife Park",
        "data": [
            {"name": "Panda", "description": "Giant panda native to China"},
            {"name": "Giraffe", "description": "The tallest land animal"},
            {"name": "Elephant", "description": "The largest land animal"}
        ]
    })
 if __name__ == "__main__":
    app.run(debug=True, port=80)
--- a/project-folder/public/insex.html
+++ b/project-folder/public/insex.html
@ -0,0 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Beijing Wildlife Park</title>
    <link rel="stylesheet" href="/static/style.css">
 </head>
 <body>
    <h1>Beijing Wildlife Park</h1>
    <img src="/static/beijing-wildlife.jpg" alt="Wildlife in Beijing">
    <p>Welcome to Beijing Wildlife Park, home to a variety of animals.</p>
    <h2>Animals</h2>
    <ul id="animal-list">
        <!-- Animal list will be dynamically inserted here -->
    </ul>
    <script src="/static/script.js"></script>
 </body>
 </html>
--- a/project-folder/public/static/beijing-wildlife.jpg
+++ b/project-folder/public/static/beijing-wildlife.jpg
--- a/project-folder/public/static/index.html
+++ b/project-folder/public/static/index.html
@ -0,0 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Beijing Wildlife Park</title>
    <link rel="stylesheet" href="/static/style.css">
 </head>
 <body>
    <h1>Beijing Wildlife Park</h1>
    <img src="/static/beijing-wildlife.jpg" alt="Wildlife in Beijing">
    <p>Welcome to Beijing Wildlife Park, home to a variety of animals.</p>
    <h2>Animals</h2>
    <ul id="animal-list">
        <!-- Animal list will be dynamically inserted here -->
    </ul>
    <script src="/static/script.js"></script>
 </body>
 </html>
--- a/project-folder/public/static/script.js
+++ b/project-folder/public/static/script.js
@ -0,0 +1,14 @@
 document.addEventListener('DOMContentLoaded', function() {
    const animals = [
        { name: "Panda", description: "Giant panda native to China" },
        { name: "Giraffe", description: "The tallest land animal" },
        { name: "Elephant", description: "The largest land animal" }
    ];
    const animalListElement = document.getElementById('animal-list');
    animals.forEach(animal => {
        const li = document.createElement('li');
        li.textContent = `${animal.name} - ${animal.description}`;
        animalList.appendChild(li);
    });
 });
--- a/project-folder/public/static/style.css
+++ b/project-folder/public/static/style.css
@ -0,0 +1,31 @@
 body {
    font-family: Arial, sans-serif;
    background-color: #f8f4f9;
    color: #333;
    margin: 0;
    padding: 20px;
 }
 h1 {
    color: #d4ea;
    text-align: center;
 }
 img {
    max-width: 100%;
    height: auto;
 }
 a {
    color: #d4ea;
    text-decoration: none;
 }
 a:hover {
    text-decoration: underline;
 }
 #animal-list li {
    list-style-type: none;
    margin-bottom: 10px;
 }