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

怼烎@ 2023-09-30 23:19 6阅读 0赞

#### 文章目录 ####

*  一、效果演示
 *  二、前言介绍
 *  三、主要技术
 *  四、系统设计（部分）
 *   *  4.1、主要功能模块设计
     *  4.2、系统登录设计
 *  五、运行截图
 *   *  5.1、用户功能模块
     *   *  5.1.1、个人信息
         *  5.1.2、缴费信息管理
         *  5.1.3、儿童体检管理
     *  5.2、管理员功能模块
     *   *  5.2.1、管理员登录
         *  5.2.2、用户管理
         *  5.2.3、教师管理
         *  5.2.4、资源信息管理
         *  5.2.5、原料信息管理
         *  5.2.6、菜谱信息管理
         *  5.2.7、班级信息管理
     *  5.3、教师功能模块
     *   *  5.3.1、缴费信息管理
         *  5.3.2、儿童体检管理
         *  5.3.3、资源信息管理
         *  5.3.4、原料信息管理
 *  六、数据库设计（部分）
 *  七、代码参考

> ## 一、效果演示 ##

![e569714b327c41c99ac6453c1b59fa7e.png][]

> ## 二、前言介绍 ##

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

本系统采用的数据库是Mysql，使用SpringBoot框架开发，运行环境使用Tomcat服务器，ECLIPSE  
是本系统的开发平台。在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。

> ## 三、主要技术 ##

<table> 
 <thead> 
  <tr> 
   <th>技术名</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Springboot</td> 
   <td>后端框架</td> 
  </tr> 
  <tr> 
   <td>Vue</td> 
   <td>前端框架</td> 
  </tr> 
  <tr> 
   <td>MySQL</td> 
   <td>数据库</td> 
  </tr> 
 </tbody> 
</table>

> ## 四、系统设计（部分） ##

### 4.1、主要功能模块设计 ###

![11fbb5c910a840f2b844cd6963974000.jpeg][]

### 4.2、系统登录设计 ###

![dd1c040598ed43919df80ab1be162ad1.jpeg][]

> ## 五、运行截图 ##

### 5.1、用户功能模块 ###

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

#### 5.1.1、个人信息 ####

![e569714b327c41c99ac6453c1b59fa7e.png][]

图5-1个人信息界面图

#### 5.1.2、缴费信息管理 ####

![5a6e15e8937d4316abcaf24812c0d7a7.png][]

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

#### 5.1.3、儿童体检管理 ####

![78135f20009d41a3a9bd61933b308ab9.png][]

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

### 5.2、管理员功能模块 ###

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

#### 5.2.1、管理员登录 ####

![8eadad18355741518e421366b64ff7d2.png][]

图5-4管理员登录页面

#### 5.2.2、用户管理 ####

![42ec0229be9c49e39f63a622bc353418.png][]

图5-5用户管理页面

#### 5.2.3、教师管理 ####

![c95ea250ff214e10b42d7a9297880139.png][]

图5-6教师管理界面图

#### 5.2.4、资源信息管理 ####

![89afa0c5666647ed8c12136b5a38fdaa.png][]

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

#### 5.2.5、原料信息管理 ####

![a582858eb6744d58887bd4f83a8e44c2.png][]

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

#### 5.2.6、菜谱信息管理 ####

![4a36312c5bd4417ca6a268f2547a4cb9.png][]

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

#### 5.2.7、班级信息管理 ####

![e669064329f043088cb9784a3f5d0178.png][]

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

### 5.3、教师功能模块 ###

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

![36bf10b948de42acbc1978ea0c304929.png][]

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

#### 5.3.1、缴费信息管理 ####

![e3ed53b9529e49558008d01be13ae162.png][]

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

#### 5.3.2、儿童体检管理 ####

![0f472dbd6a1742499f4b1c99056310bd.png][]

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

#### 5.3.3、资源信息管理 ####

![cac4d6f3001e4bacbeeee22d937c9da2.png][]

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

#### 5.3.4、原料信息管理 ####

![845afed657764dc68f59b8e189aa4ad5.png][]

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

> ## 六、数据库设计（部分） ##

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

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

![368a719cd8a04419ba46b2c38954ae0d.jpeg][]

图4-4 系统数据流程图

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

![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);
        	}
    
    
        
        
    
        }

[e569714b327c41c99ac6453c1b59fa7e.png]: https://img-blog.csdnimg.cn/e569714b327c41c99ac6453c1b59fa7e.png
[11fbb5c910a840f2b844cd6963974000.jpeg]: https://img-blog.csdnimg.cn/11fbb5c910a840f2b844cd6963974000.jpeg
[dd1c040598ed43919df80ab1be162ad1.jpeg]: https://img-blog.csdnimg.cn/dd1c040598ed43919df80ab1be162ad1.jpeg
[5a6e15e8937d4316abcaf24812c0d7a7.png]: https://img-blog.csdnimg.cn/5a6e15e8937d4316abcaf24812c0d7a7.png
[78135f20009d41a3a9bd61933b308ab9.png]: https://img-blog.csdnimg.cn/78135f20009d41a3a9bd61933b308ab9.png
[8eadad18355741518e421366b64ff7d2.png]: https://img-blog.csdnimg.cn/8eadad18355741518e421366b64ff7d2.png
[42ec0229be9c49e39f63a622bc353418.png]: https://img-blog.csdnimg.cn/42ec0229be9c49e39f63a622bc353418.png
[c95ea250ff214e10b42d7a9297880139.png]: https://img-blog.csdnimg.cn/c95ea250ff214e10b42d7a9297880139.png
[89afa0c5666647ed8c12136b5a38fdaa.png]: https://img-blog.csdnimg.cn/89afa0c5666647ed8c12136b5a38fdaa.png
[a582858eb6744d58887bd4f83a8e44c2.png]: https://img-blog.csdnimg.cn/a582858eb6744d58887bd4f83a8e44c2.png
[4a36312c5bd4417ca6a268f2547a4cb9.png]: https://img-blog.csdnimg.cn/4a36312c5bd4417ca6a268f2547a4cb9.png
[e669064329f043088cb9784a3f5d0178.png]: https://img-blog.csdnimg.cn/e669064329f043088cb9784a3f5d0178.png
[36bf10b948de42acbc1978ea0c304929.png]: https://img-blog.csdnimg.cn/36bf10b948de42acbc1978ea0c304929.png
[e3ed53b9529e49558008d01be13ae162.png]: https://img-blog.csdnimg.cn/e3ed53b9529e49558008d01be13ae162.png
[0f472dbd6a1742499f4b1c99056310bd.png]: https://img-blog.csdnimg.cn/0f472dbd6a1742499f4b1c99056310bd.png
[cac4d6f3001e4bacbeeee22d937c9da2.png]: https://img-blog.csdnimg.cn/cac4d6f3001e4bacbeeee22d937c9da2.png
[845afed657764dc68f59b8e189aa4ad5.png]: https://img-blog.csdnimg.cn/845afed657764dc68f59b8e189aa4ad5.png
[368a719cd8a04419ba46b2c38954ae0d.jpeg]: https://img-blog.csdnimg.cn/368a719cd8a04419ba46b2c38954ae0d.jpeg
[0bafb32871f4480ba38933d5d4e99818.jpeg]: https://img-blog.csdnimg.cn/0bafb32871f4480ba38933d5d4e99818.jpeg