瀘州技師學院在線報名系統設計

向蘭宣

摘要：瀘州技師學院報名系統采用服務器瀏覽器模式，采用PHP+JQuery+Bootstrap+Smarty+MySQL架構。系統能按照瀘州技師學院報名要求進行網上報名。報名系統大大提高了工作人員的工作效率，更好地服務于考生。

關鍵詞：技師；JQuery；報名；Bootstrap

中圖分類號：TP311 文獻標識碼：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 問題的提出

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

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

2 問題的解決

為了保證考生信息數據的準確性，方便考生報名，同時也減少技師學院辦公室的工作量。對開發適合技師學院的在線報名系統的需求非常迫切。

瀘州技師學院考生報名與普通全日制高校報名不同，學制有三年制和四年制兩個學制。對不同學制的報名條件不同，具體招生專業及計劃數如圖1 招生專業及計劃數所示。

通過對招生專業及招生對象的分析，為了完成在線報名，重點就是將招生專業及條件轉換為計算機能識別的程序方式。然后對考生報名數據的審核和寫入數據庫。

3 功能結構分析

通過對在線報名系統的分析，主要的用戶就是考生，技師學院負責報名的工作人員。主要的功能有在線報名，報名數據編輯，用戶管理，權限管理等，詳細功能模塊圖如圖2 系統功能模塊所示。

4 在線報名系統的設計

在線報名系統中最主要的就是完成考生報名信息的填報和提交，下面我們就以這報名信息的填報和提交作為重點介紹。

4.1 考生在線報名

考生通過查看招生公告，知道報名的時間段以及報名的條件，然后在報名時間段內登錄公告中的報名地址，可看見報名系統的主頁面，如圖3 考生在線報名界面所示。

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

4.1.1 身份證號的驗證

4.1.2 聯系電話的驗證

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

5 結束語

開發完成后，成功的進行了在線網上報名系統的試運行，有效地保證了考生數據的完整性和準確性，方便的考生在不同地方進行報名，也極大地提高了工作人員的工作效率。

參考文獻：

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

[2] Luke Welling，Laura Thomsona. PHP and MySQL Web Developent[M]. 吳欣， 譯. 北京： 機械工業出版社， 2009： 110-115.

[3] 唐漢明. 深入淺出MySQL數據庫開發優化與管理維護[M]. 2版.北京： 人民郵電出版社， 2014： 95-100.

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