基于 SSH 的奖助学金管理信息系统

4.7UI 设计

演示地址

4.7.1 登录界面

图 4.14 登录页面

本项目有多个角色，包括学生、辅导员、二级分院管理员、校级管理员，不论是哪种角色，都使用同一个页面进行登录，然后根据服务器返回的信息判断，教师跳转到后台管理页面，学生跳转到学生申请的主页。（见图 4.14 登录页面）

4.7.2 后台管理页面主页

图 4.15 后台管理主页

所有的教师，无论是校级管理员、二级分院管理员或者是辅导员都使用同一个后台管理页面。然后根据角色的不同划分着不同的权限；不同的角色，左侧导航栏显示的内容不同，校级管理员可看到全部的信息，二级分院管理员只能看到对应分院下的信息，辅导员只能看到自己班级下的下的信息。（见图 4.15 后台管理主页）

 

图 4.16 基本信息管理页面

图 4.17 菜单设置页面

4.7.3 基本信息管理页面

基本信息包含 7 个页面，分别是学院管理页面、班级管理页面、专业管理页面、班级管理页面、奖项设置页面，角色设置页面、学生管理页面；其中学院管理页面、年级管理页面、奖项设置页面、角色设置页面，只有超级管理员才能看到，二级分院管理员和辅导员无法看到。专业管理页面、班级管理页面辅导员无法看到。辅导员只能看到学生管理页面。（见图 4.16 基本信息管理）

4.7.4 菜单管理页面

菜单管理页面是校级管理员用来管理菜单的页面，无特殊情况不能对其进行删除，若其中的某一项被删除则会丢失页面。不同权限的用户看到的菜单栏不同（见图 4.17 菜单设置页面）

菜单权限页面是校级管理员根据角色对角色的权限进行分配的页面，其中根据菜单名

称来对应相应的页面，若对某个角色给予开发某个页面，只需要点击授予权限的按钮即可。

若授予按钮为绿色则代表这个角色可以看到这个页面，若授予按钮为灰色，则这个角色不

能看到这个页面。（见图 4.18 菜单权限页面）

图 4.18 菜单权限页面

4.7.5 审批页面

所有可以登录后台管理页面的用户，包括辅导员、二级分院管理员、校级管理员都使用同一个审批页面，根据角色的不同，各用户所能看到的内容不同，例如辅导员只能看到自己班级下学生的申请信息。（见图 4.19 审批页面）

图 4.19 审批页面

4.7.6 设置管理员页面

设置管理员页面

设置管理员页面只能由校级管理员操作，校级管理员可以使用此页面添加其他的校级管理员账号，也可使用此页面添加二级分院管理员账号，所有新添加的用户都以 000000为初始密码。（见图 4.20 设置管理员页面）

4.7.7 发布公示页面

同审批页面一样，所有可以登录后台管理页面的用户，包括辅导员、二级分院管理员、校级管理员都使用同一个发布公示的页面，公示页面的富文本编辑器采用 Layui 前端框架的 layedit。需要发布公示的用户只需编辑公示标题、公示正文，然后上传需要公示的 Excel

即可发布公示。（见图 4.21 发布公示页面）

图 4.21 发布公示页面

4.7.8 学生申请页面

学生申请页面同后台管理的发布公示页面一样都使用 Layui 的 layedit 富文本编辑器，学生提交申请时需要保证选择申请奖项，填写了申请理由，上传了证明材料才能正式提交申请，缺少其中任何一项都无法提交申请。（见图 4.22 学生申请页面）

图 4.22 学生申请页面

4.7.9 学生查看公示信息页面

学生用户可在登录成功后查询到公示信息，包括所有历史的公示信息。（见图 4.23 公示页面）

图 4.23 公示页面