《基于WEB的在線投票系統(tǒng)系統(tǒng)的設計與實現(xiàn)》8600字（論文）

基于WEB的在線投票系統(tǒng)系統(tǒng)的設計與實現(xiàn)摘要網(wǎng)絡投票已經(jīng)成為當今社會發(fā)展的一大趨勢，也是社會發(fā)展的必不可少的一個要素。因此開發(fā)一個通過互聯(lián)網(wǎng)投票的系統(tǒng)是切實可行的。本人根據(jù)實際需求使用Html、Css、JavaScript作為開發(fā)語言，Vue.js作為開發(fā)框架，VSCode作為開發(fā)的編譯器。采用前端與后端分離的思想，采用node.js作為服務端，開發(fā)出一個移動端的在線投票系統(tǒng)。本系統(tǒng)實施開發(fā)環(huán)境操作平臺為Windows10，系統(tǒng)的安全性和性能都很好。本文根據(jù)在線投票系統(tǒng)的研發(fā)過程，理論層面從研究背景、研究意義、到國內外研究現(xiàn)狀，實踐層面從系統(tǒng)分析、系統(tǒng)布局設計、在到系統(tǒng)實現(xiàn)、系統(tǒng)測試來進行詳細的述說。關鍵詞：在線投票系統(tǒng)；數(shù)據(jù)處理；web前端目錄TOC\o"1-2"\h\u25779一、引言 頁）引言（一）研究背景科技在發(fā)展，時代在進步，互聯(lián)網(wǎng)的水平與普及速度都有了大幅度的提升。21世紀以來，互聯(lián)網(wǎng)技術已經(jīng)應用到各個領域當中，成為了我們生活的一部分。就當代年輕人群體來說，他們都習慣于使用電子手段支付而不是用現(xiàn)金進行交易，對于老年人群體來說，數(shù)字化的告訴發(fā)展也給他們帶來了福利。根據(jù)國家網(wǎng)絡中心不完全統(tǒng)計，截止到2021年3月中國網(wǎng)民數(shù)量已經(jīng)占據(jù)中國人口的百分之六十五以上，在二零一零年到二零二一年之間普記錄由百分之四十呈逐年加速遞增的趨勢一直上漲到百分之六十五，這一數(shù)據(jù)意味著網(wǎng)民的數(shù)量不容小覷其力量更不容忽視。在這場全球人民抗擊疫情的戰(zhàn)役中，通過網(wǎng)絡進行信息互通，提高了溝通效率，同時通過網(wǎng)絡統(tǒng)計確診與死亡人數(shù)，并實時公布，互聯(lián)網(wǎng)展現(xiàn)出了至關重要的作用。根據(jù)數(shù)據(jù)統(tǒng)計，我國網(wǎng)民使用互聯(lián)網(wǎng)的途徑移動端設備占據(jù)了百分之七十以上，其余的是采用pc端設備。而人們獲取信息的手段大多是是通過騰訊新聞，人民日報，快手APP，抖音APP等一些新聞與娛樂的軟件。網(wǎng)民通過這些平臺參與評論交流。隨著互聯(lián)網(wǎng)的普及率逐年增高，越來越多的傳統(tǒng)技術與時俱進轉型升級為網(wǎng)絡技術，網(wǎng)絡投票技術就是這種情況下應運而生的。最原始的網(wǎng)絡投票就是發(fā)起者把相關話題發(fā)布在網(wǎng)絡上并提供幾個可選擇的選項，用戶根據(jù)自己的想法作出對應的選擇。然后通過互聯(lián)網(wǎng)進行實時統(tǒng)計，公開結果。在當今社會各行各業(yè)都應用到了網(wǎng)絡投票，如校園中的期末通過網(wǎng)絡投票進行教師評價，政府中通過網(wǎng)絡投票定期發(fā)放問題反饋問卷，企業(yè)通過網(wǎng)絡投票統(tǒng)計產(chǎn)品滿意度，社會通過網(wǎng)絡投票發(fā)放民意調查問卷。目前市面上出現(xiàn)了各種各樣的投票軟件，普遍有著功能不夠完整，操作復雜，效率低，準確性不足，公平性得不到保證等諸多問題。（二）研究意義投票并不是一個簡單的操作。大多數(shù)的人都認為很容易實現(xiàn)，他們覺得只需要統(tǒng)計票數(shù)，然后計算投票結果并公布。然而，投票是一個很復雜的行為，他既要保證投票的精準性也要保證投票的公平性。要限制每個參加選舉的人只有投一票的權力以防止選民重復投票。還要做好選票的保密、合計、復查等工作[1]。隨著科學日新月異的發(fā)展，傳統(tǒng)的投票方式過程復雜，耗時長，計票任務繁瑣，容易產(chǎn)生數(shù)據(jù)錯誤，影響投票的公平性，基于以上的這些缺點傳統(tǒng)的投票已經(jīng)無法滿足于當代人的多樣化需求。因此，網(wǎng)上投票應運而生，并已成為主要的投票方式。利用互聯(lián)網(wǎng)進行投票，不僅減少了紙張的使用，節(jié)約了資源，保護了環(huán)境，而且在線投票系統(tǒng)可以通過互聯(lián)網(wǎng)自行統(tǒng)計票數(shù)，節(jié)省了人力資源，打破了地域的限制，提高了投票效率與公平性。通過網(wǎng)絡進行的投票的數(shù)據(jù)被存儲在本地的服務器上，不會隨著時間的流逝而丟失。這種以數(shù)據(jù)為主要的方法極大的改進了管理者對特定信息的檢索效率。因為這是通過網(wǎng)絡投票，沒有時間限制，這對人們使用非常方便。二、國內外在線投票系統(tǒng)研究現(xiàn)狀（一）國內研究現(xiàn)狀當前，我國大多數(shù)企業(yè)與高校都采用在線投票的方式來獲取意見與反饋。社會上對于一些比較火熱的事件與熱點新聞也采取在線投票的方式來獲取群眾的意見。我國使用人數(shù)最多的在線投票平臺上是問卷在線調查平臺，它被頻繁的應用于國內的大多數(shù)高校與公司當中，他積累了國內的大量的優(yōu)質用戶。該系統(tǒng)功能全面且強大，活動類型豐富，投票類型多樣，且支持視頻投票。同時技術上具有自主研發(fā)的加密防破解算法與多重智能防刷。在國內占據(jù)行業(yè)龍頭地位。（二）國外研究現(xiàn)狀第一個電子投票起源于一九八五年，它采用的是公鑰密碼的體制，借此才隱藏投票者的身份，進而西方國家提出了基于同態(tài)加密技術的電子投票方案，通過使用計算機和相配合的網(wǎng)絡完成整個投票過程，進一步的完善了投票的保密性能。歐美國家通常采用AJAX交互技術來進行與服務器的快速交互。在前人的基礎上減少了頁面提交量，只需要提交部分數(shù)據(jù)，并不會影響到當前正在查看到的頁面，服務器端的響應也異常迅速。系統(tǒng)分析（一）需求分析本文的設計與開發(fā)的在線投票系統(tǒng)是面向所有用戶。所以注冊者五花八門，各行各業(yè)的人都有。想把所有的用戶聚齊在一起進行一個投票是一件很困難的事情，但是在線投票系統(tǒng)的出現(xiàn)就很好地解決因投票信息多、數(shù)據(jù)量大的問題。提高了工作效率，便于統(tǒng)計和分析大大減少了人工操作帶來的誤差。基于上述原因開發(fā)一個優(yōu)質的在線投票系統(tǒng)要充分了解用戶的需求。至少這個系統(tǒng)性能要足夠優(yōu)秀，操作盡量簡單，可以對票數(shù)進行實時監(jiān)測，判斷是否存在刷票行為，可以根據(jù)投票地區(qū)、投票IP、投票時間段、投票驗證碼等限制投票機制。還要具有詳細的投票日志與投票統(tǒng)計查看。同時操作界面簡潔大方。當一些管理者或者普通人產(chǎn)生一些新的想法或者建議，他們需要通過大眾的投票調查結果來確定這些想法與建議的可行性。通過對開發(fā)需求的設計，本投票系統(tǒng)對用戶的操作權限進行了層級控制，只對已經(jīng)登錄注冊的用戶進行了權限的授予。沒有登陸的游客用戶沒有相關權限，僅保留瀏覽系統(tǒng)首頁，查看等功能，以此來提高本系統(tǒng)的公平性與保密性。登錄用戶可以對投票的主題進行添加、編輯等一系列操作。還可以對投票主題進行投票和查看已經(jīng)投的票數(shù)。（二）經(jīng)濟可行性分析對于本文設計的系統(tǒng)開發(fā)成本相對較小，開發(fā)工具為本人自行購買的筆記本電腦，開發(fā)使用的編譯器為付費使用的產(chǎn)品，但是物美價廉，二所采用谷歌瀏覽器，包管理器以及node都是免費開源的產(chǎn)品，并不產(chǎn)生任何費用。此外選取的vue前端框架也是開源免費的，本系統(tǒng)所實現(xiàn)的需求不是很多，功能相對簡單，開發(fā)起來難度小，開發(fā)周期短。對于大學生來說開發(fā)本系統(tǒng)沒有任何經(jīng)濟壓力，可以全身心投入。（三）技術可行性分析本文的在線投票系統(tǒng)是使用VSCode進行本地開發(fā)，以谷歌瀏覽器十四點零以上的版本查看前端頁面顯示。其次，該軟件的快捷代碼自動生成可以減少代碼編寫的數(shù)量。本系統(tǒng)以Html、Css、JavaScript作為開發(fā)語言。采用前端與后端分離進行開發(fā)的思想，移動端使用Vue.js框架，采用輕量高效的node.js作為開發(fā)的環(huán)境，Webpack為資源模塊化bundle管理，引入餓了嗎的ui庫與Mint插件為UI組件，導入圖標庫，ES6語言作為開發(fā)規(guī)范。移動端包含登錄注冊、在線留言、發(fā)布投票、實時查看等多個功能模塊。通過node.js在本地服務器上搭建完整的項目，通過使用特定接口管理的工具的獲取后臺的模擬數(shù)據(jù)，然后由前端進行數(shù)據(jù)的增刪改查。由于這些技術具有不同的優(yōu)點，例如簡單、方便、靈活、實用，會極大的減輕了本次系統(tǒng)開發(fā)的難度。本系統(tǒng)作為一個功能簡單的在線投票系統(tǒng)對計算機的配置沒有過高要求，處理機在英特爾酷睿I3以上就可以，內存的下限是2GB，內部內存越大運行速度越快，對于操作系統(tǒng)來說當前市面上的操作系統(tǒng)均可，一般的計算機配置已經(jīng)足夠。綜上分析證明系統(tǒng)的技術可行性良好。（四）操作可行性分析在線投票系統(tǒng)在設計過程中，考慮用戶對軟件的使用習慣，所以設計了該系統(tǒng)。該系統(tǒng)兼容各種移動端設備，例如主流的安卓，IOS系統(tǒng)[5]。不會出現(xiàn)只能使用指定設備打開App的現(xiàn)象。系統(tǒng)具有操作簡單、界面簡潔流暢、功能完整貼心、易于維護升級、使用方便等特點，不需要學習繁瑣的操作步驟，用戶只需對該系統(tǒng)的使用做一定了解就可以方便使用，操作簡單，適合大部分人群的使用。（五）系統(tǒng)配置分析1.系統(tǒng)目錄需要采用webpack模塊打包器創(chuàng)建src文件夾來承載源碼目錄[3]，src下面創(chuàng)建api文件夾來放置接口文件，創(chuàng)建assets文件夾放置靜態(tài)圖片以及一些資源文件，創(chuàng)建components文件夾放置通用組件封裝，創(chuàng)建icons文件夾放置svg矢量圖片文件，創(chuàng)建router文件夾放置vue-router配置文件，創(chuàng)建store文件放置vuex的狀態(tài)管理，創(chuàng)建styles文件夾放置全局的樣式，創(chuàng)建utils文件夾放置工具類，創(chuàng)建views文件放置前端頁面，創(chuàng)建layout文件夾放置通用頁面的加載框架。2.系統(tǒng)前端配置在終端中輸入命令安裝vue-cli腳手架，通過vue腳手架創(chuàng)建項目，進入router.js文件中配置路由文件實現(xiàn)各個組件之中的跳轉，在終端中下載并導入Element-UI組件庫，在main.js文件中引入Element-UI，使用組件庫中現(xiàn)成的組件來減輕開發(fā)難度。在終端中下載并配置axios庫，在main.js文件中引入axios,通過axios實現(xiàn)異步請求，通過get或者post的方式請求api接口來獲取后臺數(shù)據(jù)，服務端需開啟cors跨域。使用網(wǎng)絡協(xié)議的狀態(tài)標識，數(shù)據(jù)返回格式統(tǒng)一使用數(shù)組對象，通過返回的網(wǎng)絡協(xié)議狀態(tài)碼來判斷返回的狀態(tài)。語法的處理采用ESLint,最后初始化git的遠程倉庫，將本地的項目推送到Github或者Gitee中。3.系統(tǒng)后端接口配置通過官網(wǎng)下載Node.js，注意不要下載過高版本，穩(wěn)定版本即可版本過高容易引發(fā)不必要的Bug,通過Node.js配置系統(tǒng)項目的相關信息。通過接口管理工具來創(chuàng)建動態(tài)預留接口，進行Monk數(shù)據(jù)的錄入，配置完成后進行項目的啟動。啟動后查看API接口文檔.md,測試接口是否正常。數(shù)據(jù)展示：系統(tǒng)布局設計（一）整體布局設計主體內容占據(jù)頁面的多數(shù)空間，為55%到75%，導航部分占據(jù)上方五分之一空間。背景顏色采用以淡灰色與淺白色白色為主，偏向于簡潔大方。沒有使用絢麗的顏色來裝飾頁面，此外，主體部分和背景色的對比度較大，將頁面顯示的字體設置了默認的黑色，將一些醒目的標題字體進行加粗。為了提升整個頁面的視覺美感，導航與選項卡區(qū)域和主體區(qū)使用了不同顏色不同大小的字體，以便于區(qū)分。作為一個移動端的App，應該由一些相關及相對獨立的模塊整合而成。本系統(tǒng)主要包括三個主要頁面及各個大模塊下又細分了許多小的功能模塊。制作前臺頁面模塊，包括首頁及、登錄頁以及各個子頁面，建立各個頁面中相關組件的傳值，讓它具有擁有完善的功能。頁面風格要求簡潔大方不單調，根據(jù)功能的不同子頁面的風格也大不相同，給人移步換景的美感。各個頁面都可正常返回主頁以及可以正確跳轉到各個子頁面。系統(tǒng)功能要求使用簡單全面，容易操作。頁面中進行了部分的留白設計，適當?shù)牧舭卓梢允拐麄€頁面設計具有適當?shù)牟季?，和整體的表達力，給文字和圖片的設計預留了足夠的空間。如果布局過于滿，整個頁面看起來就會非常復雜，用戶就會花費更多的時間尋找它需要的信息，不利于用戶的體驗需求。恰到好處的留白可以讓用戶盡快找到他們需要的信息，改善用戶的體驗。合適的留白與適當?shù)膬热荻呦噍o相成互相成就缺一不可。（二）首頁布局設計首頁由頭部組件(Header.vue)和內容組件(Content.vue)尾部組件(Footer.vue)三部分組成，整個頭部組件以簡潔大方為主。由一個返回符號與Logo和一個隱藏的導航欄構成，隱藏的導航欄外顯為一個加號，需要鼠標點擊去觸發(fā)事件讓導航欄顯示，再次點擊導航欄隱藏。Logo由本人自行設計，F(xiàn)ont-size大小為45px，字體為華文方正舒體采用了復古風格，背景圖片采用了白色底的卡通圖片簡潔中帶著一絲俏皮。整體Logo添加了border-radius屬性，邊角的圓弧會使邊界更加清晰。點擊Logo圖標頁面會跳轉到首頁。鼠標點擊返回符號，頁面會返回上一級。內容組件由一個長度為百分百的輪播圖與選項卡構成，輪播圖位于頭部組件下方，為廣大用戶輪播展示當前最熱門的投票內容，每三秒更換一次圖片，為用戶提供良好的視覺感受與實用性。為了方便用戶進行查看，輪播圖采用了定時器功能，當鼠標懸停在輪播圖上方定時器停止并顯示出上一張與下一張的按鈕點擊相應按鈕會進行圖片切換。為用戶使用該軟件打下了良好的基礎，點擊相應圖片會跳轉到對應投票頁面，減少了用戶的搜索時間成本，極大的解決了操作的復雜性。選項卡位于輪播圖下方，本系統(tǒng)用選項卡功能對投票做了一個大型分類，整體分類分為七大類，當鼠標移入分類名稱，下方頁面將會展示對應的數(shù)據(jù)，同時分類名稱變藍，便于用戶區(qū)分與查找，選項卡功能的使用極大的提升了本系統(tǒng)的便捷性，和良好的用戶體驗。尾部組件由首頁按鈕，登錄/注冊按鈕，我的按鈕三部分組成，每個按鈕設置了對應的子路由，需要通過點擊按鈕實現(xiàn)路由的跳轉。圖1首頁圖（三）登錄頁面布局設計登錄頁面作為本系統(tǒng)的默認頁面，也就是整個系統(tǒng)的門面，他的設計是非常重要的。一個好的登錄頁面可以讓用戶心情愉悅印象深刻，同時就自然地加大了本系統(tǒng)的宣傳與推廣。登錄頁面不需要太過于花哨炫酷，適當?shù)暮啙嵈蠓骄涂梢?。所以為登錄頁面設計了一張充滿未來科技圖片作為背景圖，象征著通往希望的光，增加用戶的親切感。作為門面他的功能強大也是毋庸置疑的，頁面整體由大量表單構成。用戶可以輸入自己的信息來進行表單驗證或者進行信息錄入。用戶需輸入賬號密碼進行登錄注冊，我使用了primary屬性實現(xiàn)了記住密碼功能，可有用戶進行自主勾選，為用戶以后的使用提供了便利，同時也為一些容易忘記密碼的用戶帶來了福利。同時還設計了圖形驗證碼功能，可以有效防止機器刷票破壞投票規(guī)則。此驗證碼主要是用于區(qū)分機器智能與真正用戶，防止有人惡意使用多個id刷票破壞投票的公平性。在當今很多系統(tǒng)里都會采用驗證碼功能，因其功能已經(jīng)較為成熟，所以我們以一種正常的方式實現(xiàn)了此功能，可通過點擊刷新驗證碼字符，只有用戶才能識別此驗證碼，機器人不具備識別功能。因此，這個功能極大的提升了本軟件的安全性。圖2登錄頁圖（四）投票頁面的布局設計進入投票頁面映入眼簾的是一張寬度為百分之百的圖片，整張圖片占比整個頁面的百分之三十，為的是給用戶一個巨大的視覺沖擊感，以及對整個頁面的新鮮感。圖片下方是投票活動的標題，對標題的長度進行限制，不能超出三十個字符，超出這個長度會影響整個頁面的美觀。標題的下方是投票活動的開始與結束的事間以及一些投票的選項，需要用戶進行手動的點擊設置。圖3投票頁圖（五）投票幫助頁面布局設計通過頭部導航欄可以進入投票幫助頁面，在投票幫助頁面本人設計了詳細投票步驟，可以為第一次使用本系統(tǒng)的新用戶提供流程指引，引導他們完成接下來的投票操作。同時在投票幫助頁面設計了評價流程，使用小星星作為評價的標準。五顆小星星可以依次被用戶進行點亮，簡潔大方的同時又充滿著趣味性，此項設計可以提升用戶對本系統(tǒng)的參與感，成就感。小星星下方是一個白色的文本域，為用戶提供充足的評價反饋空間。下方是留白設計，為文本域的高度增加提供區(qū)域。提交按鈕并未設計成一如既往的藍色而是淺淺的綠色，淺綠色與白色的背景交相輝映，提供給用戶充足的視覺享受的感覺。圖4投票幫助頁圖系統(tǒng)實現(xiàn)（一）登錄注冊模塊登錄注冊頁面為本系統(tǒng)重定向，用戶可在對應位置輸入賬號密碼，通過登錄按鈕點擊，將前端頁面數(shù)據(jù)提交到服務器進行信息篩選匹配，判斷是否和數(shù)據(jù)庫里儲存的數(shù)據(jù)重合，如果相符合，系統(tǒng)進行登錄成功提示，同時進行頁面跳轉。如果和已經(jīng)存儲過的數(shù)據(jù)不匹配，系統(tǒng)彈出警告提示用戶賬號或者密碼輸入不正確。如果輸入的賬號或者密碼為空的時候，系統(tǒng)進行彈窗提示您當前的賬號或密碼為空。新用戶可點擊立即注冊按鈕，按照系統(tǒng)提示進行注冊，注冊頁面有兩個密碼框，用戶進行注冊時會要求輸入兩次密碼，首先輸入一次密碼，然后需要再確認輸一次，系統(tǒng)會對兩次輸入的密碼進行比對。如果不一致，系統(tǒng)會進行注冊失敗的彈窗提示，提示失敗原因為兩次密碼輸入不一致。比對密碼的同時也會對用戶名與儲存數(shù)據(jù)里的用戶名進行比對，如果一致，系統(tǒng)會提示用戶，此id已存在，請重新輸入。確保用戶id的唯一性。滿足用戶名唯一，兩次密碼輸入一致，點擊確認按鈕。系統(tǒng)進行信息錄入，同時提示恭喜注冊成功，跳轉到登錄頁面。便可以參與在線投票，使用發(fā)部投票功能，查看個人信息，瀏覽投票記錄等。核心代碼：圖5登錄效果圖留言模塊對留言模塊進行權限設置，只有登錄的用戶才可以進行相關操作。當未登錄的游客用戶點擊留言模塊，系統(tǒng)提示您未登錄不可使用該功能，對于已經(jīng)登陸的用戶點擊進入留言模塊。留言模塊由由瀏覽留言、添加留言、回復留言三部分構成。將留言數(shù)據(jù)顯示在留言頁面的留言板中。用戶可通過簡單操作查看留言內容，有留言需求的用戶可點擊添加留言的按鈕跳轉到留言頁面，進行留言編輯。該頁面關鍵用于提交用戶發(fā)送的留言。當用戶單擊留言頁面中的submit按鍵時，將留言數(shù)據(jù)提交到頁面。在留言板瀏覽其他用戶的留言時，遇到感興趣的留言雙擊進入留言回復界面。留言模塊對留言的更改有著嚴格的要求，為保持id的唯一性留言模塊不允許更改留言編號，更改姓名與留言內容則不受限制。并且更改過后不可撤銷操作。對于刪除留言操作系統(tǒng)進行彈窗提示，詢問用戶是否確認刪除，用戶通過點擊相應按鈕進行刪除操作，成功后系統(tǒng)進行文字提示，當用戶點擊取消時系統(tǒng)進行撤銷當前指令操作。這項功能非常實用，通常用戶進行此項操作都是經(jīng)過深思熟慮的。核心代碼：圖6留言效果圖投票模塊投票模塊分為參與投票與發(fā)布投票。用戶點擊進入?yún)⑴c投票界面，然后用戶會看見有許多需要投票的主題，根據(jù)用戶的個人喜好，選擇自己喜歡的主題進行投票，當用戶選定好了主題之后，點擊創(chuàng)建活動就進入了投票的界面，然后看見了投票的選項，我們就可以選擇自己想要的那個選項，然后點擊投票，頁面會提示我們投票成功之后會跳轉到投票的主界面之中。用戶點擊進入發(fā)布投票界面，用戶在這個模塊通過添加需要的投票主題，然后設置這個主題投票是單選還是多選。然后進行各種的投票設置點擊提交按鈕，將信息提交到頁面當中。核心代碼：圖7投票效果圖查詢模塊通過底部導航點擊我的按鈕，通過路由跳轉到對應頁面，頁面正下方顯示一個醒目的查看投票結果按鈕，點擊“查看投票結果”超級鏈接，跳轉到該頁面查看具體內容。頁面顯示用戶的參與投票的記錄與用戶發(fā)部的投票信息記錄。在投票信息下方添加了刪除與分享按鈕，點擊刪除按鈕系統(tǒng)會對當前投票信息進行刪除。點擊分享按鈕會生成投票活動二維碼此功能節(jié)省了查找時間，方便用戶使用。核心代碼：圖8查詢效果圖系統(tǒng)測試測試的目的與意義測試是在整個開發(fā)過程中必不可少的一部分，測試過程貫穿于整個開發(fā)與設計過程的始終，一個優(yōu)質系統(tǒng)不僅僅需要扎實的開發(fā)技術更需要科學嚴謹負責的測試，只有經(jīng)過嚴謹?shù)臏y試才能找到系統(tǒng)中隱藏的錯誤與瑕疵的細節(jié)部分，以此為根據(jù)來修復與完善開發(fā)過程中的錯誤。當系統(tǒng)剛開始運行時，需要對其進行性能測試，通過一系列系統(tǒng)測試我們能夠找到系統(tǒng)中與需求相悖的與功能出現(xiàn)失常的部分，進而做到有的放矢，對系統(tǒng)進行恰當?shù)恼{整與修復。只有經(jīng)過科學嚴謹?shù)臏y試，一個系統(tǒng)才能夠轉向成熟，不斷地完善自身的缺點，才能經(jīng)得住考驗。測試環(huán)境操作系統(tǒng)：Windows10CPU：inteli5+內存：GEIL256MDDR400瀏覽器：chrome4.16.0測試部署前端的內部測試，目的是檢查出頁面中與設計初衷不符合的地方，美化有瑕疵的細節(jié)部分[8]。測試不僅僅是為了檢測作品的質量，還是為后期的修改提供明確的方向，做到有的放矢。否則當項目上線以后在修改源碼是很費時費力的事情。當把測試出來的所有瑕疵都進行完美優(yōu)化之后就需要對代碼進行整合，盡可能的優(yōu)化代碼結構，提高代碼的可維護性，為將來的升級換代做好準備，同時要盡可能壓縮圖片、音頻、svg矢量圖等一些靜態(tài)文件的大小和減少外部請求次數(shù)。對于一個移動端App來說，App的兼容