【有源码】基于springboot+vue的社区老人健康数据检测系统 老年人健康管理系统的设计与实现

    <template>
      <div id="app">
    <h1>Store Rental Platform</h1>
    <form @submit.prevent="addStore">
      <input v-model="newStore.name" placeholder="Store Name" required />
      <input v-model="newStore.location" placeholder="Location" required />
      <input v-model="newStore.price" type="number" placeholder="Price" required />
      <button type="submit">Add Store</button>
    </form>
    <ul>
      <li v-for="store in stores" :key="store.id">
        {{ store.name }} - {{ store.location }} - {{ store.price }}
        <button @click="deleteStore(store.id)">Delete</button>
        <button @click="editStore(store)">Edit</button>
      </li>
    </ul>
    <div v-if="editingStore">
      <h2>Edit Store</h2>
      <form @submit.prevent="updateStore">
        <input v-model="editingStore.name" placeholder="Store Name" required />
        <input v-model="editingStore.location" placeholder="Location" required />
        <input v-model="editingStore.price" type="number" placeholder="Price" required />
        <button type="submit">Update Store</button>
      </form>
    </div>
      </div>
    </template>
    
    <script>
    import { mapState } from 'vuex';
    
    export default {
      data() {
    return {
      newStore: {
        name: '',
        location: '',
        price: null,
      },
      editingStore: null,
    };
      },
      computed: {
    ...mapState(['stores']),
      },
      methods: {
    async addStore() {
      await this.$store.dispatch('addStore', this.newStore);
      this.newStore = { name: '', location: '', price: null };
    },
    async deleteStore(id) {
      await this.$store.dispatch('deleteStore', id);
    },
    async updateStore() {
      await this.$store.dispatch('updateStore', this.editingStore);
      this.editingStore = null;
    },
    editStore(store) {
      this.editingStore = { ...store };
    },
      },
      created() {
    this.$store.dispatch('fetchStores');
      },
    };
    </script>
    
    
    
    java
    
    
![](https://ad.itadn.com/c/weblog/blog-img/images/2025-08-17/AOItNeu0xZHry1oRkWJnGdCzpUVE.png)

    import { createStore } from 'vuex';
    import axios from 'axios';
    
    export default createStore({
      state: {
    stores: [],
      },
      mutations: {
    setStores(state, stores) {
      state.stores = stores;
    },
      },
      actions: {
    async fetchStores({ commit }) {
      const response = await axios.get('/api/stores');
      commit('setStores', response.data);
    },
    async addStore({ dispatch }, store) {
      await axios.post('/api/stores', store);
      dispatch('fetchStores');
    },
    async updateStore({ dispatch }, store) {
      await axios.put(`/api/stores/${store.id}`, store);
      dispatch('fetchStores');
    },
    async deleteStore({ dispatch }, id) {
      await axios.delete(`/api/stores/${id}`);
      dispatch('fetchStores');
    },
      },
    });
    
    
    
    java
    
    
![](https://ad.itadn.com/c/weblog/blog-img/images/2025-08-17/kSJVfRgeIMn8FOyvN0maGwEhWDtC.png)

    package com.example.demo.controller;
    
    import com.example.demo.model.Store;
    import com.example.demo.repository.StoreRepository;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.web.bind.annotation.*;
    
    import java.util.List;
    
    @RestController
    @RequestMapping("/api/stores")
    public class StoreController {
    
    @Autowired
    private StoreRepository storeRepository;
    
    @GetMapping
    public List<Store> getAllStores() {
        return storeRepository.findAll();
    }
    
    @PostMapping
    public Store createStore(@RequestBody Store store) {
        return storeRepository.save(store);
    }
    
    @GetMapping("/{id}")
    public Store getStoreById(@PathVariable Long id) {
        return storeRepository.findById(id).orElse(null);
    }
    
    @PutMapping("/{id}")
    public Store updateStore(@PathVariable Long id, @RequestBody Store store) {
        store.setId(id);
        return storeRepository.save(store);
    }
    
    @DeleteMapping("/{id}")
    public void deleteStore(@PathVariable Long id) {
        storeRepository.deleteById(id);
    }
    }
    
    
    
    java
    
    
![](https://ad.itadn.com/c/weblog/blog-img/images/2025-08-17/phjBuJAg8tDyIPrkOKqNsvYx7wim.png)

    package com.example.demo.model;
    
    import javax.persistence.Entity;
    import javax.persistence.GeneratedValue;
    import javax.persistence.GenerationType;
    import javax.persistence.Id;
    
    @Entity
    public class Store {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    private String name;
    private String location;
    private Double price;
    
    // Getters and Setters
    public Long getId() { return id; }
    public void setId(Long id) { this.id = id; }
    public String getName() { return name; }
    public void setName(String name) { this.name = name; }
    public String getLocation() { return location; }
    public void setLocation(String location) { this.location = location; }
    public Double getPrice() { return price; }
    public void setPrice(Double price) { this.price = price; }
    }
    
    
    
    java
    
    
![](https://ad.itadn.com/c/weblog/blog-img/images/2025-08-17/3JflM2YNKmBgyTFio9WLAVcrtXCD.png)