1934 springboot VUE 老人服务管理系统开发mysql数据库web结构java编程计算机网页源码maven项目

一、源码特点
  springboot VUE老人服务管理系统是一套完善的完整信息管理类型系统，结合springboot框架和VUE完成本系统，对理解JSP java编程开发语言有帮助系统采用springboot框架（MVC模式开
发），系统具有完整的源代码和数据库，系统主要采用B/S模式开发。

基于springboot +vue 老人服务平台系统

前段主要技术 vue 
后端主要技术 Springboot java
数据库 mysql
开发工具 IDEA  JDK1.8 
环境需要

1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以 不建议。

2.IDE环境：推荐IDEA;

3.硬件环境：windows 7/8/10 1G内存以上；；

5.数据库：MySql 5.0 到 5.5 等版本均可 需要高版本 如mysql8.0 需要修改数据连接配置，以及maven中的mysql 驱动包；

6.是否Maven项目: 否；查看源码目录中是否包含pom.xml；若包含，则为maven项目，否则为非maven项目

使用说明

1. 使用Navicat或者其它工具，在mysql中创建对应sql文件名称的数据库，并导入项目的sql文件；

2. 使用IDEA导入项目;

3. 将项目中lrfw\src\main\resources 下的 application.properties 配置文件中的数据库配置改为自己的配置;
数据库支持 mysql5.0 到5.5 ，如果需要5.7 到8.0 需要二次转换升级
4.vscode 开vue项目工程
5.vue 项目启动  npm run serve 
vue 版本 2.9.6
node 版本 16.14.2

二、功能介绍

(1)管理员管理：对管理员信息进行添加、删除、修改和查看
(2)护工管理：对护工信息进行添加、删除、修改和查看
(3)亲属管理：对亲属信息进行添加、删除、修改和查看
(4)老人管理：对老人信息进行添加、删除、修改和查看
(5)护理请求管理：对护理请求信息进行添加、删除、修改和查看
(6)服务管理：对服务信息进行添加、删除、修改和查看
(7)服务分配管理：对服务分配信息进行添加、删除、修改和查看
(8)服务记录管理：对服务记录信息进行添加、删除、修改和查看
(9)服务评价管理：对服务评价信息进行添加、删除、修改和查看
(10)用户登录

数据库设计

CREATE TABLE `gly` (
`glyid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',  PRIMARY KEY  (`glyid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `hugong` (
`hgid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',  PRIMARY KEY  (`hgid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `qinshu` (
`qsid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',
`lr` VARCHAR(40) default NULL COMMENT '老人',
`gx` VARCHAR(40) default NULL COMMENT '关系',  PRIMARY KEY  (`qsid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `laoren` (
`lrid` int(11) NOT NULL auto_increment,
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`nl` VARCHAR(40) default NULL COMMENT '年龄',
`xb` VARCHAR(40) default NULL COMMENT '性别',
`rzsj` VARCHAR(40) default NULL COMMENT '入住时间',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`bz` VARCHAR(40) default NULL COMMENT '备注',  PRIMARY KEY  (`lrid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `hlqq` (
`hlqqid` int(11) NOT NULL auto_increment,
`bt` VARCHAR(40) default NULL COMMENT '标题',
`lr` VARCHAR(40) default NULL COMMENT '老人',
`qqnr` VARCHAR(40) default NULL COMMENT '请求内容',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`sqsj` VARCHAR(40) default NULL COMMENT '申请时间',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`hlqqid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;

后端代码设计

   /**服务分配列表 查询fwfp
     *
     */
    @GetMapping("list")
    public Result  list(@RequestParam(value = "pageNum",defaultValue = "1") int page,
                            @RequestParam(value = "pageSize",defaultValue = "10") int szie,
			    @RequestParam(defaultValue = "") String fw,
                        @RequestParam(defaultValue = "") String yh
			    )  {

        Result res=new Result();


        List list=null;
        String sql="";
        try{


      
	  if(fw!=null&&!fw.equals("")){
                sql+=" and b.fwmc like '%"+fw+"%'";//符合条件 拼接sql 服务
            }

            if(fw!=null&&!fw.equals("")){
                sql+=" and a.hg like '"+fw+"'";//符合条件 拼接sql 服务
            }
          


            list=fwfpdao.querylist(sql,page,szie);//查询fwfp表数据返回 list对象
            res.setCode(200);
            res.setMessage("查询成功");


            res.setData(tl.ltoj(list));

            list=fwfpdao.querylist(sql);
            res.setNum(list.size());

        }catch(Exception e){
            e.printStackTrace();;
        }




        return res;
    }


   /**服务分配列表 查询fwfp
	 * 
	 */

    @GetMapping("listpage")
    public Result  listpage(
			    @RequestParam(defaultValue = "") String fw
			    )  {

        Result res=new Result();


        List list=null;
     String sql="";
      
	  if(fw!=null&&!fw.equals("")){
                sql+=" and fw like '%"+fw+"%'";//符合条件 拼接sql 服务
            }
	try{
	  
	list=fwfpdao.querylist(sql);//查询gly 表数据返回 list对象
        res.setCode(200);
        res.setMessage("查询成功");


        res.setData(tl.ltoj(list));

	}catch(Exception e){
            e.printStackTrace();;
        }


       

        return res;
    }


	/**服务分配添加方法 对表 fwfp  进行添加
	 * 
	 */
    @PostMapping(value = "add")
    public Result  add(@RequestBody fwfp bean){
            Result res=new Result();
    String sql="";
    ResultSet rs=null;
    int num=0;
    DBO db=new DBO();
	try{
         
            if(bean.getFwfpid()!=null&&!bean.getFwfpid().equals("")){
            fwfpdao.update(bean);//执行 修改 fwfp 添加操作
                res.setMessage("操作成功");
                res.setCode(200);
            }else{
                sql="select count(1) as num from fwfp where fw='"+bean.getFw()+"' and hg='"+bean.getHg()+"'";
                rs=db.query(sql);
                if(rs.next()){
                    num=rs.getInt("num");
                }
                if(num>0){
                    res.setMessage("添加失败、数据重复");
                    res.setCode(201);
                }else {
                    fwfpdao.add(bean);//执行 添加fwfp 添加操作
                    res.setMessage("添加成功");
                    res.setCode(200);
                }
        }


	 }catch(Exception e){
            e.printStackTrace();;
        }


        //System.out.println(res);



        return res;

    }

vue前端设计

    <el-table :data="tableData" border stripe :header-cell-class-name="'headerBg'"  @selection-change="handleSelectionChange">

     
        <el-table-column  label="序号" width="80"
      type="index"
      :index="indexMethod">

    </el-table-column>

      <el-table-column prop="fwmc" label="服务" width="220"></el-table-column>
      <el-table-column prop="hg" label="护工" width="120"></el-table-column>
      <el-table-column prop="fpsj" label="分配时间" width="180"></el-table-column>
    
      <el-table-column label="操作"  width="280" align="center">
        <template slot-scope="scope">
        
         <el-popconfirm
              class="ml-5"
              confirm-button-text='确定'
              cancel-button-text='我再想想'
              icon="el-icon-info"
              icon-color="red"
              title="您确定删除吗？"
              @confirm="del(scope.row.fwfpid)"
          >
            <el-button type="danger" slot="reference">删除 <i class="el-icon-remove-outline"></i></el-button>
          </el-popconfirm>
        </template>
      </el-table-column>
    </el-table>
    <div style="padding: 10px 0">
      <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="pageNum"
          :page-sizes="[2, 5, 10, 20]"
          :page-size="pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total">
      </el-pagination>
    </div>

    <el-dialog title="服务分配信息" :visible.sync="dialogFormVisible" width="30%" >

      <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="80px" size="small" >

        <el-form-item label="服务" prop="fw"  >
        

          <el-select clearable v-model="form.fw" placeholder="请选择服务" style="width: 100%">
            <el-option v-for="item in fws" :key="item.fwid" :label="item.fwmc" :value="item.fwid"></el-option>
          </el-select>

       </el-form-item>
        <el-form-item label="护工" prop="hg"  >
          

          <el-select clearable v-model="form.hg" placeholder="请选择护工" style="width: 100%">
            <el-option v-for="item in hgs" :key="item.hgid" :label="item.yhm" :value="item.yhm"></el-option>
          </el-select>
       </el-form-item>
        <el-form-item label="分配时间" prop="fpsj"  >
          <el-input v-model="form.fpsj"  ></el-input>
       </el-form-item>
  
       
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="save">确 定</el-button>
      </div>
      
    </el-dialog>


        <el-dialog title="查看服务分配信息" :visible.sync="dialogDetailVisible" width="30%" >

      <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="80px" size="small" >


        <el-form-item label="服务" prop="fw"  required>
         {{form.fw}}
       </el-form-item>

        <el-form-item label="护工" prop="hg"  required>
         {{form.hg}}
       </el-form-item>

        <el-form-item label="分配时间" prop="fpsj"  required>
         {{form.fpsj}}
       </el-form-item>

    
    
       
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogDetailVisible = false">关闭</el-button>
       
      </div>
      
    </el-dialog>


    
  
 
  </div>
</template>

<script>
import {serverIp} from "../../public/config";
function CurentTime()
    { 
        var now = new Date();
       
        var year = now.getFullYear();       //年
        var month = now.getMonth() + 1;     //月
        var day = now.getDate();            //日
       
        var hh = now.getHours();            //时
        var mm = now.getMinutes();          //分
       
        var clock = year + "-";
       
        if(month < 10)
            clock += "0";
       
        clock += month + "-";
       
        if(day < 10)
            clock += "0";
           
        clock += day + " ";
       
        if(hh < 10)
            clock += "0";
           
        clock += hh + ":";
        if (mm < 10) clock += '0'; 
        clock += mm; 
        return(clock); 
    } 
export default {
  name: "fwfp",
  data() {
    return {
      serverIp: serverIp,
      tableData: [],
      total: 0,
      pageNum: 1,
      pageSize: 10,
      fw: "",
      fws: [],
      hgs: [],
       form: {},
      dialogFormVisible: false,
      dialogDetailVisible:false,
      multipleSelection: [],
        vis: false,
      rules: {
        fw: [
          { required: true, message: '请输入服务', trigger: 'blur' }
        ],
        hg: [
          { required: true, message: '请输入护工', trigger: 'blur' }
        ],
        fpsj: [
          { required: true, message: '请输入分配时间', trigger: 'blur' }
        ],
      
      }
    }
  },
  created() {
    this.load()
  },
  methods: {
      indexMethod(index) {
        return index+1;
      },
   
    load() {
      this.request.get("/fwfp/list", {
        params: {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          fw: this.fw,
        }
      }).then(res => {
            console.log(res.data)
      this.tableData = JSON.parse(res.data)
         this.total =res.num

      })

      this.request.get("/fuwu/listpage", {
        params: {
              xm: "",
        }
        }).then(res => {
          console.log(res.data)
        this.fws = JSON.parse(res.data)
      })


      this.request.get("/hugong/listpage", {
        params: {
              xm: "",
        }
        }).then(res => {
          console.log(res.data)
        this.hgs = JSON.parse(res.data)
      })


     
    },

三、注意事项
1、管理员账号：admin密码：admin 数据库配置文件DBO.java
2、开发环境为IDEA开发，数据库为mysql，使用java语言开发。
3、数据库文件名是jsplrfw.sql 系统名称lrfw
4、地址：http://128.0.0.1:8080/login

四 系统实现

需要源码 其他的定制服务  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者