基于Web的編譯原理學習支撐系統(tǒng)的設計與實現(xiàn)的中期報告

基于Web的編譯原理學習支撐系統(tǒng)的設計與實現(xiàn)的中期報告一、項目概述本項目旨在設計開發(fā)一個基于Web的編譯原理學習支撐系統(tǒng)，為編譯原理學習者提供課程資料、習題練習、作業(yè)批改、在線編譯運行等功能，幫助學習者更好地掌握編譯原理基礎知識。在本次中期報告中，我們將重點介紹系統(tǒng)的架構設計、技術選型、數(shù)據(jù)庫設計以及前后端實現(xiàn)情況。二、架構設計本系統(tǒng)的架構設計采用前后端分離的方式，前端使用Vue.js框架，后端采用SpringBoot框架提供RestfulAPI接口。前端頁面使用axios進行HTTP請求，獲取后端返回的JSON數(shù)據(jù)進行展示。三、技術選型1.前端技術選型前端主要使用了以下技術：-Vue.js（核心框架）-ElementUI（前端UI框架）-Axios（基于Promise的HTTP請求工具）-Webpack（JS和CSS打包工具）2.后端技術選型后端主要使用了以下技術：-SpringBoot（核心框架）-MyBatis（ORM框架）-MySQL（關系型數(shù)據(jù)庫）-Swagger（API文檔生成工具）四、數(shù)據(jù)庫設計本系統(tǒng)主要設計了兩張表，分別存儲用戶信息和作業(yè)信息。1.用戶表用戶表包含以下字段：-ID：用戶ID，主鍵-username：用戶名-password：密碼-nickname：昵稱-email：郵箱2.作業(yè)表作業(yè)表包含以下字段：-ID：作業(yè)ID，主鍵-name：作業(yè)名稱-content：作業(yè)內(nèi)容-author：作者（用戶ID）-createTime：創(chuàng)建時間-updateTime：更新時間五、前后端實現(xiàn)情況1.前端實現(xiàn)前端使用Vue.js框架開發(fā)，采用了組件化開發(fā)的方式，將界面劃分為不同的組件，并通過props和events進行組件之間的通信。前端主要實現(xiàn)了以下功能：-登錄、注冊、注銷-首頁展示所有作業(yè)列表-作業(yè)詳情頁展示作業(yè)內(nèi)容、作者信息、評論區(qū)-在線編譯器其中，在線編譯器使用了第三方開源庫CompilerExplorer，將其集成到系統(tǒng)中，用戶可以輸入C++代碼進行在線編譯運行，并查看運行結果和匯編代碼。2.后端實現(xiàn)后端采用SpringBoot框架開發(fā)，提供了以下RestfulAPI接口：-/user/login（POST）：用戶登錄-/user/register（POST）：用戶注冊-/user/logout（POST）：用戶注銷-/homework/list（GET）：獲取所有作業(yè)列表信息-/homework/detail/{id}（GET）：獲取指定作業(yè)的詳細信息-/homework/submit（POST）：提交作業(yè)后端使用MyBatis框架管理數(shù)據(jù)庫，通過Mapper.xml文件實現(xiàn)了數(shù)據(jù)庫對應的操作方法。使用Swagger2對API進行了文檔化，方便開發(fā)測試人員使用。六、總結與展望本次中期報告主要介紹了基于Web的編譯原理學習支撐系統(tǒng)的架構設計、技術選型、數(shù)據(jù)庫設計以及前后端實現(xiàn)情