向蘭宣

摘要：瀘州技師學(xué)院報(bào)名系統(tǒng)采用服務(wù)器瀏覽器模式，采用PHP+JQuery+Bootstrap+Smarty+MySQL架構(gòu)。系統(tǒng)能按照瀘州技師學(xué)院報(bào)名要求進(jìn)行網(wǎng)上報(bào)名。報(bào)名系統(tǒng)大大提高了工作人員的工作效率，更好地服務(wù)于考生。

關(guān)鍵詞：技師；JQuery；報(bào)名；Bootstrap

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2017）34-0078-03

Abstract： System of Luzhou Technician College Based on browse/server. Structure is under the framework including PHP， JQuery，Bootstrap，Smarty，MySQL. The system can follow the request of the Luzhou Technician College for online registration.Registration system greatly improve the efficiency of staff， better service to candidates.

Key words： technicians； jquery； registration； bootstrap

1 問題的提出

瀘州技師學(xué)院是經(jīng)四川省人民政府批準(zhǔn)設(shè)立的公辦全日制技師學(xué)院，與瀘州職業(yè)技術(shù)學(xué)院實(shí)行一校兩牌，依托瀘州職業(yè)技術(shù)學(xué)院雄厚的師資力量和先進(jìn)的實(shí)習(xí)實(shí)訓(xùn)設(shè)備，以技師和高級工教育為主體，集高等學(xué)歷教育、技工教育、職業(yè)技能鑒定為一體，致力于培養(yǎng)職業(yè)技能過硬的高級工和預(yù)備技師。

由于之前技師學(xué)院成立初，報(bào)名人員相多較小，報(bào)名方式為考生直接到學(xué)院辦公室進(jìn)行報(bào)名。這樣對考生非常不方便，且錄入的數(shù)據(jù)很容易出錯，同時(shí)也加大了技師學(xué)院辦公室工作量。

2 問題的解決

為了保證考生信息數(shù)據(jù)的準(zhǔn)確性，方便考生報(bào)名，同時(shí)也減少技師學(xué)院辦公室的工作量。對開發(fā)適合技師學(xué)院的在線報(bào)名系統(tǒng)的需求非常迫切。

瀘州技師學(xué)院考生報(bào)名與普通全日制高校報(bào)名不同，學(xué)制有三年制和四年制兩個學(xué)制。對不同學(xué)制的報(bào)名條件不同，具體招生專業(yè)及計(jì)劃數(shù)如圖1 招生專業(yè)及計(jì)劃數(shù)所示。

通過對招生專業(yè)及招生對象的分析，為了完成在線報(bào)名，重點(diǎn)就是將招生專業(yè)及條件轉(zhuǎn)換為計(jì)算機(jī)能識別的程序方式。然后對考生報(bào)名數(shù)據(jù)的審核和寫入數(shù)據(jù)庫。

3 功能結(jié)構(gòu)分析

通過對在線報(bào)名系統(tǒng)的分析，主要的用戶就是考生，技師學(xué)院負(fù)責(zé)報(bào)名的工作人員。主要的功能有在線報(bào)名，報(bào)名數(shù)據(jù)編輯，用戶管理，權(quán)限管理等，詳細(xì)功能模塊圖如圖2 系統(tǒng)功能模塊所示。

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

在線報(bào)名系統(tǒng)中最主要的就是完成考生報(bào)名信息的填報(bào)和提交，下面我們就以這報(bào)名信息的填報(bào)和提交作為重點(diǎn)介紹。

4.1 考生在線報(bào)名

考生通過查看招生公告，知道報(bào)名的時(shí)間段以及報(bào)名的條件，然后在報(bào)名時(shí)間段內(nèi)登錄公告中的報(bào)名地址，可看見報(bào)名系統(tǒng)的主頁面，如圖3 考生在線報(bào)名界面所示。

界面的樣式采用BootStrap來完成，使用時(shí)直接引入相應(yīng)的CSS集和JS集就可以。而在具體錄入考生信息時(shí)，身份證號，考生手機(jī)號，QQ號等字段在輸入時(shí)要進(jìn)行前端驗(yàn)證，讓非法的信息無法錄入，避免惡意用戶登錄胡亂注冊報(bào)名。在驗(yàn)證這些字段時(shí)，我們利用正則表達(dá)式和JS來完成。

4.1.1 身份證號的驗(yàn)證

4.1.2 聯(lián)系電話的驗(yàn)證

聯(lián)系電話的驗(yàn)證主要通過正則表達(dá)式完成，正則表達(dá)式是對字符串（包括普通字符（例如，a 到 z 之間的字母）和特殊字符（稱為“元字符”））操作的一種邏輯公式，就是用事先定義好的一些特定字符、及這些特定字符的組合，組成一個“規(guī)則字符串”，這個“規(guī)則字符串”用來表達(dá)對字符串的一種過濾邏輯。正則表達(dá)式是一種文本模式，模式描述在搜索文本時(shí)要匹配的一個或多個字符串。這樣就可以通過簡單的一句命令來完成。其核心代碼如下：

5 結(jié)束語

開發(fā)完成后，成功的進(jìn)行了在線網(wǎng)上報(bào)名系統(tǒng)的試運(yùn)行，有效地保證了考生數(shù)據(jù)的完整性和準(zhǔn)確性，方便的考生在不同地方進(jìn)行報(bào)名，也極大地提高了工作人員的工作效率。

參考文獻(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： 110-115.

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

[4] 百度百科. 正則表達(dá)式[EB/OL]. http：//baike.baidu.com/.