前端架構(gòu)工程化設(shè)計(jì)與在英語通用考試系統(tǒng)中的應(yīng)用.pdf

1、隨著互聯(lián)網(wǎng)的普及，國內(nèi)外很多大型考試都采用了在線考試方式，這些在線考試系統(tǒng)針對單個需求設(shè)計(jì)，開發(fā)時(shí)一次性完成，但是后續(xù)維護(hù)時(shí)，試題類型固定，擴(kuò)展困難。隨著Web2.0的興起，系統(tǒng)多樣化和用戶體驗(yàn)方面的需求不斷更新，導(dǎo)致系統(tǒng)前端頻繁升級，復(fù)雜度持續(xù)提升，系統(tǒng)性能逐漸降低，很多同類在校考試系統(tǒng)都存該問題。為了解決這一問題，本文從前端框架開發(fā)和性能優(yōu)化的角度出發(fā)，計(jì)劃設(shè)計(jì)一款前端開發(fā)架構(gòu)，可用于各類考試系統(tǒng)的前端開發(fā)。
　　本文首先基于

2、英語通用考試系統(tǒng)進(jìn)行需求分析，總結(jié)發(fā)現(xiàn)目前通用性操作主要表現(xiàn)在前端方面，試題類型多樣，引起前端代碼冗余、性能變差，同類Web應(yīng)用都存在此類問題，因此計(jì)劃將前端架構(gòu)設(shè)計(jì)工程化，降低重復(fù)開發(fā)，提高開發(fā)效率。設(shè)計(jì)時(shí)前端采用MVC架構(gòu)，降低前端結(jié)構(gòu)層、表現(xiàn)層和行為層的耦合度，采用WebPack模塊化打包工具、React組件化框架和后端模板引擎Twig，實(shí)現(xiàn)前端的模塊化和組件化。目標(biāo)是設(shè)計(jì)出一款開發(fā)效率高、易擴(kuò)展、易維護(hù)、用戶體驗(yàn)及Web性能良好

3、的前端架構(gòu)。本文將該前端架構(gòu)應(yīng)用于Web版本的英語通用考試系統(tǒng)，對教師出題、組卷和學(xué)生現(xiàn)場考試等功能進(jìn)行設(shè)計(jì)開發(fā)，最后通過相應(yīng)的測試和驗(yàn)證，對該前端架構(gòu)的實(shí)用性和易用性進(jìn)行驗(yàn)證。
　　本文基于模塊化和組件化思想設(shè)計(jì)的工程化前端架構(gòu)，在英語通用考試系統(tǒng)中得到了很好的應(yīng)用。經(jīng)測試驗(yàn)證發(fā)現(xiàn)，采用該框架的考試系統(tǒng)試題類型和試卷類型容易擴(kuò)展、操作簡單、系統(tǒng)性能良好，同時(shí)減輕了開發(fā)、維護(hù)以及團(tuán)隊(duì)合作成本，因此該架構(gòu)具有實(shí)際的研究意義和良好的應(yīng)