基于移動(dòng)Web的學(xué)生請(qǐng)假系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

文/劉鵬

1 開發(fā)背景

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

步驟1：學(xué)生向班主任提出請(qǐng)假要求，班主任口頭同意。

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

步驟3：學(xué)生如離校則由門衛(wèi)查驗(yàn)假條并放行；學(xué)生返校時(shí)銷假。

這種傳統(tǒng)的請(qǐng)假管理方式不僅費(fèi)時(shí)費(fèi)力，更存在著非常嚴(yán)重的管理漏洞和安全隱患，引起師生各方面的諸多不滿。以下羅列傳統(tǒng)請(qǐng)假管理方式的常見問題：

1.1 撰寫、審核不便

學(xué)生需聯(lián)系班主任并撰寫假條后拿給班主任簽名、班主任不方便審核時(shí)需找其他老師代為處理。

1.2 紙質(zhì)假條易被篡改

學(xué)生經(jīng)常會(huì)冒充班主任、校醫(yī)或?qū)W生管理部門領(lǐng)導(dǎo)簽名；并可以修改假條上的離校時(shí)間和返校時(shí)間。

1.3 審核流程中斷

某些請(qǐng)長假的學(xué)生在獲得班主任簽名后并不會(huì)去找上級(jí)主管領(lǐng)導(dǎo)簽名就脫離課堂或離校，審核流程中斷。

1.4 加大班主任工作量

班主任耗費(fèi)大量精力去記錄本班請(qǐng)假情況，跟蹤學(xué)生狀態(tài)。

1.5 無法準(zhǔn)確詳盡獲取請(qǐng)假數(shù)據(jù)

學(xué)生管理部門難以獲取全校學(xué)生的請(qǐng)假數(shù)據(jù)、無法跟蹤假條的實(shí)時(shí)狀態(tài)；同時(shí)由于請(qǐng)假與班級(jí)得分和學(xué)生本人操行分掛鉤，難以獲取請(qǐng)假數(shù)據(jù)也意味著增大操行管理的難度。

1.6 紙質(zhì)假條浪費(fèi)資源

印制紙質(zhì)假條需耗費(fèi)大量紙張，與環(huán)保及無紙化辦公潮流相悖。

如上所述，當(dāng)今是信息技術(shù)高速發(fā)展的時(shí)代，如果還繼續(xù)使用這種落后的方式對(duì)學(xué)生的請(qǐng)假進(jìn)行管理已經(jīng)不符合學(xué)校發(fā)展的需要，開發(fā)貼合本校實(shí)際的請(qǐng)假程序用以取代傳統(tǒng)的請(qǐng)假管理方式勢(shì)在必行。

2 用戶需求

（1）學(xué)生可通過手機(jī)快速便捷地請(qǐng)假、查看假條審批狀態(tài)、銷假。

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

（3）學(xué)生管理部門可以快捷而準(zhǔn)確地獲取學(xué)生請(qǐng)假的人數(shù)、時(shí)間、實(shí)時(shí)狀態(tài)信息等數(shù)據(jù)。

（4）學(xué)生管理部門可以查看各種統(tǒng)計(jì)圖表并通過數(shù)據(jù)分析得出學(xué)生健康狀態(tài)、請(qǐng)假的規(guī)律、趨勢(shì)等信息。

（5）請(qǐng)假情況與學(xué)生操行分掛鉤；學(xué)生在請(qǐng)假流程中出現(xiàn)違規(guī)則扣減操行分。

3 系統(tǒng)設(shè)計(jì)

3.1 系統(tǒng)實(shí)現(xiàn)目標(biāo)

（1）設(shè)置班主任、學(xué)生管理科科長、校長、校醫(yī)、門衛(wèi)等審批者角色；

（2）在移動(dòng)端實(shí)現(xiàn)請(qǐng)假、審批、銷假流程；

（3）能實(shí)時(shí)顯示請(qǐng)假及審批狀態(tài)；

（4）能生成多種實(shí)時(shí)統(tǒng)計(jì)圖表；

（5）管理員模塊采用響應(yīng)式設(shè)計(jì)；可在手機(jī)端正常瀏覽管理員端頁面；

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

（7）系統(tǒng)運(yùn)行穩(wěn)定、安全可靠、可擴(kuò)展性強(qiáng)。

圖1

圖2

圖3

圖4

3.2 系統(tǒng)邏輯設(shè)計(jì)

根據(jù)本校實(shí)際情況，系統(tǒng)主要以圖1的請(qǐng)假審批流程為主線進(jìn)行程序邏輯設(shè)計(jì)。

3.3 系統(tǒng)功能模塊設(shè)計(jì)

系統(tǒng)基于移動(dòng)互聯(lián)網(wǎng)實(shí)現(xiàn)方案，主要由移動(dòng)端的用戶模塊和PC端的管理員模塊組成。如圖2所示。

3.4 用戶使用環(huán)境分析與技術(shù)選型

圖5：應(yīng)用首頁（手機(jī)端）

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

圖7：管理員端統(tǒng)計(jì)圖表頁面

圖8：男女生請(qǐng)假人次統(tǒng)計(jì)頁面（餅圖）

圖9：請(qǐng)假人次按教學(xué)周統(tǒng)計(jì)頁面（折線圖）

3.4.1 用戶使用環(huán)境分析

從現(xiàn)時(shí)的智能手機(jī)普及率看來，學(xué)生幾乎人手一臺(tái)智能手機(jī)。從網(wǎng)絡(luò)環(huán)境看來，隨著移動(dòng)4G和Wi-Fi網(wǎng)絡(luò)的全覆蓋，隨時(shí)隨地有可用的網(wǎng)絡(luò)連接。

3.4.2 開發(fā)技術(shù)選型

3.4.2.1 Web開發(fā)技術(shù)：PHP

從現(xiàn)時(shí)主流的Web開發(fā)技術(shù)看來，PHP具有穩(wěn)定、易用、開放和完備等優(yōu)點(diǎn)。同時(shí)，為了系統(tǒng)開發(fā)的便利、穩(wěn)定和可擴(kuò)展等目標(biāo)，本系統(tǒng)以PHP中最流行的Yii框架為基礎(chǔ)開發(fā)。它是一種標(biāo)準(zhǔn)的MVC框架，是一個(gè)基于組件、用于開發(fā)大型 Web 應(yīng)用的高性能 PHP 框架。Yii提供了Web 2.0應(yīng)用開發(fā)所需要的幾乎一切功能。是最有效率的PHP框架之一。

另外，系統(tǒng)需要制作大量的統(tǒng)計(jì)圖表；我使用了PHP的JpGraph ，JpGraph是開源的PHP統(tǒng)計(jì)圖表生成庫，基于PHP的GD2圖形庫構(gòu)建，把生成統(tǒng)計(jì)圖的相關(guān)操作封裝，隱藏了部分復(fù)雜的操作，使在PHP頁面上輸出統(tǒng)計(jì)圖表變得更加容易。

3.4.2.2 Web前端頁面技術(shù)：HTML5+Jquery Mobile+Boostrap+Ajax

HTML5是HTML最新的修訂版本，2014年10月由萬維網(wǎng)聯(lián)盟(W3C)完成標(biāo)準(zhǔn)制定。HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。

jQuery Mobile是jQuery框架的一個(gè)組件，在開發(fā)中主要作為移動(dòng)端（用戶模塊）的前端技術(shù)。

Bootstrap是目前最流行的前端框架。它在jQuery的基礎(chǔ)上進(jìn)行了更為個(gè)性化的完善，形成一套自己獨(dú)有的網(wǎng)站風(fēng)格。在開發(fā)中主要作為PC端（管理員模塊）的前端技術(shù)。

Ajax 是一種在無需重新加載整個(gè)網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。Ajax 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對(duì)網(wǎng)頁的某部分進(jìn)行更新。

3.4.2.3 數(shù)據(jù)交換技術(shù)：JSON

JSON(JavaScript Object Notation, JS 對(duì)象標(biāo)記) 是一種輕量級(jí)的數(shù)據(jù)交換格式。它基于ECMAScript (w3c制定的js規(guī)范)的一個(gè)子集，采用完全獨(dú)立于編程語言的文本格式來存儲(chǔ)和表示數(shù)據(jù)。簡潔和清晰的層次結(jié)構(gòu)使得 JSON成為理想的數(shù)據(jù)交換語言。 易于閱讀和編寫，同時(shí)也易于機(jī)器解析和生成，并有效地提升網(wǎng)絡(luò)傳輸效率。JSON在開發(fā)中用于移動(dòng)端和后臺(tái)及數(shù)據(jù)庫的數(shù)據(jù)通信。

3.4.2.4 數(shù)據(jù)庫和web服務(wù)器：MySQL+Apache

Apache+PHP+MySQL的組合，簡稱AMP，是Web開發(fā)的黃金組合，其優(yōu)勢(shì)毋庸贅述。

3.4.2.5 開發(fā)工具：HBuilder

HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。它不但提供了高效的開發(fā)環(huán)境，也可以用它來快速把項(xiàng)目打包為手機(jī)app。

3.5 系統(tǒng)架構(gòu)設(shè)計(jì)

本系統(tǒng)采用基于MVC的Yii框架進(jìn)行架構(gòu)，視圖層為用戶交互的層級(jí)。業(yè)務(wù)邏輯集中在服務(wù)器的PHP框架，手機(jī)等移動(dòng)設(shè)備作為用戶與系統(tǒng)的交互平臺(tái)。如圖3所示。

3.6 數(shù)據(jù)庫設(shè)計(jì)

E-R圖設(shè)計(jì)（省略實(shí)體的屬性），如圖4所示。

4 功能實(shí)現(xiàn)

系統(tǒng)主要功能頁面截圖（圖5-圖9）。

5 系統(tǒng)擴(kuò)展與補(bǔ)充說明

系統(tǒng)還可將功能擴(kuò)展得更完善；如考勤功能模塊；增加“任課教師”和“宿舍管理員”角色，將請(qǐng)假情況與宿舍考勤、課堂考勤聯(lián)動(dòng)，又如增加短信息發(fā)送模塊；當(dāng)學(xué)生請(qǐng)假、離校、返校時(shí)向?qū)W生家長手機(jī)發(fā)送信息。擴(kuò)展功能后可使學(xué)生管理工作更加細(xì)致、嚴(yán)謹(jǐn)。

本文著重于項(xiàng)目化設(shè)計(jì)的介紹，項(xiàng)目架構(gòu)一旦設(shè)計(jì)好，按照框架的類庫功能進(jìn)行實(shí)例化、生成不同的功能頁面。詳細(xì)的功能子模塊由于設(shè)計(jì)思路和功能實(shí)現(xiàn)比較簡單，在此就不再贅述。

6 結(jié)語

請(qǐng)假系統(tǒng)項(xiàng)目完成之后，學(xué)生可通過手機(jī)輕松快捷地請(qǐng)假；班主任和學(xué)生管理者輕點(diǎn)鼠標(biāo)或輕觸手機(jī)屏幕快速完成對(duì)學(xué)生請(qǐng)假進(jìn)行查看、審批，省去了人工假條的低效工作量，學(xué)生管理者對(duì)請(qǐng)假數(shù)據(jù)的掌控也十分便捷，本系統(tǒng)同時(shí)也為學(xué)生管理的其他的方面工作提供了極大的幫助和便利。

靈活運(yùn)用專業(yè)知識(shí)解決現(xiàn)實(shí)問題，尤其是與學(xué)校息息相關(guān)的問題是技工學(xué)校計(jì)算機(jī)專業(yè)教師的必備素質(zhì)。計(jì)算機(jī)專業(yè)教師不但應(yīng)在上課時(shí)將課本知識(shí)、思想及技術(shù)傳授給學(xué)生，更應(yīng)把思維從課堂轉(zhuǎn)移到學(xué)校發(fā)展的方方面面，積極地發(fā)現(xiàn)問題，主動(dòng)解決問題，提高學(xué)校的信息化發(fā)展水平。不斷創(chuàng)新、開拓、進(jìn)取，不斷地充實(shí)自己，既為國家培養(yǎng)更多更優(yōu)秀的技工人才也能為學(xué)校的發(fā)展壯大提供助力。

參考文獻(xiàn)

[1]楊旺功.Bootstrap Web設(shè)計(jì)與開發(fā)實(shí)戰(zhàn)[M].北京:清華大學(xué)出版社,2017(06).

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

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