[发明专利]一种用于复杂题型在HTML上的样式渲染和事件绑定的方法

说明书

本发明公开了一种用于复杂题型在HTML上的样式渲染和事件绑定的方法，该方法定义一套多功能题目表达式，将具体题目在作答时的渲染效果和需绑定的事件匹配对应到所述表达式中。该表达式主要是将特殊字符按约定组合，把一些复杂的题型(如：田字格手写题，匹配题等)的作答效果和渲染方式进行归纳，将题目结构改造为符合表达式结构的题目。HTML页面在渲染题目时通过解析题目中的表达式，为每道题目绑定展示特效和作答事件。本发明兼容性强，扩展性好，可良好的处理各种定制化的题目渲染和作答场景。

技术领域

本发明属于应用互联网的数字化教学技术领域，具体涉及一种用于复杂题型在HTML上的样式渲染和事件绑定的方法。

背景技术

伴随着计算机技术、移动设备的发展和网络时代的推进，人们的学习方法和学习方式已经悄然生息的发生了变化，做练习题是学习过程中必不可少的一个重要环节，大多数人不再拘泥于书本的练习，网络中大数据环境下往往有更多更加丰富的题库和练习途径，由于电脑的操作方式比较死板，对题目的各种作答效果支持比较差，有较多的题型不能完全的平移到电子计算机或移动设备中，比如匹配题，田字格手写题，连线题等。

目前PC和移动设备中对题目渲染和作答支持比较好的方法是包含主观题和客观题两大类，客观题包括选择、判断、多选等可直接在题目上作答可自动判分，复杂一些的填空题如：匹配题，田字格手写题，连线题等只能转换为主观题作答，无法调用计算机的拖拽和移动设备的手写等功能。如此一来，会浪费较多优质的题目，让用户感觉体验效果太差，部分可由系统自动批改的题目只能人工批改，功能单一死板，无法激发起学生的练习热情。

发明内容

本发明的目的在于针对现有技术中复杂题型在HTML页面上难以渲染和事件绑定的问题，提供一种通过表达式的设计实现复杂题型在HTML上的样式渲染和事件绑定的方法。

本发明的技术方案如下：一种用于复杂题型在HTML上的样式渲染和事件绑定的方法，该方法定义一套多功能题目表达式，将具体题目在作答时的渲染效果和需绑定的事件匹配对应到所述表达式中，HTML页面在渲染题目时通过解析题目中的表达式，为每道题目绑定展示特效和作答事件，所述表达式的固定公式如下：

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

其中，！--……--表示HTML的定义注释标签；

“#@”是特殊字符，防止在前段解析表达式方法混淆将非表达式内容解析成无定义的表达式；

第二个“@”增加表达式的匹配复杂度，防止与非表达式html注释符混淆；

“*_*”中*是统配字母标识符，第一个*表示填空处的展示效果,第二个*表示作答时需要调用的前段事件；“_”下划线分隔两个属性，方便正则分隔；

“()”括号中的内容是所填字符长度；

“{}”是预留属性；

“$”增加表达式的匹配复杂度，防止与非表达式html注释符混淆。

进一步，如上所述的用于复杂题型在HTML上的样式渲染和事件绑定的方法，其中，固定公式中第一个*表示的填空处的展示效果包括：

kh＝括号“()”；

xhx＝下划线“”；

fk＝方框“□”；

yq＝圆圈“○”；

tzg＝田字格“田”。

第二个*表示的作答时需要调用的前段事件包括：

hz＝汉字“手写”；

sz＝数字键盘“九宫格+小数、分数符、负数”；

ywzm＝英文字母；