基于移動Web的學生請假系統的設計與實現

文/劉鵬

1 開發背景

在高職院校和技工學校中，學生請假管理一直是個老大難問題，以本人任職的學校為例，我校是廣東省省屬的高級技工學校，采用封閉式管理的方式，本系統開發前我校在學生的請假管理方式上依然沿用傳統的方式，以紙質請假條為載體，這種方式操作起來需要大致以下3個步驟：

步驟1：學生向班主任提出請假要求，班主任口頭同意。

步驟2：學生填寫假條，班主任簽名，假條生效。如果學生請假超過1天，需學生管理部門審核；超過3天，需主管學生管理的副校長審核。

步驟3：學生如離校則由門衛查驗假條并放行；學生返校時銷假。

這種傳統的請假管理方式不僅費時費力，更存在著非常嚴重的管理漏洞和安全隱患，引起師生各方面的諸多不滿。以下羅列傳統請假管理方式的常見問題：

1.1 撰寫、審核不便

學生需聯系班主任并撰寫假條后拿給班主任簽名、班主任不方便審核時需找其他老師代為處理。

1.2 紙質假條易被篡改

學生經常會冒充班主任、校醫或學生管理部門領導簽名；并可以修改假條上的離校時間和返校時間。

1.3 審核流程中斷

某些請長假的學生在獲得班主任簽名后并不會去找上級主管領導簽名就脫離課堂或離校，審核流程中斷。

1.4 加大班主任工作量

班主任耗費大量精力去記錄本班請假情況，跟蹤學生狀態。

1.5 無法準確詳盡獲取請假數據

學生管理部門難以獲取全校學生的請假數據、無法跟蹤假條的實時狀態；同時由于請假與班級得分和學生本人操行分掛鉤，難以獲取請假數據也意味著增大操行管理的難度。

1.6 紙質假條浪費資源

印制紙質假條需耗費大量紙張，與環保及無紙化辦公潮流相悖。

如上所述，當今是信息技術高速發展的時代，如果還繼續使用這種落后的方式對學生的請假進行管理已經不符合學校發展的需要，開發貼合本校實際的請假程序用以取代傳統的請假管理方式勢在必行。

2 用戶需求

（1）學生可通過手機快速便捷地請假、查看假條審批狀態、銷假。

（2）班主任和學生管理者通過手機查看并審批假條。

（3）學生管理部門可以快捷而準確地獲取學生請假的人數、時間、實時狀態信息等數據。

（4）學生管理部門可以查看各種統計圖表并通過數據分析得出學生健康狀態、請假的規律、趨勢等信息。

（5）請假情況與學生操行分掛鉤；學生在請假流程中出現違規則扣減操行分。

3 系統設計

3.1 系統實現目標

（1）設置班主任、學生管理科科長、校長、校醫、門衛等審批者角色；

（2）在移動端實現請假、審批、銷假流程；

（3）能實時顯示請假及審批狀態；

（4）能生成多種實時統計圖表；

（5）管理員模塊采用響應式設計；可在手機端正常瀏覽管理員端頁面；

（6）用戶操作簡單方便、界面友好、簡潔、美觀；

（7）系統運行穩定、安全可靠、可擴展性強。

圖1

圖2

圖3

圖4

3.2 系統邏輯設計

根據本校實際情況，系統主要以圖1的請假審批流程為主線進行程序邏輯設計。

3.3 系統功能模塊設計

系統基于移動互聯網實現方案，主要由移動端的用戶模塊和PC端的管理員模塊組成。如圖2所示。

3.4 用戶使用環境分析與技術選型

圖5：應用首頁（手機端）

圖6：班主任處理假條頁面（手機端）

圖7：管理員端統計圖表頁面

圖8：男女生請假人次統計頁面（餅圖）

圖9：請假人次按教學周統計頁面（折線圖）

3.4.1 用戶使用環境分析

從現時的智能手機普及率看來，學生幾乎人手一臺智能手機。從網絡環境看來，隨著移動4G和Wi-Fi網絡的全覆蓋，隨時隨地有可用的網絡連接。

3.4.2 開發技術選型

3.4.2.1 Web開發技術：PHP

從現時主流的Web開發技術看來，PHP具有穩定、易用、開放和完備等優點。同時，為了系統開發的便利、穩定和可擴展等目標，本系統以PHP中最流行的Yii框架為基礎開發。它是一種標準的MVC框架，是一個基于組件、用于開發大型 Web 應用的高性能 PHP 框架。Yii提供了Web 2.0應用開發所需要的幾乎一切功能。是最有效率的PHP框架之一。

另外，系統需要制作大量的統計圖表；我使用了PHP的JpGraph ，JpGraph是開源的PHP統計圖表生成庫，基于PHP的GD2圖形庫構建，把生成統計圖的相關操作封裝，隱藏了部分復雜的操作，使在PHP頁面上輸出統計圖表變得更加容易。

3.4.2.2 Web前端頁面技術：HTML5+Jquery Mobile+Boostrap+Ajax

HTML5是HTML最新的修訂版本，2014年10月由萬維網聯盟(W3C)完成標準制定。HTML5的設計目的是為了在移動設備上支持多媒體。

jQuery Mobile是jQuery框架的一個組件，在開發中主要作為移動端（用戶模塊）的前端技術。

Bootstrap是目前最流行的前端框架。它在jQuery的基礎上進行了更為個性化的完善，形成一套自己獨有的網站風格。在開發中主要作為PC端（管理員模塊）的前端技術。

Ajax 是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。Ajax 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

3.4.2.3 數據交換技術：JSON

JSON(JavaScript Object Notation, JS 對象標記) 是一種輕量級的數據交換格式。它基于ECMAScript (w3c制定的js規范)的一個子集，采用完全獨立于編程語言的文本格式來存儲和表示數據。簡潔和清晰的層次結構使得 JSON成為理想的數據交換語言。 易于閱讀和編寫，同時也易于機器解析和生成，并有效地提升網絡傳輸效率。JSON在開發中用于移動端和后臺及數據庫的數據通信。

3.4.2.4 數據庫和web服務器：MySQL+Apache

Apache+PHP+MySQL的組合，簡稱AMP，是Web開發的黃金組合，其優勢毋庸贅述。

3.4.2.5 開發工具：HBuilder

HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。它不但提供了高效的開發環境，也可以用它來快速把項目打包為手機app。

3.5 系統架構設計

本系統采用基于MVC的Yii框架進行架構，視圖層為用戶交互的層級。業務邏輯集中在服務器的PHP框架，手機等移動設備作為用戶與系統的交互平臺。如圖3所示。

3.6 數據庫設計

E-R圖設計（省略實體的屬性），如圖4所示。

4 功能實現

系統主要功能頁面截圖（圖5-圖9）。

5 系統擴展與補充說明

系統還可將功能擴展得更完善；如考勤功能模塊；增加“任課教師”和“宿舍管理員”角色，將請假情況與宿舍考勤、課堂考勤聯動，又如增加短信息發送模塊；當學生請假、離校、返校時向學生家長手機發送信息。擴展功能后可使學生管理工作更加細致、嚴謹。

本文著重于項目化設計的介紹，項目架構一旦設計好，按照框架的類庫功能進行實例化、生成不同的功能頁面。詳細的功能子模塊由于設計思路和功能實現比較簡單，在此就不再贅述。

6 結語

請假系統項目完成之后，學生可通過手機輕松快捷地請假；班主任和學生管理者輕點鼠標或輕觸手機屏幕快速完成對學生請假進行查看、審批，省去了人工假條的低效工作量，學生管理者對請假數據的掌控也十分便捷，本系統同時也為學生管理的其他的方面工作提供了極大的幫助和便利。

靈活運用專業知識解決現實問題，尤其是與學校息息相關的問題是技工學校計算機專業教師的必備素質。計算機專業教師不但應在上課時將課本知識、思想及技術傳授給學生，更應把思維從課堂轉移到學校發展的方方面面，積極地發現問題，主動解決問題，提高學校的信息化發展水平。不斷創新、開拓、進取，不斷地充實自己，既為國家培養更多更優秀的技工人才也能為學校的發展壯大提供助力。

參考文獻

[1]楊旺功.Bootstrap Web設計與開發實戰[M].北京:清華大學出版社,2017(06).

[2]列旭松,陳文.PHP核心技術與最佳實踐[M].北京:機械工業出版社,2012(11).

[3]劉增杰.MySQL從入門到精通[M].北京:清華大學出版社,2017(08).