第5章系统详细设计
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1Kw411H7XB/
三、运行截图：
3.1管理员功能模块
管理员登录，管理员通过输入用户名、密码等信息进行系统登录，如图3-1所示。
图3-1管理员登录界面图
管理员登录进入贝儿米幼儿教育管理系统可以查看；个人中心、用户管理、学生信息管理、班级信息管理、缴费信息管理、幼儿园信息管理、教师信息管理、
考勤信息管理、考勤申请管理、活动信息管理、就餐信息管理、管理员管理等功能，如图3-2所示。
图3-2管理员功能界面图
用户管理，在用户管理页面可以填写手机账号、家长姓名、性别、年龄、身份证号码、相片等内容，并可根据需要对用户管理进行查看、修改或删除等操作，如图3-3所示。
图3-3用户管理界面图
学生信息管理，在学生信息管理页面可以填写学号、学生姓名、性别、班级、手机账号、家长姓名、是否审核、审核回复等内容，并可根据需要对学生信息管理进行审核、缴费、查看等操作，如图3-4所示。
图3-4学生信息管理界面图
班级信息管理，在班级信息管理页面可以填写班级、教师姓名、性别、联系电话等进行查看、修改、删除等操作，如图3-5所示。
图3-5班级信息管理界面图
缴费信息管理，在缴费信息管理页面可以填写学号、学生姓名、性别、班级、手机账号、家长姓名、缴费项目、缴费金额、发布日期、是否支付等内容，并可根据需要对缴费信息管理进行查看，修改，删除等操作，如图3-6所示。
图3-6缴费信息管理界面图
就餐信息管理 ，在就餐信息管理页面可以填写信息编号、早餐菜式、早餐原材料、午餐菜式、午餐原材料、晚餐菜式、晚餐原材料、相关图片、发布日期等内容，并可根据需要对就餐信息管理进行查看、修改、删除等操作，如图3-7所示。
图3-7就餐信息管理界面图
3.2用户功能模块
用户登录进入贝儿米幼儿教育管理系统可以填写个人中心、学生信息管理、班级信息管理、缴费信息管理、幼儿园信息管理、教师信息管理、考勤信息管理、考勤申请管理、活动信息管理、就餐信息管理、我的收藏管理等内容，如图3-8所示。
图3-8用户功能界面图
学生信息管理，在学生信息管理页面通过填写学号、学生姓名、性别、班级、手机账号、家长姓名、是否审核、审核回复等内容并可根据需要对学生信息管理进行查看、修改、删除等操作，如图3-9所示。
图3-9学生信息管理界面图
考勤信息管理，在考勤信息管理页面可以填写考勤编号、考勤项目、考勤内容、考勤日期等内容，并可根据需要进行考勤、查看等操作，如图3-10所示。
图3-10考勤信息管理界面图
考勤申请管理，在考勤申请管理页面可以填写考勤编号、考勤项目、考勤内容、手机账号、家长姓名、考勤状态、是否审核、审核回复等内容，并可根据需要对考勤申请管理进行查看、修改、删除等操作，如图3-11所示。
图3-11考勤申请管理界面图
就餐信息管理，在就餐信息管理页面可以填写信息编号、早餐菜式、早餐原材料、午餐菜式、午餐原材料、晚餐菜式、晚餐原材料、相关图片、发布日期等内容，并可根据需要对就餐信息管理进行查看等操作，如图3-12所示。
图3-12就餐信息管理界面图
收藏表管理，在收藏表管理页面可以填写用户id、收藏id、表名、收藏名称、收藏图片等内容，并可根据需要对收藏表管理进行查看或删除等操作，如图3-13所示。
图3-13收藏表管理界面图
3.3前台首页功能模块
用户登录进入贝儿米幼儿教育管理系统可以查看首页、幼儿园信息、活动信息、就餐信息、我的、跳转到后台等内容，如图3-14所示。
图3-14前台首页功能界面图
用户注册，在用户注册页面填写手机账号、密码、家长姓名、年龄、身份证号码等信息进行注册，如图3-15所示。
图3-15用户注册界面图
用户登录，在登录页面通过填写账号、密码、类型等信息进行登录，如图3-16所示。
图3-16用户登录界面图
幼儿园信息，在幼儿园信息页面通过填写信息编号、简介、类型、招生人数、创办人、创建日期等信息进行点我收藏或立即提交等操作，如图3-17所示。
图3-17幼儿园信息界面图
活动信息，在活动信息页面可以填写活动编号、活动名称、活动内容、活动图片、活动地址、发布日期等内容进行点我收藏或立即提交等操作，如图3-18所示。
图3-18活动信息界面图
就餐信息，在就餐信息页面可以填写信息编号、早餐菜式、早餐原材料、午餐菜式、午餐原材料、晚餐菜式、晚餐原材料、相关图片、发布日期等内容进行点我收藏或立即提交等操作，如图3-19所示。
图3-19就餐信息界面图
个人中心，在个人中心页面可以填写手机账号、密码、家长姓名、性别、年龄、身份证号码、相片等信息，并可根据需要对个人中心进行上传图片、更新信息、退出登录等操作，如图3-20所示。
图3-20个人中心界面图