CN106844297A - A kind of pattern for complicated topic type on HTML renders the method with event binding - Google Patents
A kind of pattern for complicated topic type on HTML renders the method with event binding Download PDFInfo
- Publication number
- CN106844297A CN106844297A CN201611150749.XA CN201611150749A CN106844297A CN 106844297 A CN106844297 A CN 106844297A CN 201611150749 A CN201611150749 A CN 201611150749A CN 106844297 A CN106844297 A CN 106844297A
- Authority
- CN
- China
- Prior art keywords
- event
- html
- exercise question
- formula
- expression formula
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/111—Mathematical or scientific formatting; Subscripts; Superscripts
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
Abstract
The method with event binding is rendered the invention discloses a kind of pattern for complicated topic type on HTML, the method defines a set of multi-functional exercise question expression formula, during rendering effect of the specific exercise question when answering and the event matches that need to be bound corresponded into the expression formula.The expression formula is mainly spcial character is combined by agreement, the topic type of some complexity (such as：The hand-written topic of matts, matching topic etc.) answer and effect and render mode and concluded, be the exercise question for meeting expression formula structure by exercise question structure of modification.Html page, by parsing the expression formula in exercise question, is per pass exercise question binding displaying special efficacy and event of answering when exercise question is rendered.Compatibility of the invention is strong, favorable expandability, and the exercise question of the various customization for the treatment of that can be good renders and answer scene.
Description
Technical field
The invention belongs to the Digital Teaching technical field of application internet, and in particular to one kind exists for complicated topic type
Pattern on HTML renders the method with event binding.
Background technology
Along with computer technology, the development of mobile device and the propulsion of cybertimes, the learning method of people and study
What mode had quietly been lived there occurs change, and the topic that does one's exercises is an essential important step in learning process, mostly
Number people no longer sticks to the exercise of books, often there is more more abundant exam pools and exercise way in network under big data environment
Footpath, because the mode of operation of computer is more inflexible, the various effects of answering to exercise question support poor, have the more topic type can not
Completely move in electronic computer or mobile device, such as matching is inscribed, the hand-written topic of matts, line topic etc..
Exercise question rendered in current PC and mobile device and is answered and support that relatively good method is comprising subjective item and objective
Two major classes are inscribed, objective item can directly answer on exercise question and can appraise automatically including selection, judgement, multiselect etc., and more complex fills out
Sky topic is such as：Matching is inscribed, the hand-written topic of matts, and line topic etc. can only be converted to subjective item and answer, it is impossible to call the dragging of computer
With the function such as hand-written of mobile device.Consequently, it is possible to the exercise question of more high-quality can be wasted, make user's sense learning through practice effect too poor,
The exercise question that part can automatically be corrected by system can only be corrected manually, and unitary function is inflexible, it is impossible to excited the exercise enthusiasm of student.
The content of the invention
It is difficult to render and event binding on html page it is an object of the invention to be directed to complicated topic type in the prior art
Problem, there is provided a kind of design by expression formula realizes that pattern of the complicated topic type on HTML renders the side with event binding
Method.
Technical scheme is as follows：A kind of pattern for complicated topic type on HTML renders the side with event binding
Method, the method defines a set of multi-functional exercise question expression formula, by rendering effect of the specific exercise question when answering and the event that need to be bound
Matching is corresponded in the expression formula, and html page, by parsing the expression formula in exercise question, is per pass exercise question when exercise question is rendered
Binding displaying special efficacy and event of answering, the set formula of the expression formula are as follows：
<！--#@*_*@(){}$-->
Wherein,<！--……-->Represent the definition comment tag of HTML；
" #@" is spcial character, prevents from obscuring non-express formula Context resolution into without definition in leading portion analytical expression method
Expression formula；
Second "@" increases the match complexity of expression formula, prevents from obscuring with non-express formula html annotation symbols；
* is alphabetical identifier under unified central planning in " * _ * ", and first * represents the bandwagon effect at place of filling a vacancy, and second * is represented and answered
When need the leading portion event called；" _ " underscore separates two attributes, facilitates canonical to separate；
Content in " () " bracket is filled out character length；
" { } " is reserved attribute；
" $ " increases the match complexity of expression formula, prevents from obscuring with non-express formula html annotation symbols.
Further, the pattern for being used for complicated topic type on HTML as described above renders the method with event binding, wherein,
The bandwagon effect at the place of filling a vacancy that first * is represented includes in set formula：
Kh=brackets " () "；
Xhx=underscores " "；
Fk=square frames " "；
Yq=circle "○"；
Tzg=matts " field ".
The leading portion event that needs are called when answering that second * is represented includes：
Hz=Chinese characters " hand-written "；
Sz=numeric keypads " nine grids+decimal, fraction symbol, negative "；
Ywzm=English alphabets；
Sxfh=mathematic signs ">\<="；
Pddc=√, ×；Pdtf=T, F；
Pxsz=1,2,3,4,5 ...；Pxzm=A, B, C, D, E ...；
Tsxb=matts handwriting pads；
Item of answering is inscribed in ppzd=matchings, binds dragging event.
Further, the pattern for being used for complicated topic type on HTML as described above renders the method with event binding, wherein,
" { } " reserved attribute is including size, quantity, special pattern, authority displaying, variable attribute etc. in set formula.
Further, the pattern for being used for complicated topic type on HTML as described above renders the method with event binding, wherein,
For sequence topic, when sequence be numeral when, the content in set formula in " () " bracket is to represent several by 1
Numeral；When sequence be letter when, the content in set formula in " () " bracket be represent by A several letter.
Further, the pattern for being used for complicated topic type on HTML as described above renders the method with event binding, wherein,
For matching topic, the leading portion event that needs are called when answering that second * is represented includes：
Ppdx=occurrences, only match once；
Ppcf=occurrences, can match repeatedly；
Ppzd=matchings are answered and are filled a vacancy.
Beneficial effects of the present invention are as follows：The present invention mainly solves the gap-filling questions of complexity by the thought of expression formula
The problem rendered with event binding in html page.And by this thought, design the compatible of complete set and expand
The item content expression formula of exhibition, i.e., multi-functional exercise question expression formula.The appearance of this set expression formula, has broken exercise question former in electronic equipment
The tradition of answering of first doctrine, makes uninteresting inflexible electronics exercise question originally appear vividly on the screen of equipment, improves making for user
With impression, the exercise enthusiasm of student is excited.
Brief description of the drawings
Fig. 1 is using the gap-filling questions typing template list of expression formula of the present invention；
Fig. 2 be using expression formula of the present invention True-False, write questions record and enter template list；
Fig. 3 be using expression formula of the present invention sequence topic, matching questions record enter template list；
Fig. 4 is the matching topic schematic diagram of the specific embodiment of the invention；
Fig. 5 is the method flow diagram of specific embodiment.
Specific embodiment
The present invention is described in detail with reference to the accompanying drawings and examples.
Pattern for complicated topic type on HTML provided by the present invention renders the method with event binding, defines one
Multi-functional exercise question expression formula is covered, rendering effect of the specific exercise question when answering and the event matches that need to be bound are corresponded into the table
Up in formula.The expression formula is mainly spcial character is combined by agreement, the topic type of some complexity (such as：The hand-written topic of matts,
With topic etc.) answer and effect and render mode and concluded, be the exercise question for meeting expression formula structure by exercise question structure of modification.HTML
The page is per pass exercise question binding displaying special efficacy and event of answering by parsing the expression formula in exercise question when exercise question is rendered, such as
With topic option displaying, special event of answering such as matts is hand-written etc..
The set formula of the expression formula is as follows：
<！--#@*_*@(){}$-->
Wherein,<！--……-->Represent the definition comment tag of HTML；
" #@" is spcial character, prevents from obscuring non-express formula Context resolution into without definition in leading portion analytical expression method
Expression formula；
Second "@" increases the match complexity of expression formula, prevents from obscuring with non-express formula html annotation symbols；
* is alphabetical identifier under unified central planning in " * _ * ", and first * represents the bandwagon effect at place of filling a vacancy, such as underscore " " (xhx),
Bracket " () " (kh) etc.；The leading portion event that needs are called when second * is represented and answered, such as pulls event, hand-written event；“_”
Underscore separates two attributes, facilitates canonical to separate；
Content in " () " bracket is filled out character length；
" { } " is reserved attribute, such as size, quantity, special pattern, authority displaying, variable attribute；
" $ " increases the match complexity of expression formula, prevents from obscuring with non-express formula html annotation symbols.
Expression formula rule describes in detail as follows：
1. general formula<！--#@*_*@(){}$-->
2.@[a-z]_[a-z]@：Fill a vacancy template type
_ leading portion：Kh=()；Xhx=___；Fk=；Yq=zero；Tzg=fields
_ back segment：Hz=Chinese characters (hand-written)；
Sz=numeric keypads (nine grids+decimal, fraction symbol, negative)；
Ywzm=English alphabets；
Sxfh=mathematic signs (>\<=)；
Pddc=√, ×；Pdtf=T, F；
Pxsz=1,2,3,4,5 ...；Pxzm=A, B, C, D, E ...；
Tsxb=matts handwriting pads；
Item of answering is inscribed in ppzd=matchings, binds dragging event.
3.(1)：Length is 1 chinese character length；Only underscore and bracket has length.(acquiescence 1)
4.{}:Reserved attribute, such as size (width) or for other attribute extensions, quantity of filling a vacancy.
5. special topic type explanation：
1) sequence topic
<！--#@kh_pxsz@(4){}$-->
When sequence be numeral when, in set formula sequence topic matching symbol in (4) represent 1,2,3,4；
<！--#@kh_pxzm@(4){}$-->
When sequence be letter when, in set formula sequence topic matching symbol in (4) represent A, B, C, D
2) matching topic
ppdx：Occurrence, can only match once<！-- #@kh_ppdx@(burying) { } $ -->
ppcf；Occurrence, can match repeatedly
ppzd；Matching is answered and is filled a vacancy
(1)<！--#@kh_ppzd@(10){}$-->(10) length is represented as 10 fill a vacancy；
(2)<！--#@xhx_ppzd@(2){3}$-->(2) { 3 } represent length as the underscore of 2 characters has three (one
Empty answer have multiple words and it is unordered when typing answer need vocabulary ### segmentations such as：
1.one###two###five)
Place's matching symbol order of filling a vacancy is corresponding with topic limb answer according to natural order.
Fig. 1-Fig. 3 is respectively the typing template of different bandwagon effects and event.
Gap-filling questions are directed in Fig. 1, bandwagon effect includes：Kh (), xhx, fk, yq zero.
Event includes：Hz Chinese characters (hand-written), sz numeric keypads (nine grids+decimal, fraction symbol, negative), ywzm English words
Mother, sxfh mathematic signs (>\<=).
Fig. 2 is for True-False and writes topic, and bandwagon effect includes：Kh (), xhx.
Event includes：Pddc=√, ×, pdtf=T, F, tsxb matts handwriting pads.
Fig. 3 is inscribed for sequence topic and matching, and bandwagon effect includes：Kh (), xhx.
Event includes：Pxsz=1,2,3,4,5 ..., pxzm=A, B, C, D, E ..., ppdx, ppcf, ppzd.
Embodiment
The method that the present invention is provided defines a set of data for solving complicated topic type and thing is rendered and bound in html page
The process of part is used as the expression formula for identifying, i.e., multi-functional exercise question expression formula.Exercise question is in typing, it is necessary to reference to the actual effect of exercise question
Fruit and the event of answering go to select correct expression formula.
Matching topic as shown in Figure 4.Identification options are wanted, realizes that dragging is answered, preserve the answer functions, simple word such as record
Description stem topic limb cannot answer above effect certainly, HTML static pages are all individually customized if each problem and is expended again too
Many manpower and materials, the realization of multi-functional exercise question expression formula can easily solve problem above.Specific method can be summarized as follows
Step, as shown in Figure 5：
The first step, the type of induction system exercise question and the rendering effect at the place of filling a vacancy, the event that binding is needed when answering and
Result of answering store method；
Second step, defines and extends multi-functional exercise question expression formula, corresponding with event matches according to the effect that the first step is concluded
Expression formula, if current expression is not enough, is extended by rule；
3rd step, the structure of problem data enters row expression transformation, and the place of answering of problem data is added into expression formula；
4th step, leading portion designer unbinds event according to the expression formula of agreement, adds rendering effect.
With the entitled example of the matching of Fig. 4, the topic of entitled individual event matching shown in figure, each option can only it is dragged once,
Be can be used after analysis
<--！#@xhx_ppzd@(2){3}$-->,<！--#@xhx_ppdx@(green){}$-->
As above two expression formulas complete the binding of the event and special efficacy of Fig. 4 matchings topic.
To sum up, idea of the invention is the rule determined by expression formula, and compatibility is strong, and favorable expandability can be good
The exercise question for processing various customization renders and answers scene.A set of template just can support the exercise question of all same types.For complexity is inscribed
Type provides standards and norms in the parsing of HTML.
It should be noted that above-mentioned implementing only be exemplary, and under above-mentioned teaching of the invention, art technology
Personnel can carry out various improvement and deformation on the basis of above-described embodiment, and these are improved or deformation falls of the invention
In protection domain.It will be understood by those skilled in the art that specific descriptions above are intended merely to explain the purpose of the present invention, not
For limiting the present invention.Protection scope of the present invention is limited by claim and its equivalency range.
Claims (6)
1. a kind of pattern for complicated topic type on HTML renders the method with event binding, it is characterised in that：The party is legal
The a set of multi-functional exercise question expression formula of justice, institute is corresponded to by rendering effect of the specific exercise question when answering and the event matches that need to be bound
State in expression formula, html page, by parsing the expression formula in exercise question, is per pass exercise question binding displaying special efficacy when exercise question is rendered
With the event of answering, the set formula of the expression formula is as follows：
<！--#@*_*@(){}$-->
Wherein,<！--……-->Represent the definition comment tag of HTML；
" #@" is spcial character, prevents from obscuring non-express formula Context resolution into the table without definition in leading portion analytical expression method
Up to formula；
Second "@" increases the match complexity of expression formula, prevents from obscuring with non-express formula html annotation symbols；
* is alphabetical identifier under unified central planning in " * _ * ", and first * represents the bandwagon effect at place of filling a vacancy, and is needed when second * is represented and answered
The leading portion event to be called；" _ " underscore separates two attributes, facilitates canonical to separate；
Content in " () " bracket is filled out character length；
" { } " is reserved attribute；
" $ " increases the match complexity of expression formula, prevents from obscuring with non-express formula html annotation symbols.
2. the pattern for being used for complicated topic type on HTML as claimed in claim 1 renders the method with event binding, its feature
It is：The bandwagon effect at the place of filling a vacancy that first * is represented includes in set formula：
Kh=brackets " () "；
Xhx=underscores " _ _ "；
Fk=square frames " "；
Yq=circle "○"；
Tzg=matts " field ".
3. the pattern for being used for complicated topic type on HTML as claimed in claim 1 or 2 renders the method with event binding, and it is special
Levy and be：The leading portion event that needs are called when answering that second * is represented in set formula includes：
Hz=Chinese characters " hand-written "；
Sz=numeric keypads " nine grids+decimal, fraction symbol, negative "；
Ywzm=English alphabets；
Sxfh=mathematic signs ">\<="；
Pddc=√, ×；Pdtf=T, F；
Pxsz=1,2,3,4,5 ...；Pxzm=A, B, C, D, E ...；
Tsxb=matts handwriting pads；
Item of answering is inscribed in ppzd=matchings, binds dragging event.
4. the pattern for being used for complicated topic type on HTML as claimed in claim 1 renders the method with event binding, its feature
It is：" { } " reserved attribute includes size, quantity, special pattern, authority displaying, variable attribute in set formula.
5. the pattern for being used for complicated topic type on HTML as claimed in claim 1 renders the method with event binding, its feature
It is：For sequence topic, when sequence be numeral when, in set formula " () " if the content in bracket be represent by 1
Dry numeral；When sequence be letter when, the content in set formula in " () " bracket be represent by several words A
It is female.
6. the pattern for being used for complicated topic type on HTML as claimed in claim 1 renders the method with event binding, its feature
It is：For matching topic, the leading portion event that needs are called when answering that second * is represented includes：
Ppdx=occurrences, only match once；
Ppcf=occurrences, can match repeatedly；
Ppzd=matchings are answered and are filled a vacancy.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611150749.XA CN106844297B (en) | 2016-12-14 | 2016-12-14 | Method for style rendering and event binding of complex question style on HTML (hypertext markup language) |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611150749.XA CN106844297B (en) | 2016-12-14 | 2016-12-14 | Method for style rendering and event binding of complex question style on HTML (hypertext markup language) |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106844297A true CN106844297A (en) | 2017-06-13 |
| CN106844297B CN106844297B (en) | 2022-06-07 |
Family
ID=59139824
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611150749.XA Active CN106844297B (en) | 2016-12-14 | 2016-12-14 | Method for style rendering and event binding of complex question style on HTML (hypertext markup language) |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106844297B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110083626A (en) * | 2019-03-29 | 2019-08-02 | 北京奇安信科技有限公司 | Streaming events sequences match method and device |
| CN111401342A (en) * | 2020-06-04 | 2020-07-10 | 南京红松信息技术有限公司 | Question type sample manufacturing method based on label automation |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020172930A1 (en) * | 2001-03-28 | 2002-11-21 | Sun Microsystems, Inc. | Fill-in-the-blank applet |
| US8019770B1 (en) * | 2000-02-22 | 2011-09-13 | M. A. Mobile Ltd. | Dynamic rendering of content that includes query expressions |
| CN202677402U (en) * | 2012-06-21 | 2013-01-16 | 北京环宇锦盛科技有限公司 | System for applying intelligent digital pen to computer intelligentization test |
| CN105912510A (en) * | 2016-04-29 | 2016-08-31 | 北京华云天科技有限公司 | Method and device for judging answers to test questions and well as server |
| CN106202003A (en) * | 2016-06-23 | 2016-12-07 | 广东小天才科技有限公司 | A kind of contents of test question processing method and system |
-
2016
- 2016-12-14 CN CN201611150749.XA patent/CN106844297B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8019770B1 (en) * | 2000-02-22 | 2011-09-13 | M. A. Mobile Ltd. | Dynamic rendering of content that includes query expressions |
| US20020172930A1 (en) * | 2001-03-28 | 2002-11-21 | Sun Microsystems, Inc. | Fill-in-the-blank applet |
| CN202677402U (en) * | 2012-06-21 | 2013-01-16 | 北京环宇锦盛科技有限公司 | System for applying intelligent digital pen to computer intelligentization test |
| CN105912510A (en) * | 2016-04-29 | 2016-08-31 | 北京华云天科技有限公司 | Method and device for judging answers to test questions and well as server |
| CN106202003A (en) * | 2016-06-23 | 2016-12-07 | 广东小天才科技有限公司 | A kind of contents of test question processing method and system |
Non-Patent Citations (4)
| Title |
|---|
| 刘靖桐: "面向Web2.0的web应用前端开发框架的设计与实现", 《中国优秀博硕士学位论文全文数据库（硕士）信息科技辑（月刊）》 * |
| 孙华志: "Internet网上"大学英语训练系统"的开发与实现", 《全国计算机辅助教育学会第九届学术年会 会议论文集》 * |
| 王波 等: "基于ASP的在线考试系统即时保存答案的设计与实现", 《攀枝花学院学报》 * |
| 顾运筠 等: "语言教学课件中拖曳题的作用和计算机制作", 《微型电脑应用》 * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110083626A (en) * | 2019-03-29 | 2019-08-02 | 北京奇安信科技有限公司 | Streaming events sequences match method and device |
| CN111401342A (en) * | 2020-06-04 | 2020-07-10 | 南京红松信息技术有限公司 | Question type sample manufacturing method based on label automation |
Also Published As
| Publication number | Publication date |
|---|---|
| CN106844297B (en) | 2022-06-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104123399B (en) | A kind of cross-platform exam pool resource construction method | |
| Peterson | Learning responsive web design: a beginner's guide | |
| Dean | Web programming with HTML5, CSS, and JavaScript | |
| US20060008789A1 (en) | E-learning course extractor | |
| CN107239491A (en) | For realizing method, equipment, browser and electronic equipment that user behavior is followed the trail of | |
| CN106021394A (en) | Website construction method and apparatus | |
| deMaine | From disability to usability in online instruction | |
| Artamonova et al. | Smartphone-based language practices among refugees: mediational repertoires in two families | |
| CN109783184B (en) | User's customizing form generation method | |
| CN108961361B (en) | Method and system for generating special effect text image and computer equipment | |
| CN106844297A (en) | A kind of pattern for complicated topic type on HTML renders the method with event binding | |
| JP6712486B2 (en) | Electronic book display device, electronic book generation device, and program | |
| CN109166063A (en) | A kind of psychological consultation technical ability on-line training platform and method | |
| Chu | Design Factors Affect User Experience for Different Cultural Populations. | |
| CN116071769A (en) | Table identification method, apparatus, nonvolatile storage medium and computer device | |
| Salim et al. | Comparative study of low-cost tools to create effective educational infographics content | |
| Kuo et al. | Mobilizing 3D virtual artifacts exhibition system of National Palace Museum | |
| Stamant | Graphic narrative: An introduction | |
| CN104317875A (en) | Engineering graphics course test paper production system | |
| CN108427660A (en) | A kind of response type large-size screen monitors methods of exhibiting and device | |
| Rifkind | Graphic Life Narratives and Teaching the Art of Failure | |
| Ryan et al. | HTML and Web Site Design for the Radiologist: A Primer | |
| CN107123318A (en) | A kind of foreign language based on input subtraction unit writes learning system | |
| Furgang | Coding Activities for Building Websites with HTML | |
| Nereson | Shaping Dance Canons: Criticism, Aesthetics, and Equity by Kate Mattingly |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |