wad-lab 1.1.6 → 1.1.7

package/templates/vue-springboot-mongo-crud/backend/src/main/java/com/example/crud/service/ItemService.java

@@ -1,35 +1,45 @@
-package com.example.crud.service;
-
-import com.example.crud.model.Item;
-import com.example.crud.repository.ItemRepository;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.stereotype.Service;
-
-import java.util.List;
-
-@Service
-public class ItemService {
-    @Autowired
-    private ItemRepository repo;
-
-    public List<Item> getAll() {
-        return repo.findAll();
-    }
-
-    public Item getById(String id) {
-        return repo.findById(id).orElse(null);
-    }
-
-    public Item create(Item item) {
-        return repo.save(item);
-    }
-
-    public Item update(String id, Item item) {
-        item.setId(id);
-        return repo.save(item);
-    }
-
-    public void delete(String id) {
-        repo.deleteById(id);
-    }
-}
+package com.example.crud.service;
+
+import com.example.crud.model.Item;
+import com.example.crud.repository.ItemRepository;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+
+@Service
+public class ItemService {
+    @Autowired
+    private ItemRepository repo;
+
+    public List<Item> getAll() {
+        return repo.findAll();
+    }
+
+    public Item getById(String id) {
+        return repo.findById(id).orElse(null);
+    }
+
+    public Item create(Item item) {
+        return repo.save(item);
+    }
+
+    public Item update(String id, Item item) {
+        item.setId(id);
+        return repo.save(item);
+    }
+
+    public void delete(String id) {
+        repo.deleteById(id);
+    }
+    public Item patch(String id, Item partial) {
+        Item existing = getOne(id);
+        if (existing != null) {
+            if (partial.getName() != null) existing.setName(partial.getName());
+            if (partial.getDescription() != null) existing.setDescription(partial.getDescription());
+            if (partial.getPrice() != 0) existing.setPrice(partial.getPrice());
+            return repo.save(existing);
+        }
+        return null;
+    }
+}

package/templates/vue-springboot-mongo-crud/frontend/src/App.vue

@@ -1,149 +1,158 @@
-<script setup>
-import { ref, onMounted } from 'vue';
-import ItemService from './services/ItemService';
-
-const items = ref([]);
-const isEditing = ref(false);
-const form = ref({
-  id: '',
-  name: '',
-  description: '',
-  price: 0
-});
-const searchId = ref('');
-const selectedItem = ref(null);
-
-const loadItems = async () => {
-  const res = await ItemService.getAll();
-  items.value = res.data;
-};
-
-const saveItem = async () => {
-  if (isEditing.value) {
-    await ItemService.update(form.value.id, {
-      id: form.value.id,
-      name: form.value.name,
-      description: form.value.description,
-      price: form.value.price
-    });
-  } else {
-    await ItemService.create({
-      id: form.value.id,
-      name: form.value.name,
-      description: form.value.description,
-      price: form.value.price
-    });
-  }
-  resetForm();
-  loadItems();
-};
-
-const editItem = (item) => {
-  isEditing.value = true;
-  form.value = { ...item };
-};
-
-const resetForm = () => {
-  isEditing.value = false;
-  form.value = { id: '', name: '', description: '', price: 0 };
-};
-
-const deleteItem = async (id) => {
-  await ItemService.delete(id);
-  if (selectedItem.value && selectedItem.value.id === id) {
-    selectedItem.value = null;
-  }
-  loadItems();
-};
-
-const fetchSingleItem = async (id) => {
-  const targetId = id || searchId.value;
-  if (!targetId) return;
-  const res = await ItemService.getById(targetId);
-  selectedItem.value = res.data;
-};
-
-onMounted(loadItems);
-</script>
-
-<template>
-  <h2>Item Management</h2>
-
-  <h3>{{ isEditing ? 'Edit Item' : 'Add New Item' }}</h3>
-  <form @submit.prevent="saveItem">
-    <label>Custom ID (Optional):</label>
-    <br>
-    <input v-model="form.id" placeholder="ID (e.g. 101 or leave blank for auto)" :disabled="isEditing" />
-    <br><br>
-
-    <label>Name:</label>
-    <br>
-    <input v-model="form.name" placeholder="Name" required />
-    <br><br>
-
-    <label>Description:</label>
-    <br>
-    <input v-model="form.description" placeholder="Description" required />
-    <br><br>
-
-    <label>Price:</label>
-    <br>
-    <input v-model.number="form.price" type="number" step="0.01" placeholder="Price" required />
-    <br><br>
-
-    <button type="submit">{{ isEditing ? 'Update Item (PUT)' : 'Create Item (POST)' }}</button>
-    <button type="button" v-if="isEditing" @click="resetForm">Cancel</button>
-  </form>
-
-  <hr>
-
-  <h3>Fetch Single Item By ID (GET /api/items/:id)</h3>
-  <input v-model="searchId" placeholder="Enter Item ID" />
-  <button type="button" @click="fetchSingleItem(searchId)">Fetch Detail</button>
-
-  <div v-if="selectedItem">
-    <br>
-    <b>Item Details:</b>
-    <br>
-    ID: {{ selectedItem.id }}
-    <br>
-    Name: {{ selectedItem.name }}
-    <br>
-    Description: {{ selectedItem.description }}
-    <br>
-    Price: {{ selectedItem.price }}
-    <br>
-    <button type="button" @click="selectedItem = null">Close Details</button>
-  </div>
-
-  <hr>
-
-  <h3>Item List (GET /api/items)</h3>
-  <button type="button" @click="loadItems">Refresh List</button>
-  <br><br>
-
-  <table>
-    <thead>
-      <tr>
-        <th>ID</th>
-        <th>Name</th>
-        <th>Description</th>
-        <th>Price</th>
-        <th>Actions</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr v-for="item in items" :key="item.id">
-        <td>{{ item.id }}</td>
-        <td>{{ item.name }}</td>
-        <td>{{ item.description }}</td>
-        <td>{{ item.price }}</td>
-        <td>
-          <button type="button" @click="fetchSingleItem(item.id)">View</button>
-          <button type="button" @click="editItem(item)">Edit</button>
-          <button type="button" @click="deleteItem(item.id)">Delete</button>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</template>
+<script setup>
+import { ref, onMounted } from 'vue';
+import ItemService from './services/ItemService';
+
+const items = ref([]);
+const isEditing = ref(false);
+const form = ref({
+  id: '',
+  name: '',
+  description: '',
+  price: 0
+});
+const searchId = ref('');
+const selectedItem = ref(null);
+
+const loadItems = async () => {
+  const res = await ItemService.getAll();
+  items.value = res.data;
+};
+
+const saveItem = async () => {
+  if (isEditing.value) {
+    await ItemService.update(form.value.id, {
+      id: form.value.id,
+      name: form.value.name,
+      description: form.value.description,
+      price: form.value.price
+    });
+  } else {
+    await ItemService.create({
+      id: form.value.id,
+      name: form.value.name,
+      description: form.value.description,
+      price: form.value.price
+    });
+  }
+  resetForm();
+  loadItems();
+};
+
+const editItem = (item) => {
+  isEditing.value = true;
+  form.value = { ...item };
+};
+
+const resetForm = () => {
+  isEditing.value = false;
+  form.value = { id: '', name: '', description: '', price: 0 };
+};
+
+const deleteItem = async (id) => {
+  await ItemService.delete(id);
+  if (selectedItem.value && selectedItem.value.id === id) {
+    selectedItem.value = null;
+  }
+  loadItems();
+};
+
+const patchItem = async (item) => {
+  const price = prompt('Enter new price:');
+  if (price !== null && price !== '') {
+    await ItemService.patch(item.id, { price: Number(price) });
+    loadItems();
+  }
+};
+
+const fetchSingleItem = async (id) => {
+  const targetId = id || searchId.value;
+  if (!targetId) return;
+  const res = await ItemService.getById(targetId);
+  selectedItem.value = res.data;
+};
+
+onMounted(loadItems);
+</script>
+
+<template>
+  <h2>Item Management</h2>
+
+  <h3>{{ isEditing ? 'Edit Item' : 'Add New Item' }}</h3>
+  <form @submit.prevent="saveItem">
+    <label>Custom ID (Optional):</label>
+    <br>
+    <input v-model="form.id" placeholder="ID (e.g. 101 or leave blank for auto)" :disabled="isEditing" />
+    <br><br>
+
+    <label>Name:</label>
+    <br>
+    <input v-model="form.name" placeholder="Name" required />
+    <br><br>
+
+    <label>Description:</label>
+    <br>
+    <input v-model="form.description" placeholder="Description" required />
+    <br><br>
+
+    <label>Price:</label>
+    <br>
+    <input v-model.number="form.price" type="number" step="0.01" placeholder="Price" required />
+    <br><br>
+
+    <button type="submit">{{ isEditing ? 'Update Item (PUT)' : 'Create Item (POST)' }}</button>
+    <button type="button" v-if="isEditing" @click="resetForm">Cancel</button>
+  </form>
+
+  <hr>
+
+  <h3>Fetch Single Item By ID (GET /api/items/:id)</h3>
+  <input v-model="searchId" placeholder="Enter Item ID" />
+  <button type="button" @click="fetchSingleItem(searchId)">Fetch Detail</button>
+
+  <div v-if="selectedItem">
+    <br>
+    <b>Item Details:</b>
+    <br>
+    ID: {{ selectedItem.id }}
+    <br>
+    Name: {{ selectedItem.name }}
+    <br>
+    Description: {{ selectedItem.description }}
+    <br>
+    Price: {{ selectedItem.price }}
+    <br>
+    <button type="button" @click="selectedItem = null">Close Details</button>
+  </div>
+
+  <hr>
+
+  <h3>Item List (GET /api/items)</h3>
+  <button type="button" @click="loadItems">Refresh List</button>
+  <br><br>
+
+  <table>
+    <thead>
+      <tr>
+        <th>ID</th>
+        <th>Name</th>
+        <th>Description</th>
+        <th>Price</th>
+        <th>Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-for="item in items" :key="item.id">
+        <td>{{ item.id }}</td>
+        <td>{{ item.name }}</td>
+        <td>{{ item.description }}</td>
+        <td>{{ item.price }}</td>
+        <td>
+          <button type="button" @click="fetchSingleItem(item.id)">View</button>
+          <button type="button" @click="editItem(item)">Edit</button>
+          <button type="button" @click="deleteItem(item.id)">Delete</button>
+          <button type="button" @click="patchItem(item)">Patch</button>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</template>

package/templates/vue-springboot-mongo-crud/frontend/src/services/ItemService.js

@@ -1,21 +1,24 @@
-import axios from 'axios';
-
-const API_URL = 'http://localhost:8080/api/items';
-
-export default {
-  getAll() {
-    return axios.get(API_URL);
-  },
-  getById(id) {
-    return axios.get(`${API_URL}/${id}`);
-  },
-  create(data) {
-    return axios.post(API_URL, data);
-  },
-  update(id, data) {
-    return axios.put(`${API_URL}/${id}`, data);
-  },
-  delete(id) {
-    return axios.delete(`${API_URL}/${id}`);
-  }
-};
+import axios from 'axios';
+
+const API_URL = 'http://localhost:8080/api/items';
+
+export default {
+  getAll() {
+    return axios.get(API_URL);
+  },
+  getById(id) {
+    return axios.get(`${API_URL}/${id}`);
+  },
+  create(data) {
+    return axios.post(API_URL, data);
+  },
+  update(id, data) {
+    return axios.put(`${API_URL}/${id}`, data);
+  },
+  delete(id) {
+    return axios.delete(`${API_URL}/${id}`);
+  },
+  patch(id, data) {
+    return axios.patch(`${API_URL}/${id}`, data);
+  }
+};