劉振超，孫 娜

（河北農(nóng)業(yè)大學(xué)理工學(xué)院，黃驊 061100）

為順應(yīng)大數(shù)據(jù)時(shí)代潮流，教育也在朝著信息化、網(wǎng)絡(luò)化方向發(fā)展，所以計(jì)算機(jī)考試系統(tǒng)被更多人所認(rèn)同和接受，很多大學(xué)也在不斷對(duì)計(jì)算機(jī)考試系統(tǒng)的設(shè)計(jì)進(jìn)行探究。本文主要介紹了基于對(duì)Web的計(jì)算機(jī)考試系統(tǒng)的設(shè)計(jì)，主要從前端網(wǎng)頁和后臺(tái)服務(wù)器兩部分對(duì)其設(shè)計(jì)進(jìn)行了探究。[1]其中，前端指的就是用戶所能看到，所能進(jìn)行操作的網(wǎng)頁，本系統(tǒng)使用“HTML+CSS+JS”技術(shù)和流行的 “veu.js”架構(gòu)來進(jìn)行設(shè)計(jì)。后臺(tái)服務(wù)器以Python作為開發(fā)語言，采用了Django架構(gòu)，使用Redis設(shè)計(jì)緩存，還添加了CDN來緩解網(wǎng)絡(luò)擁堵現(xiàn)象，提高了訪問網(wǎng)站的速度。

1 前端網(wǎng)頁設(shè)計(jì)

1.1 網(wǎng)頁配色設(shè)計(jì)

網(wǎng)頁的第一印象來自視覺沖擊，不同的顏色組合可以產(chǎn)生不同的效果。[2]本系統(tǒng)網(wǎng)頁的配色主要以灰色和白色為主，灰色的背景很好的襯托出了其他配色，并突出顯示了文字。此外，為防止單調(diào)，還加入了特效，為頁面加入了一些鮮明的元素特征，從而使我們的頁面看上去簡(jiǎn)潔大方。

1.2 網(wǎng)頁欄目編排

網(wǎng)頁欄目是指網(wǎng)站建設(shè)的主要板塊內(nèi)容，主要是為了方便用戶快速找到自己想了解的東西，增強(qiáng)用戶體驗(yàn)。對(duì)于網(wǎng)頁欄目的編排，遵循兩個(gè)原則：KISS（Keep It Simple And Stupid）原則，該原則要求網(wǎng)頁的下載不要超過10秒鐘，減少了圖片和動(dòng)畫的使用，改為使用文本鏈接；從用戶的觀念考慮原則，心理學(xué)家George A.Miller的研究表明，人一次所接受的信息量為7±2 比特，如果提供給用戶選擇的內(nèi)容鏈接超過這個(gè)范圍，用戶就會(huì)感到煩躁和壓抑。[3]綜合兩點(diǎn)原則，本系統(tǒng)在主頁上設(shè)置了五個(gè)欄目，使得頁面不顯繁雜，不會(huì)給用戶帶來壓抑感。

“問題”欄目：其中包含了大量的編程練習(xí)題，系統(tǒng)對(duì)練習(xí)題的難度進(jìn)行了劃分，分為“Low”、“Mid”、“High”三個(gè)等級(jí)的難度，用戶可以根據(jù)提示選擇不同難度的題目進(jìn)行練習(xí)。

“練習(xí)&比賽”欄目：這一欄目可以用來做比賽前的練習(xí)，也可用于考試。

“狀態(tài)”欄目：在這一欄目，用戶可以自行查看提交代碼的正確性，系統(tǒng)會(huì)對(duì)用戶所提交的代碼進(jìn)行在線測(cè)評(píng)，然后將不同的狀態(tài)反饋在此界面。

“排名”欄目：用戶可以在此查看排名情況。

“關(guān)于”欄目：這一欄目就是關(guān)于系統(tǒng)的一些介紹與幫助，其中有對(duì)判題機(jī)制的簡(jiǎn)要介紹和一些常見問題的解決辦法。

2 后臺(tái)服務(wù)器設(shè)計(jì)

python是當(dāng)今最為實(shí)用和便捷的編程語言，本系統(tǒng)正是使用它來對(duì)后臺(tái)服務(wù)器進(jìn)行開發(fā)，此外，為了完善系統(tǒng)功能，便于用戶操作，本系統(tǒng)還采用Django Web架構(gòu)和Redis緩存。

Redis是一種非關(guān)系型內(nèi)存數(shù)據(jù)庫，它在內(nèi)部是一個(gè)鍵值存儲(chǔ)系統(tǒng)。[4]它支持存儲(chǔ)的 value類型相對(duì)更多，包括 string（字符串）、list（鏈表）、set（集合）、zset（sorted set-有序集合）和hash（哈希類型，類似于Java中的map）。Redis之所以優(yōu)于其他鍵值數(shù)據(jù)存儲(chǔ)系統(tǒng)，是因?yàn)樗梢詫⑵鋽?shù)據(jù)庫全部保存在內(nèi)存里，并執(zhí)行原子操作，當(dāng)有多個(gè)客戶端同時(shí)進(jìn)行訪問時(shí)，它可以用最快的速度接收最新的數(shù)據(jù)。它每秒大約可以執(zhí)行110000次SET操作和81000次GET操作。

此外，在后臺(tái)開發(fā)過程中，增加了CDN。基本思路是跳過因特網(wǎng)上影響數(shù)據(jù)傳輸速度和穩(wěn)定性的鏈接，使內(nèi)容傳輸更快更穩(wěn)定。根據(jù)用戶流量、負(fù)載量、用戶的距離和系統(tǒng)響應(yīng)時(shí)間來獲取信息，通過網(wǎng)絡(luò)中的智能虛擬網(wǎng)絡(luò)層來設(shè)置節(jié)點(diǎn)服務(wù)器，從而可以將用戶的請(qǐng)求重定位至最靠近用戶的服務(wù)節(jié)點(diǎn)，以便用戶可以瀏覽所需內(nèi)容，[5]提高了訪問網(wǎng)站的速度。總之，加入了CDN之后，可以有效緩解網(wǎng)絡(luò)擁堵現(xiàn)象，加快用戶訪問頁面的響應(yīng)速度，給用戶以良好的使用體驗(yàn)。

3 結(jié)束語

在今后對(duì)Web的設(shè)計(jì)和改進(jìn)中，將嘗試使用 PHP/MySQL架構(gòu)，使用多種編譯器進(jìn)行測(cè)試來保證源代碼的可移植性，從而可以為多種編程語言提供 API。此外，傳統(tǒng)的C/S模式很容易受到時(shí)間和空間的限制，所以可以嘗試使用B/S模式來提高系統(tǒng)的可擴(kuò)展性，從而使用戶操作更加便捷。