大學(xué)新生報(bào)道系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

1引言1.1課題研究背景與意義我校每年都要迎接許多新生。新生入學(xué)時(shí)我校需要辦理大量繁瑣的新生報(bào)到手續(xù)，而我校沒有相關(guān)的軟件來(lái)辦理這種事務(wù)。在21世紀(jì)是信息的時(shí)代，對(duì)于入學(xué)新生比較多的大學(xué)，往往需要學(xué)校投入大量的人力物力。據(jù)調(diào)查顯示，現(xiàn)在好多高校新生入學(xué)一般是采用人工填寫登記表，由新生前來(lái)面對(duì)面現(xiàn)金交易的方式，耗費(fèi)時(shí)間和精力，且因?yàn)槿藶橐蛩卮嬖?，統(tǒng)計(jì)的數(shù)據(jù)容易出現(xiàn)誤差。和相關(guān)辦理相應(yīng)手續(xù)的同學(xué)和老師的交流中，了解到他們對(duì)新生報(bào)到工作的親身體會(huì)和對(duì)報(bào)道步驟的分析調(diào)查，大家都建議應(yīng)該開發(fā)一個(gè)管理新生報(bào)到的系統(tǒng)。在當(dāng)今信息時(shí)代，面對(duì)越來(lái)越多的新生信息，傳統(tǒng)的手工填表的方法已經(jīng)遠(yuǎn)遠(yuǎn)不夠了，也無(wú)法高效率地將新生信息的重要部分提取出來(lái)以將其做準(zhǔn)確的處理，比如新生繳費(fèi)有的是全額繳費(fèi)；有的是國(guó)家生源地貸款，還要出示證明；有的是學(xué)費(fèi)未繳全的，有的新生并未來(lái)報(bào)到等等，這些信息全靠人力，只能依據(jù)表格填數(shù)據(jù)。在浪費(fèi)大量人力、物力的同時(shí)無(wú)法做到實(shí)時(shí)監(jiān)控,難以保證數(shù)據(jù)的準(zhǔn)確性和有效性。因此，在信息時(shí)代，就要發(fā)揮信息時(shí)代的作用，開發(fā)新生報(bào)到管理系統(tǒng)，也是一種管理界的新思想，需要我們努力實(shí)現(xiàn)。借助現(xiàn)代信息技術(shù)和管理理論，建立現(xiàn)代管理信息系統(tǒng)是當(dāng)今社會(huì)的重要趨勢(shì)。當(dāng)代大學(xué)在新生報(bào)到這個(gè)管理界更需要借助現(xiàn)有信息技術(shù)理論，以減少人工操作為目的，以有序高效管理新生，為新生順利入學(xué)報(bào)到為重中之重，利用現(xiàn)代信息技術(shù)開發(fā)一款管理平臺(tái)是現(xiàn)代大學(xué)的重要事項(xiàng)。隨著科學(xué)技術(shù)的不斷提高,計(jì)算機(jī)科學(xué)與技術(shù)愈加成熟。人們已經(jīng)深刻地認(rèn)識(shí)到計(jì)算機(jī)技術(shù)為人類生活帶來(lái)的好處，其功能和效率無(wú)可替代，其應(yīng)用領(lǐng)域也越來(lái)越寬廣。從工業(yè)、農(nóng)業(yè)、商業(yè)、軍事、銀行到各類學(xué)校，從國(guó)家政府機(jī)關(guān)到每個(gè)家庭的日常生活，計(jì)算機(jī)幾乎無(wú)處不在，新生報(bào)到系統(tǒng)作為計(jì)算機(jī)技術(shù)的一部分，也應(yīng)該用現(xiàn)代信息技術(shù)開發(fā)一款高效率的新生報(bào)到管理平臺(tái)，后臺(tái)可以建立一個(gè)新生報(bào)到的數(shù)據(jù)信息管理庫(kù)，可以實(shí)現(xiàn)快速錄入，查找，增加，刪除信息的操作，用身份驗(yàn)證登錄保證系統(tǒng)安全性，這樣，可以提高工作效率，為學(xué)校對(duì)新生進(jìn)行管理決策和監(jiān)控提供一個(gè)很好的管理平臺(tái)。后臺(tái)數(shù)據(jù)庫(kù)可以實(shí)現(xiàn)對(duì)已報(bào)名但又不來(lái)報(bào)到的學(xué)生信息進(jìn)行分析處理，為學(xué)生報(bào)到提供了很好的條件。1.2系統(tǒng)的可行性研究該系統(tǒng)解決了我校新生報(bào)到信息填寫，保存，提交等一系列操作，減少了人力，面對(duì)龐大的信息量，研究開發(fā)該系統(tǒng)，做到了信息的規(guī)范管理、科學(xué)統(tǒng)計(jì)和快速地查詢，從而減少了管理方面的工作量。在新生入校前，我校就已經(jīng)將已辦理好通過銀行繳費(fèi)的新生分配給相應(yīng)的寢室。新生入校時(shí)，要交入學(xué)通知書、高中的檔案、組織關(guān)系檔案和學(xué)費(fèi)，分別記錄下來(lái)，報(bào)到結(jié)束后生成相應(yīng)的情況表。我校將這些數(shù)據(jù)存進(jìn)數(shù)據(jù)庫(kù)做相應(yīng)處理，再在系統(tǒng)中通過新生報(bào)到錄入信息對(duì)其進(jìn)行管理。該系統(tǒng)具有可行性，安全性，可維護(hù)性，可用性。2系統(tǒng)的基本功能和實(shí)現(xiàn)方式2.1系統(tǒng)的基本功能描述該新生報(bào)到系統(tǒng)是一個(gè)基于web前端技術(shù)的系統(tǒng)，后臺(tái)數(shù)據(jù)暫時(shí)用json數(shù)據(jù)做了模擬，只要有后臺(tái)接口，則可以實(shí)現(xiàn)一個(gè)完整的新生報(bào)到系統(tǒng)。該系統(tǒng)有數(shù)字迎新報(bào)到系統(tǒng)，迎新公告，迎新須知，師院簡(jiǎn)介，資助政策，友情鏈接等功能模塊，新生需先進(jìn)入數(shù)字迎新系統(tǒng)完成報(bào)到，再瀏覽其他模塊提供的信息。2.1.1系統(tǒng)的基本功能模塊(1)數(shù)字迎新系統(tǒng)：包括新生管理系統(tǒng)和教師管理系統(tǒng)；新生管理系統(tǒng)包括：登錄填報(bào)個(gè)人信息，瀏覽個(gè)人信息，繳費(fèi)，保存提交；教師管理系統(tǒng)包括：登錄，瀏覽學(xué)生填報(bào)信息，修改信息，審核信息，保存提交到后臺(tái)管理；財(cái)務(wù)管理系統(tǒng)：登錄，瀏覽繳費(fèi)信息；(2)迎新須知包括：報(bào)到事項(xiàng)，繳費(fèi)事項(xiàng)，軍訓(xùn)事項(xiàng)，日常生活，學(xué)習(xí)問題，交通簡(jiǎn)介；(3)迎新公告包括：本年度新生入學(xué)須知，本年度學(xué)院招生簡(jiǎn)章，本年度學(xué)院招生章程，本年度新生接待的友情提示，新生繳費(fèi)系統(tǒng)的相關(guān)提示，本年度新生軍訓(xùn)須知，往屆畢業(yè)生就業(yè)情況；(4)資助政策包括：獎(jiǎng)助學(xué)金，助學(xué)貸款，勤工助學(xué)，醫(yī)療保險(xiǎn)；(5)學(xué)校簡(jiǎn)介包括：走進(jìn)衡師，學(xué)仰衡師，歡樂衡師，學(xué)仰衡師；(6)常用鏈接包括：學(xué)生教務(wù)處，師院官網(wǎng)，學(xué)生工作處等等。2.2系統(tǒng)的實(shí)現(xiàn)方式本系統(tǒng)是基于web前端技術(shù)的管理系統(tǒng)，它的實(shí)現(xiàn)是以將webstorm2016作為開發(fā)平臺(tái)，以html+css+javaScript為核心，以html5為開發(fā)語(yǔ)言，以json數(shù)據(jù)模擬后臺(tái)數(shù)據(jù)，使用ajax調(diào)取服務(wù)，模擬了整個(gè)報(bào)道流程。本系統(tǒng)就差后臺(tái)接口，若接入后臺(tái)數(shù)據(jù)接口，則系統(tǒng)功能完整且有可行性。2.3系統(tǒng)的主要工作通過調(diào)查，本系統(tǒng)需要有以下功能：(1)本系統(tǒng)使用人數(shù)較多，要求有很好的權(quán)限管理，給不同用戶分配不同的管理權(quán)限；(2)本系統(tǒng)需要按照一定的報(bào)到流程按一定的操作步驟開發(fā)每一個(gè)功能；(3)系統(tǒng)分學(xué)生管理、老師管理和財(cái)務(wù)管理。基于以上系統(tǒng)分析，制定相應(yīng)的系統(tǒng)設(shè)計(jì)方案，進(jìn)而成功的完成整個(gè)系統(tǒng)的開發(fā)，并跟據(jù)系統(tǒng)設(shè)計(jì)和開發(fā)完成高質(zhì)量的論文。2.4系統(tǒng)的開發(fā)目標(biāo)本系統(tǒng)主要在以上所述的基礎(chǔ)之上開發(fā)系統(tǒng)，目的是為了實(shí)現(xiàn)新生數(shù)字報(bào)道，教師管理，新生信息瀏覽的功能，減少人工勞動(dòng)力。2.5本章小結(jié)本章通過對(duì)系統(tǒng)研究的背景意義做了詳細(xì)的解說(shuō)，對(duì)整個(gè)系統(tǒng)的各大功能模塊做了概括，研究系統(tǒng)的實(shí)現(xiàn)方式，系統(tǒng)的主要工作和開發(fā)目標(biāo)，研究了系統(tǒng)開發(fā)的作用及意義，最后對(duì)系統(tǒng)研究做了概要介紹。3系統(tǒng)的開發(fā)計(jì)劃3.1系統(tǒng)的開發(fā)要求本系統(tǒng)的開發(fā)要求是必須清楚系統(tǒng)的使用對(duì)象和系統(tǒng)符合國(guó)家規(guī)定的原則。本系統(tǒng)的使用對(duì)象是大一新生，老師，財(cái)務(wù)部門的工作人員，明確之后對(duì)系統(tǒng)進(jìn)行可行性研究，該系統(tǒng)要有一定的實(shí)用性和經(jīng)濟(jì)性，使每個(gè)用戶都能方便順利快速的完成任務(wù)和工作，達(dá)到此要求，就可以按照計(jì)劃和需求進(jìn)行有目的的開發(fā)，使系統(tǒng)開發(fā)更加快速方便。3.2系統(tǒng)開發(fā)計(jì)劃研究定義在開發(fā)系統(tǒng)之前，結(jié)合我校新生報(bào)到的流程和我?，F(xiàn)有的實(shí)際條件即我校新生報(bào)到都是面對(duì)面現(xiàn)金交易和刷卡的方式，耗費(fèi)時(shí)間和精力，且因?yàn)槿藶橐蛩卮嬖冢y(tǒng)計(jì)的數(shù)據(jù)容易出現(xiàn)誤差，根據(jù)此實(shí)際條件，研究開發(fā)一個(gè)方便快捷的新生報(bào)到系統(tǒng)。遵循系統(tǒng)開發(fā)的原則，對(duì)系統(tǒng)的可行性、實(shí)用性和經(jīng)濟(jì)性開發(fā)一款高效率的新生報(bào)到系統(tǒng)。3.3系統(tǒng)所遵循的原則(1)實(shí)用性原則：本系統(tǒng)面向的用戶是新生和教師，為了考慮到用戶的使用便捷性，本系統(tǒng)必須通過用戶運(yùn)行才可以對(duì)此進(jìn)行評(píng)價(jià)，所以該系統(tǒng)必須注意到每一個(gè)細(xì)節(jié)，遵循一個(gè)原則，一切為了用戶考慮，為用戶服務(wù)。(2)穩(wěn)定性原則：本系統(tǒng)要求在一定時(shí)間內(nèi)具有相對(duì)的穩(wěn)定性。可以方便用戶管理。(3)經(jīng)濟(jì)性原則：本系統(tǒng)開發(fā)成本不是很高，省了一大部分人力資源，而且按本設(shè)計(jì)文檔的計(jì)劃進(jìn)行開發(fā)，不僅省了一部分成本，而且在管理方面具有一定的實(shí)用性。3.4系統(tǒng)的技術(shù)可行性分析目前，我校在新生報(bào)到時(shí)采用大量的人力來(lái)迎接新生，采用人工填表的方式，辦事效率有待提高，增加了經(jīng)濟(jì)損失和工作量。鑒于此狀況，開發(fā)一款基于web前端技術(shù)的管理平臺(tái)，此系統(tǒng)利用WebStor$(".miam_yz").css({"display"：""})setCookie("yhm",sj_h,0)document.cookie="yhm="+sj_h;localStorage.setItem('name',sj_h)//將數(shù)據(jù)存入localStorage中//跳轉(zhuǎn)流程頁(yè)window.location.href="liucheng.html";//登錄成功后進(jìn)入數(shù)字迎新系統(tǒng)}else{$(".miam_yz").css({"display"："block"})}}//}}});})})5.1.3進(jìn)入辦理流程后的辦理邏輯實(shí)現(xiàn)登錄系統(tǒng)之后要求學(xué)生填寫個(gè)人信息，包括姓名，性別，年齡，身份證號(hào)等，還要學(xué)生勾選要繳費(fèi)的選項(xiàng)，其選項(xiàng)必須全選才可以，否則繳費(fèi)項(xiàng)目不齊全會(huì)影響繳費(fèi)，進(jìn)而會(huì)影響報(bào)到，此處勾選好的繳費(fèi)項(xiàng)目提交后會(huì)將信息提交后臺(tái)，此處用json數(shù)據(jù)模擬，填寫成功后點(diǎn)確認(rèn)會(huì)跳到繳費(fèi)系統(tǒng)頁(yè)面，辦理系統(tǒng)代碼如下：$.ajax({//ajax獲取模擬的json數(shù)據(jù)type："get",url："../ajax/package.json",async：true,success：function(data){varii=data.shouj;varxm=$('#xm').val();//綁定獲取元素varxb=$('#xb').val(ii.xb);varsf=$('#sf').val(ii.shenfz);}});$('#btn-jf').on('click',function(){varxm=$('#xm').val()//將綁定獲取到的信息從“數(shù)據(jù)庫(kù)”拿到varxb=$('#xb').val()varsf=$('#sf').val()varhk=$('input：radio[name="a"]：checked').val();//復(fù)選框選中提交將數(shù)據(jù)傳到后臺(tái)varzh=$('input：radio[name="b"]：checked').val();varnun=0;$("input：checkbox[name=items]：checked").each(function(i){nun+=parseInt($(this).val())//將數(shù)據(jù)取整})varvalue=xm+','+xb+','+sf+','+hk+','+zh+','+nun//計(jì)算繳費(fèi)總價(jià)if(window.localStorage){alert(hk)if(hk!=undefined&&zh!=undefined&&nun!=0){localStorage.setItem('key',value)//拿到localStory的數(shù)據(jù)window.location.href='jiao-fei.html'//繳費(fèi)成功后跳到繳費(fèi)流程（此處可以點(diǎn)完成了）}else{alert('請(qǐng)認(rèn)真填寫')//提示信息}}else{alert('請(qǐng)更換游覽器');}})5.1.4繳費(fèi)完成后確認(rèn)信息邏輯實(shí)現(xiàn)進(jìn)入繳費(fèi)系統(tǒng)后瀏覽要繳費(fèi)的額度，此處繳費(fèi)數(shù)據(jù)已提交后臺(tái)，再存進(jìn)數(shù)據(jù)庫(kù)，后臺(tái)再將數(shù)據(jù)返回，用戶預(yù)覽，確認(rèn)無(wú)誤之后再繳費(fèi)確認(rèn)，交予銀行處理，此處因需要營(yíng)業(yè)執(zhí)照，繳費(fèi)獲取短信驗(yàn)證碼如果有接口就很好實(shí)現(xiàn)了，此處系統(tǒng)未做。完成之后就進(jìn)入分班頁(yè)面，以上流程代碼如下：varvalue=localStorage.getItem('key')//獲取localStorage的數(shù)據(jù)varss=value.split(',');//split()方法將字符串用“，”隔開$('#xm').val(ss[0])//獲取所填寫的個(gè)人信息$('#xb').val(ss[1])$('#sf').val(ss[2])$('#hk').val(ss[3])$('#zz').val(ss[4])$('#gj').val(ss[5])$('#btn-jf').on('click',function(){window.location.href="fen-ban.html"})5.1.5辦理完成之后的邏輯處理辦理完成之后瀏覽自己分班情況，宿舍分配情況，數(shù)據(jù)有后臺(tái)提供，此處用假數(shù)據(jù)模擬，代碼如下：varvalue=localStorage.getItem('key')//varname=localStorage.getItem('name')varname='a';varss=value.split(',');$('#xm').val(ss[0])$('#xb').val(ss[1])$('#sf').val(ss[2])$.ajax({type："get",url："../ajax/package.json",async：true,success：function(sas){console.log(sas.shouj)vari=sas.shouj.data$('#hk').val(i.jiaoshi)$('#zz').val(i.suse)}});$("#btn-jf").on('click',function(){window.location.href="../index.html"http://確認(rèn)信息后跳轉(zhuǎn)到首頁(yè)})5.2系統(tǒng)的測(cè)試本系統(tǒng)測(cè)試在node.js或者在webstorm2016編輯器自帶的命令輸入工具中進(jìn)入項(xiàng)目所在的目錄中，運(yùn)行命令browser-syncstart--server--files"css/*.css,*.html"或者browser-syncstart--proxy"主機(jī)名""css/*.css"，主機(jī)名是ip或者域名，運(yùn)行完之后訪問鏈接http：//localhost：3000/即可訪問首頁(yè)。5.3本章小結(jié)本章主要對(duì)系統(tǒng)的設(shè)計(jì)布局做了解說(shuō)，重點(diǎn)將數(shù)字迎新系統(tǒng)是如何實(shí)現(xiàn)的，邏輯關(guān)聯(lián)和數(shù)據(jù)處理等做了詳細(xì)的講解，突出了衡陽(yáng)師范學(xué)院數(shù)字迎新系統(tǒng)的優(yōu)點(diǎn)和可行性，本系統(tǒng)用前端技術(shù)實(shí)現(xiàn)的，是一種前后臺(tái)分離的開發(fā)模式，系統(tǒng)只要有后臺(tái)數(shù)據(jù)接口即可調(diào)取數(shù)據(jù)庫(kù)的數(shù)據(jù)，進(jìn)而實(shí)現(xiàn)一個(gè)完美的實(shí)用的數(shù)字迎新系統(tǒng)，本系統(tǒng)邏輯實(shí)現(xiàn)是準(zhǔn)確的，系統(tǒng)設(shè)計(jì)也是非常合理的，當(dāng)然一切是為了用戶考慮的?？偨Y(jié)本文主要闡述了衡陽(yáng)師范學(xué)院新生報(bào)到系統(tǒng)的開發(fā)計(jì)劃，設(shè)計(jì)以及實(shí)現(xiàn)過程。秉承了前人不斷探索積累的優(yōu)秀思想和方法，系統(tǒng)的設(shè)計(jì)總體來(lái)說(shuō)還是比較成功的，它順利地通過了各項(xiàng)測(cè)試，成功地替代了手工管理的報(bào)名方式，使得報(bào)名管理