向蘭宣

摘要：瀘州職院普通話等級(jí)考試報(bào)名系統(tǒng)基于B/S架構(gòu)，采用PHP程序語(yǔ)言，前端開(kāi)發(fā)框架采集JQuery和Bootstrap，頁(yè)面生成采用Smarty框架，數(shù)據(jù)庫(kù)采用MySQL進(jìn)行設(shè)計(jì)。程序能按照?qǐng)?bào)名系統(tǒng)的業(yè)務(wù)流程自動(dòng)完成普通話報(bào)名，工作人員能從報(bào)名系統(tǒng)中導(dǎo)出考生信息上傳到四川省普通話考務(wù)管理系統(tǒng)。該報(bào)名系統(tǒng)大大提高了工作人員的工作效率，更好地服務(wù)于整體的數(shù)字化校園建設(shè)。

關(guān)鍵詞：普通話；Smarty；自動(dòng)；Bootstrap

中圖分類(lèi)號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）33-0091-03

Abstract：system of putonghua level test of luzhou vocational and technical college based on browse/server. Structure is under the framework including PHP， JQuery，Bootstrap，Smarty，using MySQL as the system database design. Procedures in accordance with the registration systems of business process auto-complete list of Mandarin， the staff can be exported from the system information on the candidates to the Putonghua examination management system of Sichuan province.The application greatly improves staff productivity， better serve the overall construction of digital campus.

Key words：putonghua； smarty； automatic； bootstrap

1 問(wèn)題的提出

在2000年10月31日第九屆全國(guó)人民代表大會(huì)常務(wù)委員會(huì)通過(guò)了中華人民共和國(guó)國(guó)家通用語(yǔ)言文字法，其中在第一章總則中的第三條規(guī)定國(guó)家推廣普通話，推行規(guī)范漢字。參加普通話測(cè)試的人員越來(lái)越多，特別是師范專(zhuān)業(yè)學(xué)生，普通話等級(jí)證書(shū)是獲得教師資格證必備條件之一。因而每次報(bào)名參加考試的人數(shù)大致2000多人。

目前負(fù)責(zé)的部門(mén)是教務(wù)處，現(xiàn)在采取的工作流程是這樣的，首先由教務(wù)處發(fā)布報(bào)名通知，然后由各個(gè)教學(xué)院系收集和匯總考試名單和考生照片，最后再由教務(wù)處匯總整個(gè)考試名單和照片，再統(tǒng)一上傳到四川省普通話考務(wù)管理系統(tǒng)。整個(gè)過(guò)程全是手動(dòng)操作，不僅工作效率不高，而且還有很多錯(cuò)誤產(chǎn)生，例如各個(gè)教學(xué)院系匯總考生信息時(shí)，身份證，姓名和性別錄入數(shù)據(jù)錯(cuò)誤，照片大小和命名錯(cuò)誤等。這就導(dǎo)致導(dǎo)入的考生信息不成功或有錯(cuò)誤，直接影響考生是不是能報(bào)名成功，獲得的證書(shū)是否正確。為了解決和避免錯(cuò)誤，并提高工作效率，急需一個(gè)報(bào)名系統(tǒng)來(lái)完成整個(gè)報(bào)名過(guò)程。

2 問(wèn)題的解決

為了制作報(bào)名系統(tǒng)來(lái)完成普通話報(bào)名，首先需要將整個(gè)報(bào)名過(guò)程完善。完善后的流程是考生用身份證號(hào)和學(xué)號(hào)登錄報(bào)名系統(tǒng)，考生的身份證號(hào)、學(xué)號(hào)、姓名、性別等基本信息直接從數(shù)據(jù)庫(kù)直接讀出，盡量減少學(xué)生填寫(xiě)的數(shù)據(jù)，這樣就避免錯(cuò)誤數(shù)據(jù)的產(chǎn)生。然后考生核對(duì)數(shù)據(jù)后上傳圖片，后臺(tái)直接利用身份證號(hào)為文件名命名保存，這樣就避免學(xué)生命名錯(cuò)誤的產(chǎn)生。最后在報(bào)名截止后，由教務(wù)處負(fù)責(zé)普通話的工用人員導(dǎo)出考生名單和照片，并將其導(dǎo)入四川省普通話考務(wù)管理系統(tǒng)，這樣基本上一次性就將所有考生成功上傳到四川省普通話考務(wù)管理系統(tǒng)。

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

數(shù)據(jù)庫(kù)的設(shè)計(jì)是報(bào)名系統(tǒng)總體設(shè)計(jì)過(guò)程非常重要的一環(huán)，它將直接影響報(bào)名系統(tǒng)的效率和性能，甚至影響報(bào)名系統(tǒng)是否能成功實(shí)現(xiàn)。因而在設(shè)計(jì)時(shí)，基本遵循數(shù)據(jù)庫(kù)第三范式規(guī)則，降低數(shù)據(jù)冗余。但根據(jù)實(shí)際業(yè)務(wù)的需求，考慮到系統(tǒng)的性能和業(yè)務(wù)邏輯，可接受一定范圍內(nèi)的數(shù)據(jù)冗余。

在設(shè)計(jì)數(shù)據(jù)庫(kù)是還要考慮到系統(tǒng)的擴(kuò)展，方便數(shù)據(jù)的共享和管理發(fā)，在對(duì)每個(gè)數(shù)據(jù)表進(jìn)行設(shè)計(jì)時(shí)，對(duì)數(shù)據(jù)類(lèi)的每個(gè)字段的命名方法遵循《教育信息化行業(yè)標(biāo)準(zhǔn)》。而在選用數(shù)據(jù)庫(kù)時(shí)，由于數(shù)據(jù)量相對(duì)不大，就采用的輕量級(jí)的開(kāi)源數(shù)據(jù)庫(kù)MySQL，并應(yīng)用數(shù)據(jù)庫(kù)連接池技術(shù)，從而保證報(bào)名系統(tǒng)的性能和數(shù)據(jù)的準(zhǔn)確性。

4 報(bào)名系統(tǒng)的設(shè)計(jì)

報(bào)名系統(tǒng)中最主要的就是登錄模塊和照片管理模塊，下面我們就以這兩個(gè)模塊重點(diǎn)介紹。

4.1 登錄模塊

由于瀘州職院普通話等級(jí)考試報(bào)名的對(duì)象必須是瀘州職院學(xué)生，因此參加考試報(bào)名的考生我們都可以從學(xué)院的信息系統(tǒng)中同步到所有基本信息，因此登錄時(shí)就用身份證號(hào)和學(xué)號(hào)兩個(gè)唯一的數(shù)據(jù)登錄。為了方便考生直接使用手機(jī)等移動(dòng)端登錄，在設(shè)計(jì)界面時(shí)設(shè)計(jì)的盡可能的簡(jiǎn)單，再利用前端框架Bootstrap完成的設(shè)計(jì)，讓一段代碼在不同的設(shè)備上呈現(xiàn)出不同的效果。在手機(jī)上訪問(wèn)看到的效果就如圖1 登錄界面所示：

4.2 上傳組件的選擇

考生照片的上傳是普通話報(bào)名系統(tǒng)中非常重要的一個(gè)模塊，也是難度最高的地方。因?yàn)榭忌掌粌H有大小、格式限制，還有對(duì)照片尺寸的限制。在選用上傳組件時(shí)，考慮到要在移動(dòng)端能使用報(bào)名系統(tǒng)，就不能選用只支持swf上傳組件，例如uploadify，它就只能在電腦上運(yùn)行，在手機(jī)上就不支持。因此在選用上傳組件是選擇了輕量級(jí)的JS組件Plupload。Plupload擁有多種上傳方式：HTML5、flash、silverlight以及傳統(tǒng)的。Plupload會(huì)自動(dòng)檢測(cè)當(dāng)前的環(huán)境，選擇最合適的上傳方式，并且會(huì)優(yōu)先使用HTML5的方式。所以完全不用程序員考慮當(dāng)前的瀏覽器支持哪些上傳方式，它會(huì)自動(dòng)為你選擇最合適的方式。而對(duì)大小的限制直接通過(guò)filters參數(shù)中的max_file_size來(lái)限制，尺寸通過(guò)resize參數(shù)來(lái)限制，當(dāng)照片不符合要求時(shí)，直接將其縮放到寬390，高576。其中核心代碼如下：

4.3 照片上傳模塊

上傳組件選擇好后，上傳照片后直接將圖片存到相應(yīng)路徑中，并在數(shù)據(jù)庫(kù)中將該考生照片上傳狀態(tài)更改為已上傳，考生登錄的時(shí)候就是根據(jù)此狀態(tài)來(lái)判斷進(jìn)入的是照片上傳還是照片編輯的界面。如圖2 圖片上傳模塊所示，就是考生第一次登錄系統(tǒng)，需要考生上傳照片，在手機(jī)中顯示的界面。

5 結(jié)束語(yǔ)

根據(jù)報(bào)名系統(tǒng)運(yùn)行結(jié)果可以看出，設(shè)計(jì)的系統(tǒng)能滿(mǎn)足普通話報(bào)名的需求，能完成普通話等級(jí)考試考務(wù)工作人員的工作。保證了考生數(shù)據(jù)的完整性和準(zhǔn)確性，也極大地提高了工作人員的工作效率。

參考文獻(xiàn)：

[1] Bootstrap 3中文文檔. Bootstrap的使用[EB/OL]. http：//v3.bootcss.com/css/.

[2] Luke Welling，Laura Thomsona. PHP and MySQL Web Developent[M]. 吳欣， 譯. 北京： 機(jī)械工業(yè)出版社， 2009： 180-195.

[3] 唐漢明. 深入淺出MySQL數(shù)據(jù)庫(kù)開(kāi)發(fā)優(yōu)化與管理維護(hù)[M]. 2版.北京： 人民郵電出版社， 2014： 150-165.

[4] Smarty 手冊(cè). Smarty的使用 [EB/OL].http：//www.smarty.net/docs/zh_CN/.