[發(fā)明專利]一種用于復(fù)雜題型在HTML上的樣式渲染和事件綁定的方法

有效

• 申請?zhí)枺?/td>: 201611150749.X
• 申請日: 2016-12-14
• 公開（公告）號: CN106844297B
• 公開（公告）日: 2022-06-07
• 發(fā)明（設(shè)計）人: 張芳志
• 申請（專利權(quán)）人: 明博教育科技股份有限公司
• 主分類號: G06F40/111
• 分類號: G06F40/111;G06F40/14
• 代理公司: 北京天悅專利代理事務(wù)所(普通合伙) 11311
• 代理人: 任曉航;高睿

本發(fā)明公開了一種用于復(fù)雜題型在HTML上的樣式渲染和事件綁定的方法，該方法定義一套多功能題目表達(dá)式，將具體題目在作答時的渲染效果和需綁定的事件匹配對應(yīng)到所述表達(dá)式中。該表達(dá)式主要是將特殊字符按約定組合，把一些復(fù)雜的題型(如：田字格手寫題，匹配題等)的作答效果和渲染方式進(jìn)行歸納，將題目結(jié)構(gòu)改造為符合表達(dá)式結(jié)構(gòu)的題目。HTML頁面在渲染題目時通過解析題目中的表達(dá)式，為每道題目綁定展示特效和作答事件。本發(fā)明兼容性強，擴展性好，可良好的處理各種定制化的題目渲染和作答場景。

技術(shù)領(lǐng)域

本發(fā)明屬于應(yīng)用互聯(lián)網(wǎng)的數(shù)字化教學(xué)技術(shù)領(lǐng)域，具體涉及一種用于復(fù)雜題型在HTML上的樣式渲染和事件綁定的方法。

背景技術(shù)

伴隨著計算機技術(shù)、移動設(shè)備的發(fā)展和網(wǎng)絡(luò)時代的推進(jìn)，人們的學(xué)習(xí)方法和學(xué)習(xí)方式已經(jīng)悄然生息的發(fā)生了變化，做練習(xí)題是學(xué)習(xí)過程中必不可少的一個重要環(huán)節(jié)，大多數(shù)人不再拘泥于書本的練習(xí)，網(wǎng)絡(luò)中大數(shù)據(jù)環(huán)境下往往有更多更加豐富的題庫和練習(xí)途徑，由于電腦的操作方式比較死板，對題目的各種作答效果支持比較差，有較多的題型不能完全的平移到電子計算機或移動設(shè)備中，比如匹配題，田字格手寫題，連線題等。

目前PC和移動設(shè)備中對題目渲染和作答支持比較好的方法是包含主觀題和客觀題兩大類，客觀題包括選擇、判斷、多選等可直接在題目上作答可自動判分，復(fù)雜一些的填空題如：匹配題，田字格手寫題，連線題等只能轉(zhuǎn)換為主觀題作答，無法調(diào)用計算機的拖拽和移動設(shè)備的手寫等功能。如此一來，會浪費較多優(yōu)質(zhì)的題目，讓用戶感覺體驗效果太差，部分可由系統(tǒng)自動批改的題目只能人工批改，功能單一死板，無法激發(fā)起學(xué)生的練習(xí)熱情。

發(fā)明內(nèi)容

本發(fā)明的目的在于針對現(xiàn)有技術(shù)中復(fù)雜題型在HTML頁面上難以渲染和事件綁定的問題，提供一種通過表達(dá)式的設(shè)計實現(xiàn)復(fù)雜題型在HTML上的樣式渲染和事件綁定的方法。

本發(fā)明的技術(shù)方案如下：一種用于復(fù)雜題型在HTML上的樣式渲染和事件綁定的方法，該方法定義一套多功能題目表達(dá)式，將具體題目在作答時的渲染效果和需綁定的事件匹配對應(yīng)到所述表達(dá)式中，HTML頁面在渲染題目時通過解析題目中的表達(dá)式，為每道題目綁定展示特效和作答事件，所述表達(dá)式的固定公式如下：

！--#@*_*@(){}$--

其中，！--……--表示HTML的定義注釋標(biāo)簽；

“#@”是特殊字符，防止在前段解析表達(dá)式方法混淆將非表達(dá)式內(nèi)容解析成無定義的表達(dá)式；

第二個“@”增加表達(dá)式的匹配復(fù)雜度，防止與非表達(dá)式html注釋符混淆；

“*_*”中*是統(tǒng)配字母標(biāo)識符，第一個*表示填空處的展示效果,第二個*表示作答時需要調(diào)用的前段事件；“_”下劃線分隔兩個屬性，方便正則分隔；

“()”括號中的內(nèi)容是所填字符長度；

“{}”是預(yù)留屬性；

“$”增加表達(dá)式的匹配復(fù)雜度，防止與非表達(dá)式html注釋符混淆。

進(jìn)一步，如上所述的用于復(fù)雜題型在HTML上的樣式渲染和事件綁定的方法，其中，固定公式中第一個*表示的填空處的展示效果包括：

kh＝括號“()”；

xhx＝下劃線“”；

fk＝方框“□”；

yq＝圓圈“○”；

tzg＝田字格“田”。

第二個*表示的作答時需要調(diào)用的前段事件包括：

hz＝漢字“手寫”；

sz＝數(shù)字鍵盤“九宮格+小數(shù)、分?jǐn)?shù)符、負(fù)數(shù)”；

ywzm＝英文字母；