基于java SpringBoot和Vue养老服务志愿者管理系统设计

        随着我国老年人口老龄化的加剧，养老问题将越来越严重，社区对养老服务的需求将越来越强烈，养老机构的建设规模也在不断扩大，其功能也将越来越完善，因此对养老机构管理的要求会更高。服务的规模和多样性对管理和服务工作提出了挑战，对于养老机构来说，传统的管理方式已经很难适应现代养老服务的需求，而通过信息集成管理，可以更快、更有效地完成养老管理机构的管理和服务。社区养老服务信息管理建立系统，通过网络和数据库技术对各种日常工作任务进行数据处理和分析，完成日常工作的大部分事务性工作，社区养老服务信息管理系统将大量无序数据有效地转化为组织有序、有针对性的信息管理平台。

 

实现的功能：

管理员、志愿者、老人亲属三种角色

老人信息管理、个性化服务管理、志愿者管理、活动管理、系统管理

 

用到的技术：

后端：java语言，SpringBoot框架，MySQL数据库，Maven依赖管理等

前端：vue等

 部分代码展示

<template>
    <a-modal  :width="1000"
              height="auto" :visible="addVisible" @cancel="handleCancelClick"
              cancelText="取消" okText="提交" @ok="handleSubmit">
        <a-form-model
                class="a-form-model"
                ref="ruleForm"
                :model="itemAddData"
                :rules="validateRules"
                :label-col="labelCol"
                :wrapper-col="wrapperCol"
                @validate="validate">
                <div class="a-form-model-item-view">
                  <a-form-model-item has-feedback class="a-form-model-item" ref="realName" label="姓名" prop="realName">
                    <a-input
                        placeholder="请输入姓名"
                        v-model="itemAddData.realName"
                        @blur="
                       () => {
                         $refs.realName.onFieldBlur();
                       }"
                    />
                  </a-form-model-item>
                  <a-form-model-item has-feedback class="a-form-model-item" ref="gender" label="性别" prop="gender">
                    <a-select @change="handleGenderChange"
                              v-model="itemAddData.gender"
                              :defaultValue="itemAddData.gender"
                              placeholder="请选择性别">
                      <a-select-option v-for="m in  genderOption" :key="m.value">{{m.text}}</a-select-option>
                    </a-select>
                  </a-form-model-item>
                </div>
                <div class="a-form-model-item-view">
                  <a-form-model-item has-feedback class="a-form-model-item" ref="bodyState" label="身体状况" prop="bodyState">
                    <a-input
                        placeholder="请输入身体状况"
                        v-model="itemAddData.bodyState"
                        @blur="
                       () => {
                         $refs.bodyState.onFieldBlur();
                       }"
                    />
                  </a-form-model-item>
                  <a-form-model-item has-feedback class="a-form-model-item" ref="age" label="年龄" prop="age">
                    <a-input
                        placeholder="请输入年龄"
                        v-model="itemAddData.age"
                        @blur="
                         () => {
                           $refs.age.onFieldBlur();
                         }"
                    />
                  </a-form-model-item>
                </div>
                <div class="a-form-model-item-view">
                  <a-form-model-item has-feedback class="a-form-model-item" ref="censusRegister" label="户籍" prop="censusRegister">
                    <a-input
                        placeholder="请输入户籍"
                        v-model="itemAddData.censusRegister"
                        @blur="
                         () => {
                           $refs.censusRegister.onFieldBlur();
                         }"
                    />
                  </a-form-model-item>
                  <a-form-model-item has-feedback class="a-form-model-item" ref="idCardNum" label="身份证号码" prop="idCardNum">
                    <a-input
                        placeholder="请输入身份证号码"
                        v-model="itemAddData.idCardNum"
                        @blur="
                       () => {
                         $refs.idCardNum.onFieldBlur();
                       }"
                    />
                  </a-form-model-item>
                </div>
                <div class="a-form-model-item-view">
                  <a-form-model-item has-feedback class="a-form-model-item" ref="contacts" label="联系人" prop="contacts">
                    <a-input
                        placeholder="请输入联系人"
                        v-model="itemAddData.contacts"
                        @blur="
                         () => {
                           $refs.contacts.onFieldBlur();
                         }"
                    />
                  </a-form-model-item>
                  <a-form-model-item has-feedback class="a-form-model-item" ref="contactsPhone" label="联系人号码" prop="contactsPhone">
                    <a-input
                        placeholder="请输入联系人号码"
                        v-model="itemAddData.contactsPhone"
                        @blur="
                       () => {
                         $refs.contactsPhone.onFieldBlur();
                       }"
                    />
                  </a-form-model-item>
                </div>
                <div class="a-form-model-item-view">
                  <a-form-model-item has-feedback class="a-form-model-item" ref="homeAddress" label="家庭住址" prop="homeAddress">
                    <a-input
                        placeholder="请输入家庭住址"
                        v-model="itemAddData.homeAddress"
                        @blur="
                         () => {
                           $refs.homeAddress.onFieldBlur();
                         }"
                    />
                  </a-form-model-item>
                  <a-form-model-item has-feedback class="a-form-model-item" ref="nursingWorkerNum" label="分配志愿者" prop="nursingWorkerNum">
                    <a-select
                        @change="handleNursingWorkerNumChange"
                        v-model="itemAddData.nursingWorkerNum"
                        :defaultValue="itemAddData.nursingWorkerNum"
                        placeholder="请选择要分配的志愿者">
                      <a-select-option v-for="m in  authUserIdOption" :key="m.value">{{m.text}}</a-select-option>
                    </a-select>
                  </a-form-model-item>
                </div>
                <div class="a-form-model-item-view">
                  <a-form-model-item has-feedback class="a-form-model-item" ref="intakeTime" label="登记时间" prop="intakeTime">
                    <a-date-picker
                        v-model="itemAddData.intakeTime"
                        placeholder="请选择登记时间"
                        @change="onIntakeTimeChange"
                        @ok="onIntakeTimeOK" />
                  </a-form-model-item>
                </div>
        </a-form-model>
    </a-modal>
</template>
<script>

演示视频

SpringBoot+vue养老服务管理志愿者管理系统设计