CN106844297B

CN106844297B - Method for style rendering and event binding of complex question style on HTML (hypertext markup language)

Info

Publication number: CN106844297B
Application number: CN201611150749.XA
Authority: CN
Inventors: 张芳志
Original assignee: Mainbo Education Technology Co ltd
Current assignee: Mainbo Education Technology Co ltd
Priority date: 2016-12-14
Filing date: 2016-12-14
Publication date: 2022-06-07
Anticipated expiration: 2036-12-14
Also published as: CN106844297A

Abstract

The invention discloses a method for style rendering and event binding of complex question types on HTML, which defines a set of multifunctional question expressions and matches the rendering effect of a specific question in response and an event to be bound into the expressions. The expression is mainly characterized in that special characters are combined according to conventions, the answering effect and the rendering mode of some complex question types (such as field character grid handwriting questions, matching questions and the like) are summarized, and the question structure is modified into a question conforming to the expression structure. When the HTML page renders the questions, the special effects and the answering events are displayed for each question in a binding mode by analyzing the expressions in the questions. The invention has strong compatibility and good expansibility and can well process various customized question rendering and answering scenes.

Description

Method for style rendering and event binding of complex question style on HTML (hypertext markup language)

Technical Field

The invention belongs to the technical field of digital teaching of application internet, and particularly relates to a method for style rendering and event binding of a complex question style on HTML (hypertext markup language).

Background

Along with the development of computer technology and mobile equipment and the promotion of network times, the learning method and the learning mode of people have changed in a quieter way, the practice problem is an essential important link in the learning process, most people no longer are in the exercise of books, more and more abundant problem libraries and exercise ways are often provided under the large data environment in the network, because the operation mode of a computer is more rigid, the support for various answering effects of the problems is poorer, and more problem types can not be completely translated into an electronic computer or mobile equipment, such as matching problems, field character handwriting problems, connection problems and the like.

At present, the method for better supporting the question rendering and answering in the PC and the mobile equipment comprises two categories of subjective questions and objective questions, wherein the objective questions comprise selection, judgment, multiple selection and the like, can be directly answered on the questions and can be automatically appraised, and complicated gap filling questions are as follows: the matching questions, the field character grid handwriting questions, the connection questions and the like can only be converted into subjective questions to be answered, and functions of dragging of a computer, handwriting of mobile equipment and the like cannot be called. Therefore, more high-quality questions can be wasted, the user feels that the experience effect is poor, some questions which can be automatically corrected by the system can only be manually corrected, the function is single, and the exercise enthusiasm of students cannot be stimulated.

Disclosure of Invention

The invention aims to provide a method for realizing style rendering and event binding of a complex question form on an HTML (hypertext markup language) through design of an expression aiming at the problem that the complex question form is difficult to render and event binding on the HTML page in the prior art.

The technical scheme of the invention is as follows: a method for style rendering and event binding of complex question types on HTML defines a set of multifunctional question expressions, matches the rendering effect of a specific question in response to an event to be bound to the expression, analyzes the expression in the question in the process of rendering the question by an HTML page, and shows a special effect and the event to be bound for each question, wherein the fixed formula of the expression is as follows:

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

wherein <! - … … - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [ definition annotate- -definition annotating- -definition tags in HTML;

the "# @" is a special character, and prevents the expression analysis method in the previous section from being confused to analyze the content of a non-expression into an expression without definition;

the second '@' increases the matching complexity of the expression and prevents confusion with non-expression html annotations;

the first one represents the display effect of the filling-in space, and the second one represents the former stage event to be called when answering; a "_" underline separates two attributes, facilitating regular separation;

the content in the "()" parentheses is the filled character length;

"{ }" is a reservation attribute;

"$" increases the matching complexity of the expression, preventing confusion with the non-expression html comments.

Further, the method for style rendering and event binding of a complex topic style on HTML as described above, wherein the effect of showing the filling space represented by the first x in the fixed formula comprises:

kh ═ brackets "()";

xhx is underlined ";

fk ═ box "□";

yq ═ circle ";

tzg is a grid "tian".

The second one indicates that the former-stage events to be invoked in response include:

hz is the Chinese character 'handwriting';

sz ═ numeric keyboard "squared figure + decimal, fraction symbol, negative number";

ywzm ═ english letters;

sxfh ═ mathematical symbol "> \\\ ═ or";

pddc＝√、×；pdtf＝T、F；

pxsz＝1,2,3,4,5…；pxzm＝A,B,C,D,E…；

tsxb ═ field character grid handwriting pad;

and (5) matching question answering items, and binding the dragging events.

Further, the method for style rendering and event binding of complex question types on HTML as described above, wherein the "{ }" reserved attributes in the fixed formula include size, number, special style, permission exposure, variable attributes, and the like.

Further, the method for style rendering and event binding of complex question styles on HTML as described above, wherein for the sort question, when the sort is a number, the content in the brackets of "()" in the fixed formula is a number representing the beginning of 1; when letters are sorted, the "()" parenthesis in the fixed formula represents a number of letters starting with a.

Further, the method for style rendering and event binding of a complex question style on HTML as described above, wherein for a matching question, the first-stage event to be called in response to the second-order representation includes:

ppdx is a matching term, matching only once;

ppcf is a matching item and can be matched for multiple times;

and matching and answering to fill in the blank.

The invention has the following beneficial effects: the invention mainly solves the problems of rendering and event binding of complex gap filling problems in an HTML page through the idea of an expression. And through the thought, a set of complete compatible and expandable title content expression, namely a multifunctional title expression, is designed. The appearance of the expression breaks through the answering tradition of the original teaching notes of the subjects in the electronic equipment, so that the original boring and deadly electronic subjects jump on the screen of the equipment, the use feeling of a user is improved, and the exercise enthusiasm of students is stimulated.

Drawings

FIG. 1 is a table of a gap filling question entry template using the expression of the present invention;

FIG. 2 is a table of judgment questions and writing questions entered into a template using the expression of the present invention;

FIG. 3 is a table of templates for inputting the sequence questions and matching questions using the expression of the present invention;

FIG. 4 is a diagram illustrating a matching problem according to an embodiment of the present invention;

FIG. 5 is a flow diagram of a method of an embodiment.

Detailed Description

The invention is described in detail below with reference to the figures and examples.

The method for style rendering and event binding of complex question types on HTML defines a set of multifunctional question expressions, and the rendering effect of a specific question in response and the event needing to be bound are matched and corresponding to the expressions. The expression is mainly characterized in that special characters are combined according to conventions, the answering effect and the rendering mode of some complex question types (such as field character grid handwriting questions, matching questions and the like) are summarized, and the question structure is modified into a question conforming to the expression structure. When the HTML page renders the questions, the expressions in the questions are analyzed, and special effects and answering events, such as matching question option display, field character grid handwriting and other special answering events, are displayed for each question in a binding mode.

The fixed formula of the expression is as follows:

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

the second '@' increases the matching complexity of the expression and prevents confusion with the non-expression html comments;

"_ is a universal letter identifier, the first one indicates the effects of the filling in the space, such as underline" (xhx), brackets "()" (kh), etc.; the second one represents the former stage event to be called in response, such as drag event, handwriting event, etc.; the "_" underline separates two attributes, facilitating regular separation;

the content in the "()" parentheses is the filled character length;

"{ }" is reserved attributes such as size, number, special style, rights exhibition, variable attributes, etc.;

The expression rules are detailed as follows:

1. general formula! - # @ _ @ () { } $ >

2.@ [ a-z ] _[ a-z ] @: fill-in-the-blank template type

Front section: kh ═ (); xhx ═ ___; □; yq ═ o; tzg ═ field

A rear section: hz ═ chinese characters (handwriting);

sz ═ numeric keyboard (squared plus decimal, fractional symbol, negative);

ywzm ═ english letters;

sxfh ═ mathematical notation (> \\\ = ═);

pddc＝√、×；pdtf＝T、F；

pxsz＝1,2,3,4,5…；pxzm＝A,B,C,D,E…；

tsxb ═ field character grid handwriting pad;

and (5) matching question answering items, and binding the dragging events.

3.(1): the length is 1 Chinese character length; only underlines and brackets have length. (Default 1)

{ } reserve attributes, such as size (width) or for other attribute extensions, fill in the amount of space.

5. Description of the specific topic:

1) problem of sorting

<！--#@kh_pxsz@(4){}$-->

When the sequence is a number, the sequence question matching characters in the fixed formula (4) represent 1,2,3 and 4;

<！--#@kh_pxzm@(4){}$-->

when the letter is sorted, the (4) in the matching character of the sort question in the fixed formula represents A, B, C and D

2) Question of matching

ppdx: matching terms, can only match once <! - # @ kh _ ppdx @ (buried) { } $ - - >

ppcf; matching items capable of being matched multiple times

ppzd; matching answering gap filling

(1) < | A! - # @ kh _ ppzd @ (10) { } $ - - (10) represents a gap of length 10;

(2) < | A! - # @ xhx _ ppzd @ (2) {3} $ - > (2) {3} represents that there are three underscores of length 2 characters (an empty answer has multiple words and entering the answer out of order requires splitting the vocabulary by # # # # #:

1.one###two###five)

the order of the matching characters at the blank filling position corresponds to the answer of the subject limb according to the natural order.

Fig. 1-3 are entry templates for different presentation effects and events, respectively.

For the gap filling question in fig. 1, the display effect includes: kh (), xhx, fk □, yq ∘.

The events include: hz chinese characters (handwriting), sz numeric keyboard (squared figure + decimal, fractional symbol, negative), ywzm english alphabet, sxfh mathematical symbol (> \\\ ═).

FIG. 2 shows the effect of judging questions and writing questions as follows: kh (), xhx.

The events include: pddc √ x, pdtf ═ T, F, tsxb tian grid handwriting pad.

FIG. 3 shows the effect of ordering and matching questions as follows: kh (), xhx.

The events include: pxsz ═ 1,2,3,4,5 …, pxzm ═ a, B, C, D, E …, ppdx, ppcf, ppzd.

Examples

The method provided by the invention defines a set of expressions which are used as identifiers in the process of rendering and binding events of complex question type data in an HTML page, namely, multi-functional question expressions. When the title is recorded, the correct expression needs to be selected by combining the actual effect of the title and the answering event.

The matching problem is shown in fig. 4. If the options are required to be identified, the functions of dragging answering and storing answering records are realized, the effect that a simple text description question stem cannot answer is definitely achieved, and if the HTML static page is independently customized for each question, too much manpower and material resources are consumed, and the problem can be easily solved by realizing the multifunctional question expression. The specific method can be summarized as the following steps, as shown in fig. 5:

step one, summarizing the type of a system question, the rendering effect of a filling-in vacancy, an event needing to be bound during answering and an answering result storage method;

secondly, defining and expanding a multi-functional topic expression, matching a corresponding expression according to the effect and the event summarized in the first step, and expanding according to rules if the current expression is insufficient;

thirdly, carrying out expression transformation on the structure of the question data, and adding an expression to the answering position of the question data;

and fourthly, the front-stage designer binds the events according to the appointed expression and adds the rendering effect.

Taking the matching question of fig. 4 as an example, the question shown in the figure is a single item matching question, each item can only be dragged once, and after analysis, the item can be used

<--！#@xhx_ppzd@(2){3}$-->，<！--#@xhx_ppdx@(green){}$-->

The binding of the event and the special effect of the matching question in FIG. 4 is completed by the above two expressions.

In conclusion, the main point of the invention is that the rule determined by the expression has strong compatibility and good expansibility, and can well process various customized title rendering and answering scenes. A set of templates can support all topics of the same type. And standards and specifications are provided for the resolution of complex themes in HTML.

It should be noted that the above-mentioned embodiments are only exemplary, and those skilled in the art can make various modifications and variations on the above-mentioned embodiments without departing from the scope of the present invention. It will be appreciated by persons skilled in the art that the foregoing detailed description is provided for the purpose of illustrating the invention and is not to be construed as limiting the invention. The scope of the invention is defined by the claims and their equivalents.

Claims

1. A method for style rendering and event binding of complex themes on HTML, characterized by: the method defines a set of multifunctional topic expressions, the rendering effect of a specific topic in answering and events needing to be bound are matched and corresponding to the expressions, HTML pages bind and display special effects and answering events for each topic by analyzing the expressions in the topics in the process of topic rendering, and the fixed formula of the expressions is as follows:

where <! - … … - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -;

the content in the "()" parentheses is the filled character length;

"{ }" is a reserved attribute that includes size, number, special style, privilege show, variable attribute;

"$" increases the matching complexity of the expression, and prevents confusion with non-expression html comments;

the display effect of the filling space represented by the first x in the fixed formula comprises the following steps:

kh = brackets "()";

xhx = underlined "";

fk = box "□";

yq = circle ";

tzg = grid "field";

the first-stage events to be called in response to the second in the fixed formula include:

hz = Chinese character "handwriting";

ywzm = english alphabet;

sxfh = mathematical symbol "> \\=";

pddc=√、×;pdtf=T、F;

pxsz=1,2,3,4,5…;

pxzm=A,B,C,D,E…;

tsxb = field grid handwriting pad;

ppzd = match question answer item, bind drag event.

2. The method for style rendering and event binding of complex themes over HTML of claim 1, wherein: for the matching questions, the second one represents the former-stage events to be called in response to include:

ppdx = match, match only once;

ppcf = match, can match multiple times.