项目运行
环境配置:
Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。
项目技术:
ssm + mybatis + Maven +mysql5.7或8.0等等组成,B/S模式 + Maven管理等等。
环境需要
1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以。
2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;
3.tomcat环境:Tomcat 7.x,8.x,9.x版本均可
4.硬件环境:windows 7/8/10 4G内存以上;或者 Mac OS;
5.是否Maven项目: 否;查看源码目录中是否包含pom.xml;若包含,则为maven项目,否则为非maven项目
6.数据库:MySql 5.7/8.0等版本均可;
3.4.1程序流程图设计
在本系统,非本系统的用户要想进行“班级小管家”就要注册本系统,登录时需要填写相应的资料,如有使用者,则会显示使用者名称已经存在,请再次键入使用者名称的提示框,若使用者不存在,则填写密码、确认密码等资料,并由系统判定密码与确认密码相符,确认无误后,填写使用者所填写的资料,即可进行登记。而且,为了保证系统的安全,只有在登录了本系统以后,才能进行“班级小管家”微信小程序。该系统的工作流程见图3-1。
图3-1 程序流程图
3.4.2添加信息流程图设计
在添加信息的时候,会判断是哪类用户,并根据用户类型判断执行是否合法,合法者可以进行添加,不合法者则不能进行此操作[12]。管理员登录账号后可以对内容进行添加,拥有着最高的权限,其他用户权限次于管理员。添加信息流程图如图3-2所示:
图3-2系统添加流程图
3.4.3删除信息流程图设计
删除数据时与添加数据功能类似,删除数据具体流程如图3-3所示:
图3-3系统删除流程图
3.5.1 管理员用例图
“班级小管家”微信小程序的最大权限用户是管理员,通过管理员菜单中的系统首页,个人中心,学生管理,教师管理,班级管理,打卡任务管理,作业发布管理,活动接龙管理,教学资料管理,打卡考勤管理,作业提交管理,作业批改管理,报名接龙管理,表现评价管理,小红花排行榜管理,聊天论坛,系统管理等选项来对系统后台信息进行管理。管理员用例如图3-4所示。
图3-4管理员用例图
3.5.2 教师用例图
教师进入系统可以对系统首页,个人中心,学生管理,班级管理,打卡任务管理,作业发布管理,活动接龙管理,教学资料管理,打卡考勤管理,作业提交管理,作业批改管理,报名接龙管理,表现评价管理,小红花排行榜管理进行管理。教师用例如图3-5所示。
图3-5教师用例图
3.5.3 学生用例图
学生进入系统可以对打卡考勤,作业提交,作业批改,报名接龙,表现评价,小红花排行榜,我要发贴,我的发贴进行管理。学生用例如图3-6所示。
图3-6学生用例图
“班级小管家”微信小程序分三大部分,即管理员管理,教师管理和学生管理。系统按照学生的实际需求开发而来,贴近生活。从管理员出拿到分配好的账号密码可以进入系统,使用相关的系统应用,管理员权限最大,紧接的是教师和学生。管理员总体负责整体系统的运行维护,统筹协调。
系统整体模块设计:系统分为管理员,学生和教师三大用户角色,系统管理员有最大的权限,整体功能展示如图4-1所示。
图4-1 系统整体功能图
4.2.1 数据库系统概要设计
从设计到制作研发一个系统,需要用到的技术很多,对于开发程序语言、数据库和框架布局都有严格的要求[5]。该系统数据存放使用MySQL的数据库,该数据库轻便快速,日常使使用系统十分稳定,更容易维护运行[6]。
4.2.2 E-R模型结构设计
E-R图由实体与有关实体关联相结合构成的图,利用E-R图对清楚地表达出系统内的实体之间的关联。在系统中对一些主要的几个关键实体如下图。
(1) 报名接龙实体属性图如下图4-2所示。
图4-2报名接龙实体属性图
(2) 班级实体属性图如下图4-3所示。
图4-3班级实体属性图
(3) 公告栏实体属性图如下图4-4所示。
图4-4公告栏实体属性图
(4) 教学资料实体属性图如下图4-5所示。
图4-5教学资料实体属性图
(5) 教师实体属性图如下图4-6所示。
图4-6教师实体属性图
5.1.1登录界面的实现
首先双击打开小程序客户端系统,连上网络之后会显示出本系统的登录界面,这是进入小程序的初始页面“登录”,能成功进入到该登录界面则代表小程序的开启是成功的,接下来就可以操作本系统所带有的其他所有的功能。登录界面如图5-1所示。
图5-1 登录界面
5.1.2注册界面的实现
第一次使用本小程序的使用者,首先是要进行注册,点击“注册”,然后就会进入到注册的页面里面,将学生信息录入注册表,确认信息正确后,系统才会进入登录界面,学生登录成功后可使用本小程序所提供的所有功能。注册界面如图5-2所示。
图5-2 注册界面
5.1.3 小程序首页功能的实现
小程序首页是用户注册登录后进入的第一个界面,在这里,人们能够看到小程序的导航条,内容包括首页,作业发布,教学资料,聊天论坛,我的等。小程序首页界面如图5-3所示。
图5-3 小程序首页界面图
作业发布:在作业发布页面输入作业名称进行搜索,可以查看到作业发布详细信息,按照提示即可完成提交操作。作业发布详情如图5-4所示。
图5-4作业发布详情界面图
5.1.4学生功能
学生登录成功后,点击“我的”进入我的页面,在我的页面可以对打卡考勤,作业提交,作业批改,报名接龙,表现评价,小红花排行榜,我要发贴,我的发贴等进行详细操作。学生功能界面如图5-5所示。
图5-5学生功能界面图
5.1.5教师功能
教师登录成功后,点击“我的”进入我的页面,在我的页面可以对学生,班级,打卡任务,作业发布,活动接龙,教学资料,打卡考勤,作业提交,作业批改,报名接龙,表现评价,小红花排行榜,我要发贴,我的发贴等进行详细操作。教师功能界面如图5-6所示。
图5-6教师功能界面图
后台管理员登录,在登录页面选择需要登录的角色,在正确输入账号和密码后,进入操作系统进行操作,如图5-7所示。
图5-7管理员登录界面图
管理员登录进入小程序可以查看系统首页,个人中心,学生管理,教师管理,班级管理,打卡任务管理,作业发布管理,活动接龙管理,教学资料管理,打卡考勤管理,作业提交管理,作业批改管理,报名接龙管理,表现评价管理,小红花排行榜管理,聊天论坛,系统管理等功能进行详细操作,如图5-8所示。
图5-8管理员功能界面图
学生管理;在学生页面输入学生学号和学生姓名进行查询,新增或删除学生信息列表,并根据需要对学生详细信息进行查看详情,修改或删除操作;如图5-9所示。
图5-9学生管理界面图
教学资料管理;在教学资料页面输入标题进行查询,新增或删除教学资料列表,并根据需要对教学资料详细信息进行查看详情,修改或删除操作;如图5-10所示。
图5-10教学资料管理界面图
作业批改管理;在作业批改页面输入作业名称进行查询,新增或删除作业批改列表,并根据需要对作业批改详细信息进行查看详情,奖励,修改或删除操作;如图5-11所示。
图5-11作业批改管理界面图
系统管理;在公告栏页面输入标题进行查询,新增或删除公告栏列表,并根据需要对公告栏详细信息进行查看详情、修改或删除操作;还可以对轮播图管理进行详细操作;如图5-12所示。
图5-12系统管理界面图
教师登录进入小程序可以查看系统首页,个人中心,学生管理,班级管理,打卡任务管理,作业发布管理,活动接龙管理,教学资料管理,打卡考勤管理,作业提交管理,作业批改管理,报名接龙管理,表现评价管理,小红花排行榜管理等功能进行详细操作,如图5-13所示。
图5-13教师功能界面图
教学资料管理;在教学资料页面输入标题进行查询,新增或删除教学资料列表,并根据需要对教学资料详细信息进行查看详情,修改或删除操作;如图5-14所示。
图5-14教学资料管理界面图
作业批改管理;在作业批改页面输入作业名称进行查询或删除作业批改列表,并根据需要对作业批改详细信息进行查看详情,奖励,修改或删除操作;如图5-15所示。
图5-15作业批改管理界面图