【融职培训】Web前端学习 第9章 教务管理系统开发2 UI图展现

一,登陆页

登陆页有用户名输入框和密码输入框和登陆按钮,当用户输入正确的用户名和密码时,会转到到班级管理页,当用户输错用户名和密码时,会有对应的弹框。前端

二,班级管理页

班级管理页在上方有切换的按钮菜单,上方有添加和退出登陆按钮。学习

在点击添加时,会有一个弹框弹出。url

在弹奏一下,输入添加班级的名字,再点击肯定便可完成班级的添加,这时候添加的班级就会在网页上显示出来。spa

在班级信息的后面有两个操做按钮,分别是“编辑”和“删除”,当点击编辑时,会出现一个弹框。.net

在输入上方,输入想要修改的名字,在点击肯定,便可完成修改的班级名称的效果。内存

当点击删除时,会有一个提醒弹框。get

点击肯定便可完成删除班级的效果,可是,若是班级内存在学生的时候,就会出现一个提示弹框。io

三,学生管理页

学生管理页在前端有切换的按钮菜单,上方有添加和退出登陆按钮。class

在点击添加时,会有一个弹框弹出。登录

在弹框中,填上学生的基本信息后,点击肯定便可完成,添加学生的操做,这时候学生的信息,就会在网页上渲染出来。

在学生信息的后面有两个操做按钮,分别是“编辑”和“删除”,当点击编辑时,会出现一个弹框。

在输入上方,输入想要修改的信息,在点击肯定,便可完成修改的学生信息的效果。

当点击删除时,会有一个提醒弹框。

点击肯定便可完成删除。

四,帐号注册页

 

【融职教育】在工做中学习,在学习中工做

相关文章
相关标签/搜索