Haoyu Sun
--- a/src/main/java/uk/ac/cf/spring/demo/sports/images/ImageRepository.java 0 → 100644
+++ b/src/main/java/uk/ac/cf/spring/demo/sports/images/ImageRepository.java 0 → 100644
+import java.util.List;
+@Repository
+public class ImageRepository {
+    private final JdbcTemplate jdbcTemplate;
+
+    @Autowired
+    public ImageRepository(JdbcTemplate jdbcTemplate) {
+        this.jdbcTemplate = jdbcTemplate;
+    }
+
+
+    public int save(String url) {
+        String sql = "INSERT INTO images (url) VALUES (?)";
+        return jdbcTemplate.update(sql, url);
+    }
+    // 获取所有图片记录
--- a/src/main/resources/static/css/gallery.css 0 → 100644
+++ b/src/main/resources/static/css/gallery.css 0 → 100644
+    padding: 10px 20px;
+    font-size: 1em;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.upload-btn:hover {
+    background-color: #0056b3;
+}
+.carousel img {
+    display: block;          /* Ensure the image displays as a block-level element */
+    margin: 0 auto;          /* Horizontally centers the image */
+    max-width: 100%;         /* Keep image responsive */
+    height: auto;
+}
--- a/src/main/resources/static/js/gallery.js 0 → 100644
+++ b/src/main/resources/static/js/gallery.js 0 → 100644
+    const file = event.target.files[0];
+    if (!file) return;
+
+    const formData = new FormData();
+    formData.append("image", file);
+
+    fetch("/api/images", {
+        method: "POST",
+        body: formData,
+    })
+        .then(response => {
+            if (!response.ok) {
+                throw new Error("Failed to upload image");
+            }
+            return response.json();
+        })