基于Java+Springboot+vue的幼儿园管理系统设计与实现(数据库,源码和教程)

简介: 基于Java+Springboot+vue的幼儿园管理系统设计与实现(数据库,源码和教程)

一、效果演示


e17e9674dd34c2742b9c34f722f894a5_e569714b327c41c99ac6453c1b59fa7e.png


二、前言介绍


随着科学技术的飞速发展,各行各业都在努力与现代先进技术接轨,通过科技手段提高自身的优势;对于幼儿园管理系统当然也不能排除在外,随着网络技术的不断成熟,带动了幼儿园管理系统,它彻底改变了过去传统的管理方式,不仅使服务管理难度变低了,还提升了管理的灵活性。这种个性化的平台特别注重交互协调与管理的相互配合,激发了管理人员的创造性与主动性,对幼儿园管理系统而言非常有利。


本系统采用的数据库是Mysql,使用SpringBoot框架开发,运行环境使用Tomcat服务器,ECLIPSE

是本系统的开发平台。在设计过程中,充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。


三、主要技术


技术名 作用
Springboot 后端框架
Vue 前端框架
MySQL 数据库


四、系统设计(部分)


4.1、主要功能模块设计

87246517b937819b816c26886fd87529_11fbb5c910a840f2b844cd6963974000.jpeg


4.2、系统登录设计

5f3cb4f684af00dc77b8e0e2f7aeafce_dd1c040598ed43919df80ab1be162ad1.jpeg


五、运行截图


5.1、用户功能模块

用户点击进入到系统操作界面,可以对首页、个人中心、幼儿信息管理、缴费信息管理、幼儿请假管理、儿童体检管理、菜谱信息管理等功能模块。


5.1.1、个人信息


e17e9674dd34c2742b9c34f722f894a5_e569714b327c41c99ac6453c1b59fa7e.png

图5-1个人信息界面图


5.1.2、缴费信息管理

3f1488b75c78e88febd9064efe3ccb39_5a6e15e8937d4316abcaf24812c0d7a7.png


图5-2缴费信息管理界面图


5.1.3、儿童体检管理

42d5d7fcd22d6dfa82259ecc5f56dc25_78135f20009d41a3a9bd61933b308ab9.png


图5-3儿童体检管理界面图


5.2、管理员功能模块

管理员通过用户名和密码、角色填写完成后进行登录,如图5-4所示。管理员登录成功后进入到系统操作界面,可以对首页、个人中心、用户管理、教师管理、幼儿信息管理、班级信息管理、工作日志管理、会议记录管理、待办事项管理、职工考核管理、请假信息管理、缴费信息管理、幼儿请假管理、儿童体检管理、资源信息管理、原料信息管理、菜谱信息管理等功能模块进行相对应操作。


5.2.1、管理员登录

4b7d7412f5fcfaafc513664cae180ddc_8eadad18355741518e421366b64ff7d2.png


图5-4管理员登录页面


5.2.2、用户管理

d970a82c85d70ff6344cb88b721faacc_42ec0229be9c49e39f63a622bc353418.png


图5-5用户管理页面


5.2.3、教师管理

6328d0005b3b9b3c5fed9bab3b675e94_c95ea250ff214e10b42d7a9297880139.png


图5-6教师管理界面图


5.2.4、资源信息管理


e437eda5c47dfb757c43677629ca2119_89afa0c5666647ed8c12136b5a38fdaa.png

图5-7资源信息管理界面图


5.2.5、原料信息管理

64846524326c5ee5a84a61124dcf9922_a582858eb6744d58887bd4f83a8e44c2.png


图5-8原料信息管理界面图


5.2.6、菜谱信息管理

50334b27f3b764a6d02216e9f1128f1a_4a36312c5bd4417ca6a268f2547a4cb9.png


图5-9菜谱信息管理界面图


5.2.7、班级信息管理


86438284201c59d834f2cb6606dc9561_e669064329f043088cb9784a3f5d0178.png

图5-10班级信息管理界面图


5.3、教师功能模块

教师点击进入到系统操作界面,可以对首页、个人中心、幼儿信息管理、班级信息管理、工作日志管理、会议记录管理、待办事项管理、职工考核管理、请假信息管理、缴费信息管理、幼儿请假管理、儿童体检管理、资源信息管理、原料信息管理、菜谱信息管理等功能模块,幼儿信息管理:通过列表可以获取用户名、家长姓名、幼儿姓名、性别、手机、年龄、班级名称、备注、工号、教师姓名并进行修改操作,如图5-11所示。


f26950f763fa294efde1e1b4a77c19b1_36bf10b948de42acbc1978ea0c304929.png


图5-11幼儿信息管理界面图


5.3.1、缴费信息管理

5d1c4ec2fb015577aa8f56b0913cbf54_e3ed53b9529e49558008d01be13ae162.png


图5-12缴费信息管理界面图


5.3.2、儿童体检管理


3a2b65a985bb0dd6349d0d25d3feb7a1_0f472dbd6a1742499f4b1c99056310bd.png

图5-13儿童体检管理界面图


5.3.3、资源信息管理


6366abe34e6d65c71df98cc839596444_cac4d6f3001e4bacbeeee22d937c9da2.png

图5-14资源信息管理界面图


5.3.4、原料信息管理

dc0464c24939f6838076b72514d80ac7_845afed657764dc68f59b8e189aa4ad5.png


图5-15原料信息管理界面图


六、数据库设计(部分)


每个数据库的应用它们都是和区分开的,当运行到一定的程序当中,它就会与自己相关的协议与客户端进行通讯。那么这个系统就会对使这些数据进行连接。当我们选择哪个桥段的时候,接下来就会简单的叙述这个数据库是如何来创建的。当点击完成按钮的时候就会自动在对话框内弹出数据源的名称,在进行点击下一步即可,直接在输入相对应的身份验证和登录密码。


幼儿园管理系统的数据流程:


346aaadda1912152982b8243b96457dc_368a719cd8a04419ba46b2c38954ae0d.jpeg


图4-4 系统数据流程图


教师管理实体E-R图,如图4.5所示。


27aa07aa0f4e4b7239f401d8e0fb1df5_0bafb32871f4480ba38933d5d4e99818.jpeg


图4.5教师管理E-R图


七、代码参考


package com.controller;
    import java.text.SimpleDateFormat;
    import java.util.ArrayList;
    import java.util.Arrays;
    import java.util.Calendar;
    import java.util.Map;
    import java.util.HashMap;
    import java.util.Iterator;
    import java.util.Date;
    import java.util.List;
    import javax.servlet.http.HttpServletRequest;
    import com.utils.ValidatorUtils;
    import org.apache.commons.lang3.StringUtils;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.format.annotation.DateTimeFormat;
    import org.springframework.web.bind.annotation.PathVariable;
    import org.springframework.web.bind.annotation.RequestBody;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestParam;
    import org.springframework.web.bind.annotation.RestController;
    import com.baomidou.mybatisplus.mapper.EntityWrapper;
    import com.baomidou.mybatisplus.mapper.Wrapper;
    import com.annotation.IgnoreAuth;
    import com.entity.BanjixinxiEntity;
    import com.entity.view.BanjixinxiView;
    import com.service.BanjixinxiService;
    import com.service.TokenService;
    import com.utils.PageUtils;
    import com.utils.R;
    import com.utils.MD5Util;
    import com.utils.MPUtil;
    import com.utils.CommonUtil;
    /**
     * 班级信息
     * 后端接口
     * @author 
     * @email 
     * @date 2021-03-18 15:04:00
     */
    @RestController
    @RequestMapping("/banjixinxi")
    public class BanjixinxiController {
        @Autowired
        private BanjixinxiService banjixinxiService;
        /**
         * 后端列表
         */
        @RequestMapping("/page")
        public R page(@RequestParam Map<String, Object> params,BanjixinxiEntity banjixinxi,
      HttpServletRequest request){
      String tableName = request.getSession().getAttribute("tableName").toString();
      if(tableName.equals("jiaoshi")) {
        banjixinxi.setGonghao((String)request.getSession().getAttribute("username"));
      }
            EntityWrapper<BanjixinxiEntity> ew = new EntityWrapper<BanjixinxiEntity>();
      PageUtils page = banjixinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, banjixinxi), params), params));
            return R.ok().put("data", page);
        }
        /**
         * 前端列表
         */
        @RequestMapping("/list")
        public R list(@RequestParam Map<String, Object> params,BanjixinxiEntity banjixinxi, HttpServletRequest request){
            EntityWrapper<BanjixinxiEntity> ew = new EntityWrapper<BanjixinxiEntity>();
      PageUtils page = banjixinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, banjixinxi), params), params));
            return R.ok().put("data", page);
        }
      /**
         * 列表
         */
        @RequestMapping("/lists")
        public R list( BanjixinxiEntity banjixinxi){
            EntityWrapper<BanjixinxiEntity> ew = new EntityWrapper<BanjixinxiEntity>();
            ew.allEq(MPUtil.allEQMapPre( banjixinxi, "banjixinxi")); 
            return R.ok().put("data", banjixinxiService.selectListView(ew));
        }
      /**
         * 查询
         */
        @RequestMapping("/query")
        public R query(BanjixinxiEntity banjixinxi){
            EntityWrapper< BanjixinxiEntity> ew = new EntityWrapper< BanjixinxiEntity>();
        ew.allEq(MPUtil.allEQMapPre( banjixinxi, "banjixinxi")); 
      BanjixinxiView banjixinxiView =  banjixinxiService.selectView(ew);
      return R.ok("查询班级信息成功").put("data", banjixinxiView);
        }
        /**
         * 后端详情
         */
        @RequestMapping("/info/{id}")
        public R info(@PathVariable("id") Long id){
            BanjixinxiEntity banjixinxi = banjixinxiService.selectById(id);
            return R.ok().put("data", banjixinxi);
        }
        /**
         * 前端详情
         */
        @RequestMapping("/detail/{id}")
        public R detail(@PathVariable("id") Long id){
            BanjixinxiEntity banjixinxi = banjixinxiService.selectById(id);
            return R.ok().put("data", banjixinxi);
        }
        /**
         * 后端保存
         */
        @RequestMapping("/save")
        public R save(@RequestBody BanjixinxiEntity banjixinxi, HttpServletRequest request){
          banjixinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
          //ValidatorUtils.validateEntity(banjixinxi);
            banjixinxiService.insert(banjixinxi);
            return R.ok();
        }
        /**
         * 前端保存
         */
        @RequestMapping("/add")
        public R add(@RequestBody BanjixinxiEntity banjixinxi, HttpServletRequest request){
          banjixinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
          //ValidatorUtils.validateEntity(banjixinxi);
            banjixinxiService.insert(banjixinxi);
            return R.ok();
        }
        /**
         * 修改
         */
        @RequestMapping("/update")
        public R update(@RequestBody BanjixinxiEntity banjixinxi, HttpServletRequest request){
            //ValidatorUtils.validateEntity(banjixinxi);
            banjixinxiService.updateById(banjixinxi);//全部更新
            return R.ok();
        }
        /**
         * 删除
         */
        @RequestMapping("/delete")
        public R delete(@RequestBody Long[] ids){
            banjixinxiService.deleteBatchIds(Arrays.asList(ids));
            return R.ok();
        }
        /**
         * 提醒接口
         */
      @RequestMapping("/remind/{columnName}/{type}")
      public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
           @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
      map.put("column", columnName);
      map.put("type", type);
      if(type.equals("2")) {
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
        Calendar c = Calendar.getInstance();
        Date remindStartDate = null;
        Date remindEndDate = null;
        if(map.get("remindstart")!=null) {
        Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
        c.setTime(new Date()); 
        c.add(Calendar.DAY_OF_MONTH,remindStart);
        remindStartDate = c.getTime();
        map.put("remindstart", sdf.format(remindStartDate));
        }
        if(map.get("remindend")!=null) {
        Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
        c.setTime(new Date());
        c.add(Calendar.DAY_OF_MONTH,remindEnd);
        remindEndDate = c.getTime();
        map.put("remindend", sdf.format(remindEndDate));
        }
      }
      Wrapper<BanjixinxiEntity> wrapper = new EntityWrapper<BanjixinxiEntity>();
      if(map.get("remindstart")!=null) {
        wrapper.ge(columnName, map.get("remindstart"));
      }
      if(map.get("remindend")!=null) {
        wrapper.le(columnName, map.get("remindend"));
      }
      String tableName = request.getSession().getAttribute("tableName").toString();
      if(tableName.equals("jiaoshi")) {
        wrapper.eq("gonghao", (String)request.getSession().getAttribute("username"));
      }
      int count = banjixinxiService.selectCount(wrapper);
      return R.ok().put("count", count);
      }
    }

相关文章
|
7月前
|
前端开发 安全 Java
基于springboot+vue开发的会议预约管理系统
一个完整的会议预约管理系统,包含前端用户界面、管理后台和后端API服务。 ### 后端 - **框架**: Spring Boot 2.7.18 - **数据库**: MySQL 5.6+ - **ORM**: MyBatis Plus 3.5.3.1 - **安全**: Spring Security + JWT - **Java版本**: Java 11 ### 前端 - **框架**: Vue 3.3.4 - **UI组件**: Element Plus 2.3.8 - **构建工具**: Vite 4.4.5 - **状态管理**: Pinia 2.1.6 - **HTTP客户端
995 4
基于springboot+vue开发的会议预约管理系统
|
8月前
|
前端开发 JavaScript Java
基于springboot+vue开发的校园食堂评价系统【源码+sql+可运行】【50809】
本系统基于SpringBoot与Vue3开发,实现校园食堂评价功能。前台支持用户注册登录、食堂浏览、菜品查看及评价发布;后台提供食堂、菜品与评价管理模块,支持权限控制与数据维护。技术栈涵盖SpringBoot、MyBatisPlus、Vue3、ElementUI等,适配响应式布局,提供完整源码与数据库脚本,可直接运行部署。
472 6
基于springboot+vue开发的校园食堂评价系统【源码+sql+可运行】【50809】
|
9月前
|
Java 数据库连接 API
Java 8 + 特性及 Spring Boot 与 Hibernate 等最新技术的实操内容详解
本内容涵盖Java 8+核心语法、Spring Boot与Hibernate实操,按考试考点分类整理,含技术详解与代码示例,助力掌握最新Java技术与应用。
277 3
|
10月前
|
Java 数据库连接 API
Java 对象模型现代化实践 基于 Spring Boot 与 MyBatis Plus 的实现方案深度解析
本文介绍了基于Spring Boot与MyBatis-Plus的Java对象模型现代化实践方案。采用Spring Boot 3.1.2作为基础框架,结合MyBatis-Plus 3.5.3.1进行数据访问层实现,使用Lombok简化PO对象,MapStruct处理对象转换。文章详细讲解了数据库设计、PO对象实现、DAO层构建、业务逻辑封装以及DTO/VO转换等核心环节,提供了一个完整的现代化Java对象模型实现案例。通过分层设计和对象转换,实现了业务逻辑与数据访问的解耦,提高了代码的可维护性和扩展性。
384 1
|
10月前
|
Java 调度 流计算
基于Java 17 + Spring Boot 3.2 + Flink 1.18的智慧实验室管理系统核心代码
这是一套基于Java 17、Spring Boot 3.2和Flink 1.18开发的智慧实验室管理系统核心代码。系统涵盖多协议设备接入(支持OPC UA、MQTT等12种工业协议)、实时异常检测(Flink流处理引擎实现设备状态监控)、强化学习调度(Q-Learning算法优化资源分配)、三维可视化(JavaFX与WebGL渲染实验室空间)、微服务架构(Spring Cloud构建分布式体系)及数据湖建设(Spark构建实验室数据仓库)。实际应用中,该系统显著提升了设备调度效率(响应时间从46分钟降至9秒)、设备利用率(从41%提升至89%),并大幅减少实验准备时间和维护成本。
506 0
|
10月前
|
Java API 微服务
Java 21 与 Spring Boot 3.2 微服务开发从入门到精通实操指南
《Java 21与Spring Boot 3.2微服务开发实践》摘要: 本文基于Java 21和Spring Boot 3.2最新特性,通过完整代码示例展示了微服务开发全流程。主要内容包括:1) 使用Spring Initializr初始化项目,集成Web、JPA、H2等组件;2) 配置虚拟线程支持高并发;3) 采用记录类优化DTO设计;4) 实现JPA Repository与Stream API数据访问;5) 服务层整合虚拟线程异步处理和结构化并发;6) 构建RESTful API并使用Springdoc生成文档。文中特别演示了虚拟线程配置(@Async)和StructuredTaskSco
1090 0
|
Java 数据库连接
springboot启动时禁用数据库连接检测
高高兴兴新建一个springboot项目准备写个demo,哟,没配置jdbc还不让我启动成功了 这是因为springboot在启动时会自动检测jdbc连接,关了就行
1122 0
springboot启动时禁用数据库连接检测
|
6月前
|
JavaScript Java 关系型数据库
基于springboot的项目管理系统
本文探讨项目管理系统在现代企业中的应用与实现,分析其研究背景、意义及现状,阐述基于SSM、Java、MySQL和Vue等技术构建系统的关键方法,展现其在提升管理效率、协同水平与风险管控方面的价值。
|
6月前
|
搜索推荐 JavaScript Java
基于springboot的儿童家长教育能力提升学习系统
本系统聚焦儿童家长教育能力提升,针对家庭教育中理念混乱、时间不足、个性化服务缺失等问题,构建科学、系统、个性化的在线学习平台。融合Spring Boot、Vue等先进技术,整合优质教育资源,提供高效便捷的学习路径,助力家长掌握科学育儿方法,促进儿童全面健康发展,推动家庭和谐与社会进步。
下一篇
开通oss服务