基于Web的編譯原理學(xué)習(xí)支撐系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)的中期報(bào)告

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