隨著編程教育的普及，在線代碼測(cè)評(píng)系統(tǒng)成為學(xué)習(xí)者和企業(yè)的重要工具。本文將詳細(xì)介紹如何使用輕量級(jí)框架Flask和關(guān)系型數(shù)據(jù)庫(kù)MySQL，開(kāi)發(fā)一個(gè)功能完整的在線Python測(cè)評(píng)網(wǎng)站。
一、項(xiàng)目概述與技術(shù)選型
在線測(cè)評(píng)網(wǎng)站的核心功能包括用戶(hù)注冊(cè)登錄、題目管理、代碼提交、自動(dòng)評(píng)測(cè)和結(jié)果展示。Flask作為Python輕量級(jí)Web框架，具有靈活、易擴(kuò)展的特點(diǎn)，適合快速開(kāi)發(fā)原型。MySQL則提供穩(wěn)定的數(shù)據(jù)存儲(chǔ)，用于管理用戶(hù)信息、題目數(shù)據(jù)和提交記錄。
二、環(huán)境搭建與項(xiàng)目結(jié)構(gòu)
首先確保安裝Python 3.x、Flask和MySQL數(shù)據(jù)庫(kù)。使用虛擬環(huán)境隔離依賴(lài)，通過(guò)pip安裝Flask、Flask-SQLAlchemy、Flask-Login、Flask-WTF等擴(kuò)展庫(kù)。項(xiàng)目目錄結(jié)構(gòu)建議如下：
- app/: 主應(yīng)用目錄
- templates/: 存放Jinja2模板文件
- static/: 存放CSS、JavaScript等靜態(tài)資源
- models.py: 定義數(shù)據(jù)模型
- views.py: 處理路由和視圖邏輯
- forms.py: 定義表單類(lèi)
- config.py: 配置文件
- run.py: 應(yīng)用啟動(dòng)入口
三、數(shù)據(jù)庫(kù)設(shè)計(jì)與模型實(shí)現(xiàn)
使用Flask-SQLAlchemy操作MySQL，定義核心數(shù)據(jù)模型：
1. User模型：存儲(chǔ)用戶(hù)ID、用戶(hù)名、密碼哈希、郵箱等。
2. Problem模型：包含題目ID、標(biāo)題、描述、輸入輸出示例、測(cè)試用例等。
3. Submission模型：記錄用戶(hù)提交的代碼、提交時(shí)間、執(zhí)行結(jié)果、得分等。
通過(guò)建立外鍵關(guān)聯(lián)，實(shí)現(xiàn)用戶(hù)與提交記錄、題目與提交記錄的一對(duì)多關(guān)系。
四、核心功能開(kāi)發(fā)
1. 用戶(hù)認(rèn)證模塊：利用Flask-Login實(shí)現(xiàn)用戶(hù)注冊(cè)、登錄、會(huì)話(huà)管理和權(quán)限控制。密碼采用Werkzeug的哈希加密，確保安全。
2. 題目管理模塊：提供管理員后臺(tái)，支持題目的增刪改查。前端使用富文本編輯器增強(qiáng)題目描述的表現(xiàn)力。
3. 代碼提交與評(píng)測(cè)模塊：用戶(hù)在前端編輯Python代碼并提交，后端使用subprocess模塊創(chuàng)建隔離環(huán)境執(zhí)行代碼，與預(yù)期輸出對(duì)比，返回評(píng)測(cè)結(jié)果。考慮安全性，可使用Docker沙箱隔離代碼執(zhí)行。
4. 結(jié)果展示模塊：實(shí)時(shí)顯示提交狀態(tài)（如等待、通過(guò)、錯(cuò)誤），并生成個(gè)人成績(jī)排行榜。
五、前端界面與交互設(shè)計(jì)
使用Bootstrap框架快速構(gòu)建響應(yīng)式界面，通過(guò)Ajax實(shí)現(xiàn)代碼提交的異步處理，提升用戶(hù)體驗(yàn)。主要頁(yè)面包括：
- 首頁(yè)：展示題目列表和系統(tǒng)公告
- 題目詳情頁(yè)：呈現(xiàn)題目?jī)?nèi)容和代碼編輯器
- 提交記錄頁(yè)：分頁(yè)顯示歷史提交及結(jié)果
- 排名頁(yè)：按通過(guò)題目數(shù)或得分排序的用戶(hù)榜單
六、安全與性能優(yōu)化
1. 安全措施：防止SQL注入（使用ORM自動(dòng)參數(shù)化）、XSS攻擊（模板轉(zhuǎn)義）、CSRF攻擊（Flask-WTF集成Token驗(yàn)證）。
2. 性能優(yōu)化：數(shù)據(jù)庫(kù)查詢(xún)使用索引，對(duì)頻繁訪問(wèn)的題目列表進(jìn)行緩存，評(píng)測(cè)任務(wù)采用Celery異步隊(duì)列避免阻塞請(qǐng)求。
七、部署與運(yùn)維
使用Gunicorn或uWSGI作為WSGI服務(wù)器，Nginx做反向代理和靜態(tài)資源服務(wù)。MySQL配置連接池，定期備份數(shù)據(jù)。通過(guò)日志監(jiān)控系統(tǒng)運(yùn)行狀態(tài)，及時(shí)處理異常。
結(jié)語(yǔ)
通過(guò)本實(shí)戰(zhàn)項(xiàng)目，我們不僅掌握了Flask和MySQL的協(xié)同開(kāi)發(fā)，還深入理解了在線評(píng)測(cè)系統(tǒng)的架構(gòu)設(shè)計(jì)。未來(lái)可擴(kuò)展支持多語(yǔ)言評(píng)測(cè)、實(shí)時(shí)在線IDE等功能，進(jìn)一步提升系統(tǒng)的實(shí)用性和競(jìng)爭(zhēng)力。代碼已開(kāi)源至GitHub，供開(kāi)發(fā)者參考與協(xié)作。
