计算机毕业设计 453幼儿园管理系统vue 毕设

第5章系统实现

一、技术路线:

开发语言:Java

前端技术:JavaScript、VUE.js(2.X)、css3

数据库:MySQL 5.7

数据库管理工具:Navicat或sqlyog

开发工具:IDEA或Ecplise

二、项目介绍:

https://www.bilibili.com/video/BV1HC4y1c7Rx/

三、运行截图:


3.1登录界面设计

通过登录页面界面,通过登录页面进行输入用户名、密码、选择用户权限进行登录操作,如图3.1所示。

815e4c7acb79e7c2c0c6847e854b7049.jpeg

图3.1 系统首页界面

3.2管理员功能模块

管理员通过登录进入到系统操作界面,结合需求可以对个人中心、幼儿家长管理、教师管理、幼儿管理、班级信息管理、班级考勤管理、幼儿动态管理、作业管理、校园食谱管理、食谱类型管理、系统管理等功能模块,进行相对应操作。

幼儿家长管理:通过列表可以进行查看家长账号、家长姓名、性别、年龄、照片、家长手机等信息内容,进行查看详情、修改或删除操作,如图3.2所示。

37e3959a2483761fb25f0d1dff7ccbde.jpeg

图3-2幼儿家长界面图

教师管理:通过列表可以进行获取教师账号、教师姓名、年龄、职位、班级、性别、手机、照片、个人履历等信息内容,进行查看详情、修改、删除、如图3.3所示。

fa833f0807476dd0c75882f45d47c4c9.jpeg

图3-3教师管理界面图

幼儿管理:通过列表可以进行获取幼儿编号、幼儿姓名、班级、幼儿年龄、幼儿性别、幼儿照片、家长账号、家长姓名等信息内容,进行查看详情、修改、删除、如图3.4所示。

27c7bf3963027a5883ef9f47e375cab3.jpeg

图3-4幼儿管理界面图

班级信息管理:通过列表可以获取班级等信息,进行在线查看详情、查看评论、修改或删除操作,如图3-5所示。

79aedeccaf68332d6017d606bc2d947d.jpeg

图3-5班级信息界面图

班级考勤管理:通过列表可以进行获取幼儿编号、幼儿姓名、幼儿照片、家长账号、家长姓名、班级、教师工号、教师姓名、考勤时间、考勤情况等信息,进行在线查看详情、新增或修改操作,如图3.6所示。

dbea286f29a6ebdcfbac1553cfc4b65f.jpeg

图3-6班级考勤管理界面图

幼儿动态管理:通过列表可以进行获取幼儿编号、幼儿姓名、家长账号、家长姓名、班级、教师工号、教师姓名、标题、发布时间、动态照片等信息,进行在线查看详情、新增或修改操作,如图3.7所示。

411bd399d367f2f29a0e19cb97ce81be.jpeg

图3-7幼儿动态管理界面图

作业管理:通过列表可以进行幼儿编号、幼儿姓名、幼儿照片、家长账号、家长姓名、作业、创建时间、提交时间、教师工号、教师姓名等信息,进行在线查看详情或新增、修改、删除操作,如图3.8所示。

0726be86e04f4ce5e9724bd2fa5f203b.jpeg

图3-8作业管理界面图

校园食谱管理:通过列表可以进行标题、食谱名称、食谱类型、封面、创建时间、介绍视频等信息,进行在线查看详情、新增、或删除操作,如图3.9所示。

09c249fbe65f9a53860886c4cd1948be.jpeg

图3-9校园食谱管理界面图

3.4教师功能模块

教师通过登录进入到系统操作界面,结合需求可以对个人中心、幼儿园家长管理、幼儿管理、班级信息管理、班级考勤管理、幼儿动态管理、作业管理、校园食谱管理、食谱类型管理等功能模块,进行相对应操作。

个人信息:通过列表可以进行输入教师工号、性别、教师姓名、手机、邮箱、照片、个人履历等信息,进行在线修改操作,如图3.10所示。

312291d98a1b2887e070b619954341cc.jpeg

图3-10个人信息界面图

幼儿管理:通过列表可以进行获取幼儿编号、幼儿姓名、班级、幼儿年龄、幼儿性别、幼儿照片、家长账号、家长姓名等信息内容,进行查看详情、考勤登记、发布动态或发布作业操作。如图3.11所示。

152bda7fe912ca2f8f7146e79f034d5c.jpeg

图3-11幼儿管理界面图

班级信息管理:通过列表可以获取班级等信息,进行在线查看详情、删除操作,如图3-12所示。

b35cd48dc4ca80d2066ddb6c308fee15.jpeg

图3-12班级信息界面图

班级考勤管理:通过列表可以进行获取幼儿编号、幼儿姓名、幼儿照片、家长账号、家长姓名、班级、教师工号、教师姓名、考勤时间、考勤情况等信息,进行在线查看详情、新增或修改或删除操作,如图3.13所示。

881f362690bcf6706a0cf021f6190fa9.jpeg

图3-13班级考勤管理界面图

幼儿动态管理:通过列表可以进行获取幼儿编号、幼儿姓名、家长账号、家长姓名、班级、教师工号、教师姓名、标题、发布时间、动态照片等信息,进行在线查看详情、新增或修改、查看评论或删除操作,如图3.14所示。

f7caafa7a41e99775ac9d60e45b57316.jpeg

图3-14幼儿动态管理界面图

作业管理:通过列表可以进行幼儿编号、幼儿姓名、幼儿照片、家长账号、家长姓名、作业、创建时间、提交时间、教师工号、教师姓名等信息,进行在线查看详情或新增、修改、删除操作,如图3.15所示。

02a56857b66a683128460900286e7a75.jpeg

图3-15作业管理界面图

校园食谱管理:通过列表可以进行标题、食谱名称、食谱类型、封面、创建时间、介绍视频等信息,进行在线查看详情、新增、查看评论、修改或删除操作,如图3.16所示。

fe56c4d3996cfc2ea99c74fd025edbfc.jpeg

图3-16校园食谱管理界面图

3.5前台功能模块

用户进入幼儿园综合管理系统可以查看首页、幼儿、班级考勤、幼儿动态、作业、通知公告、个人中心、后台管理等操作,系统前台主界面如图3-17所示。

f8b36bd15583a9f944a85b7849dbda99.jpeg

图3-17 系统前台主界面

家长通过登录界面,进行在线填写用户名和密码,信息输入完成后选择提交,用户登录完成,如果用户没有自己的账号,需要在线注册成为网站会员,用户进入到注册界面,进行填写用户的基本信息内容,信息编辑完成后选择提交,如图3-18所示。

435c72e7b83d65934d2521cac53e2ea3.jpeg

图3-18 用户登录界面

菜谱详情:通过页面可以获取食谱名称、食谱类型、创建时间、点击次数、视频等信息,进行在线查看操作,如图3-19所示。

35ae8ee9a426b279a7c80f4a95c1b7e6.jpeg

图3-19食谱信息界面

幼儿:家长通过页面可以进行获取幼儿姓名、幼儿编号、班级、幼儿年龄、幼儿性别、家长账号、家长姓名等信息,进行查看幼儿信息操作,如图3-20所示。

91d74c37a4e885a388955c8c617f2aa6.jpeg

图3-20幼儿界面

3.3家长功能模块

教师通过登录进入到系统操作界面,结合需求可以对个人中心、幼儿管理、班级信息管理、班级考勤管理、幼儿动态管理、作业管理等功能模块,进行相对应操作。

幼儿管理:通过列表可以进行获取幼儿编号、幼儿姓名、班级、幼儿年龄、幼儿性别、幼儿照片、家长账号、家长姓名等信息内容,进行查看详情操作。如图3.21所示。

9e7a7a5a57c358af3effc0bf2270d25c.jpeg

图3-21幼儿管理界面图

班级考勤管理:通过列表可以进行获取幼儿编号、幼儿姓名、幼儿照片、家长账号、家长姓名、班级、教师工号、教师姓名、考勤时间、考勤情况等信息,进行在线查看详情操作,如图3.22所示。

b3e71faeb4acba6ff882cb8d87e211f9.jpeg

图3-22班级考勤管理界面图

幼儿动态管理:通过列表可以进行获取幼儿编号、幼儿姓名、家长账号、家长姓名、班级、教师工号、教师姓名、标题、发布时间、动态照片等信息,进行在线查看详情操作,如图3.23所示。

49708fc3356a0a1f00cc98fa5e6b6613.jpeg

图3-23幼儿动态管理界面图

作业管理:通过列表可以进行幼儿编号、幼儿姓名、幼儿照片、家长账号、家长姓名、作业、创建时间、提交时间、教师工号、教师姓名等信息,进行在线查看详情或下载作业操作,如图3.24所示。

ab29db8b76f3e70af28affe9d33154d8.jpeg

图3-24作业管理界面图

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值