【融職培訓】Web前端學習 第9章 教務管理系統開發2 UI圖展現

一,登陸頁

登陸頁有用戶名輸入框和密碼輸入框和登陸按鈕,當用戶輸入正確的用戶名和密碼時,會轉到到班級管理頁,當用戶輸錯用戶名和密碼時,會有對應的彈框。前端

二,班級管理頁

班級管理頁在上方有切換的按鈕菜單,上方有添加和退出登陸按鈕。學習

在點擊添加時,會有一個彈框彈出。url

在彈奏一下,輸入添加班級的名字,再點擊肯定便可完成班級的添加,這時候添加的班級就會在網頁上顯示出來。spa

在班級信息的後面有兩個操做按鈕,分別是「編輯」和「刪除」,當點擊編輯時,會出現一個彈框。.net

在輸入上方,輸入想要修改的名字,在點擊肯定,便可完成修改的班級名稱的效果。內存

當點擊刪除時,會有一個提醒彈框。get

點擊肯定便可完成刪除班級的效果,可是,若是班級內存在學生的時候,就會出現一個提示彈框。io

三,學生管理頁

學生管理頁在前端有切換的按鈕菜單,上方有添加和退出登陸按鈕。class

在點擊添加時,會有一個彈框彈出。登錄

在彈框中,填上學生的基本信息後,點擊肯定便可完成,添加學生的操做,這時候學生的信息,就會在網頁上渲染出來。

在學生信息的後面有兩個操做按鈕,分別是「編輯」和「刪除」,當點擊編輯時,會出現一個彈框。

在輸入上方,輸入想要修改的信息,在點擊肯定,便可完成修改的學生信息的效果。

當點擊刪除時,會有一個提醒彈框。

點擊肯定便可完成刪除。

四,帳號註冊頁

 

【融職教育】在工做中學習,在學習中工做

相關文章
相關標籤/搜索