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

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