CN101470591A - 页面控件布局方法与装置 - Google Patents

页面控件布局方法与装置 Download PDF

Info

Publication number
CN101470591A
CN101470591A CNA2007103078760A CN200710307876A CN101470591A CN 101470591 A CN101470591 A CN 101470591A CN A2007103078760 A CNA2007103078760 A CN A2007103078760A CN 200710307876 A CN200710307876 A CN 200710307876A CN 101470591 A CN101470591 A CN 101470591A
Authority
CN
China
Prior art keywords
component
layout
label
code
container
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
Application number
CNA2007103078760A
Other languages
English (en)
Other versions
CN101470591B (zh
Inventor
刘建军
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Wu Jianqiang
Original Assignee
Huawei Technologies Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Priority to CN2007103078760A priority Critical patent/CN101470591B/zh
Priority to PCT/CN2008/072465 priority patent/WO2009082900A1/zh
Publication of CN101470591A publication Critical patent/CN101470591A/zh
Application granted granted Critical
Publication of CN101470591B publication Critical patent/CN101470591B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/972Access to data in other repository systems, e.g. legacy data or dynamic Web page generation

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • Document Processing Apparatus (AREA)

Abstract

本发明实施例公开了一种页面控件布局方法,使用两种不同类型的JSP标签:容器标签和组件标签,将布局逻辑从组件标签中剥离出来,通过组件标签所在的容器标签找到对应的布局管理器实现组件标签的布局。本发明实施例还提供用于通过JSP标签生成HTML代码的装置。本发明实施例由于采用与容器标签关联的布局管理器负责布局代码的生成,使得开发人员无需直接编写布局代码,开发简单;并且,组件标签自身与布局逻辑无关,可通过不同的容器标签实现不同的布局需求,使用灵活而不易出错。

Description

页面控件布局方法与装置
技术领域
本发明涉及页面布局技术领域,具体涉及通过Java服务页面(JSP:JavaServer Page)标签实现页面控件布局的方法以及相应的用于通过JSP标签生成超文本置标语言(HTML:HyperText Markup Language)代码的装置。
背景技术
目前,为简化书写HTML代码的难度,使开发人员更能按照页面控件的编写习惯开发页面,通过JSP标签技术生成页面控件的应用越来越普遍。在这些应用中,通过JSP标签实现页面控件布局是一项重要的内容,通常采用如下两种方法:
一、直接使用HTML代码实现布局的要求,将JSP标签嵌套在用于布局的代码中。示例如下:
<table><tr><td><xxx:A/></td></tr><tr><td><xxx:B/></td></tr></table>上例中,<xxx:A/>和<xxx:B/>分别为JSP标签A和B(开始和结束标签合并在一起);<table>和</table>分别为布局开始和结束代码,前后两组<tr><td>和</td></tr>分别为嵌套在其中的JSP标签A和B的布局开始和结束代码。该布局将显示上下两个区域,在上方的区域中显示标签A的内容,在下方的区域中显示标签B的内容。
本发明的发明人在对此方法的研究和实践过程中发现,在这个方法中,与布局相关的开发难度并没有被降低,开发人员需要熟悉HTML代码才能编写出与页面布局相关的代码。
二、由JSP标签同时生成自身布局的HTML代码。示例如下:
<xxx:form><xxx:A/><xxx:B/></xxx:form>
上例中,<xxx:form>和</xxx:form>分别为JSP标签form的开始和结束标签。在执行上述JSP标签的过程中,各个JSP标签不仅需要生成自身内容的HTML代码,还要生成自身布局的HTML代码,如下所示:
<form><table><tr><td>标签A的内容</td></tr><tr><td>标签B的内容</td></tr></table></form>其中,<table>和</table>即为由标签form生成的布局代码;前后两组<tr><td>和</td></tr>分别为标签A和B生成的布局代码。
本发明的发明人在对此方法的研究和实践过程中发现,在这个方法中,虽然开发人员无需手动书写HTML代码来实现布局,但是由于布局逻辑固定在标签中,对于已经编写完成的标签而言,无法满足灵活多变的布局需求。此外,若不了解标签所使用的布局逻辑,还容易造成标签执行后所生成HTML代码间布局的冲突,破坏页面整体的布局结构。
发明内容
本发明实施例提供页面控件布局方法和相应的装置,能够简单、灵活的实现ISP标签的布局要求。
一种页面控件布局方法,包括:执行容器标签的容器开始标签,包括,调用与所述容器标签对应的布局管理器生成布局开始代码;执行所述容器标签中的组件标签,包括,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器,调用所述布局管理器生成与所述组件标签关联的组件布局开始代码和组件布局结束代码;执行所述容器标签的容器结束标签,包括,调用与所述容器标签对应的布局管理器,生成布局结束代码。
一种用于通过JSP标签生成HTML代码的装置,包括:包括Java服务页面引擎、容器执行单元和组件执行单元;所述Java服务页面引擎,用于执行Java服务页面文件,在执行到容器标签时调用所述容器执行单元进行执行,在执行到组件标签时,调用所述组件执行单元进行执行;所述容器执行单元,具有获取布局管理器的接口,用于:根据所述Java服务页面引擎在执行容器标签的容器开始标签时的调用,调用与所述容器标签对应的布局管理器生成布局开始代码;根据所述Java服务页面引擎在执行容器标签的容器结束标签时的调用,调用与所述容器标签对应的布局管理器生成布局结束代码;所述组件执行单元,具有获取布局管理器的接口,用于:根据所述Java服务页面引擎在执行组件标签时的调用,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器,调用所述布局管理器生成与所述组件标签关联的组件布局开始代码和组件布局结束代码。
本发明实施例的技术方案中,使用两种不同类型的JSP标签:容器标签和组件标签,将布局逻辑从组件标签中剥离出来,通过组件标签所在的容器标签找到对应的布局管理器实现组件标签的布局;由于采用与容器标签关联的布局管理器负责布局代码的生成,使得开发人员无需直接编写布局代码,开发简单;并且,组件标签自身与布局逻辑无关,可通过不同的容器标签实现不同的布局需求,使用灵活而不易出错。
附图说明
图1是本发明实施例的页面控件布局方法主要步骤示意图;
图2是本发明实施例的装置的基本逻辑结构示意图;
图3是本发明实施例一页面控件布局方法的流程示意图;
图4是与本发明实施例一方法对应的装置的逻辑结构示意图;
图5是本发明实施例二页面控件布局方法的流程示意图;
图6是与本发明实施例二方法对应的装置的逻辑结构示意图;
图7是本发明实施例三页面控件布局方法的流程示意图;
图8是与本发明实施例三方法对应的装置的逻辑结构示意图。
具体实施方式
本发明实施例提供页面控件布局方法以及相应的装置。参考图1,本发明实施例的页面控件布局方法主要包括如下步骤:
A1、执行容器标签的容器开始标签,包括,调用与该容器标签对应的布局管理器生成布局开始代码。
本发明实施例中使用两种不同类型的JSP标签:容器标签和组件标签。由于容器标签中需要放置组件标签,因此,容器标签采用包括容器开始标签和容器结束标签的结构。各个容器标签与相应的布局管理器关联,由布局管理器负责提供容器标签以及容器标签中的组件标签的布局逻辑。
A2、执行容器标签中的组件标签,包括,根据该组件标签所在的容器标签获得与该容器标签对应的布局管理器,调用该布局管理器生成与组件标签关联的组件布局开始代码和组件布局结束代码。
组件标签可以采用包括组件开始标签和组件结束标签的结构,也可以采用开始和结束标签合并在一起的结构。容器标签中可以有一个或一个以上的组件标签,若有多个组件标签,则在本步骤中分别执行各个组件标签,生成各自关联的组件布局开始代码和组件布局结束代码即可。
组件标签中可以包括一个或一个以上的组件,这些组件彼此之间可以有类型上的区别,也可以是类型一致的。在生成组件布局开始代码和组件布局结束代码时,需要分别对组件标签中的各个组件生成组件布局开始代码和组件布局结束代码。
进一步的,组件标签通常需要提供一定的内容,因此执行容器标签中的组件标签还可包括,在生成组件布局开始代码和组件布局结束代码的步骤之间,生成组件内容代码;当然,在有多个组件的情况下,分别生成的各个组件内容代码应当在相应组件的组件布局开始代码和组件布局结束代码之间。所称组件内容代码可以由组件内容开始代码和组件内容结束代码组成;也可以是单一对象的组件内容代码,例如文本,这种情况可视为将该单一对象的组件内容代码包含在组件内容开始代码或组件内容结束代码中,若包含在开始代码中,则结束代码可以为空,若包含在结束代码中,则开始代码可以为空。
A3、执行容器标签的容器结束标签,包括,调用与该容器标签对应的布局管理器,生成布局结束代码。
当然,容器标签也可具有自身的内容,与组件内容类似,可以由容器内容开始代码和容器内容结束代码组成;也可以是单一对象的容器内容代码。因此,可以在执行容器开始标签的过程中,在生成布局开始代码后,生成单一对象的容器内容代码;或者,可以在执行容器结束标签的过程中,生成单一对象的容器内容代码,然后再执行调用布局管理器的操作;或者,也可以在执行容器开始标签的过程中,在生成布局开始代码后,生成容器内容开始代码,随后在执行容器结束标签的过程中,生成容器内容结束代码,然后再执行调用布局管理器的操作。其中,生成单一对象的容器内容代码的情况,也可以视为分别执行了生成容器内容开始和结束代码的步骤,只是其中一个执行步骤的结果为空。
另外,若一个组件标签不在一个容器标签中,或者一个组件标签处于另外一个组件标签中,则在执行组件标签时,获得相应的布局管理器将会返回空值,这种情况下不会执行该组件标签布局代码的生成操作。
下面根据上述页面控件布局方法,从代码设计的角度对所涉及的软件对象进行说明:
容器标签主要用于关联布局管理器,由于需要调用布局管理器来实现布局,因此容器标签提供获取布局管理器的代码接口。当然,为实现对布局管理器的灵活配置,容器标签也可进一步提供设置布局管理器的代码接口,这样即可通过执行容器标签来修改和设置布局管理器的布局逻辑。进一步的,若容器标签具有自身的内容,则容器标签还可提供生成容器内容开始代码的代码接口和生成容器内容结束代码的代码接口,若容器内容为单一对象的容器内容代码,则其中一个生成内容的代码接口所提供的代码片段可以为空。
布局管理器负责容器标签以及容器标签中的组件标签的布局逻辑,因此提供四个接口,分别为生成布局开始和结束代码的代码接口,以及生成组件布局开始和结束代码的代码接口。
组件标签与布局逻辑无关,因此提供生成组件内容开始代码和组件内容结束代码的代码接口即可,若组件内容为单一对象的组件内容代码,则其中一个代码接口所提供的代码片段可以为空。
参考图2,对应于上述页面控件布局方法,本发明实施例的用于通过JSP标签生成HTML代码的装置主要包括JSP引擎101、容器执行单元102和组件执行单元103。
JSP引擎101,用于执行JSP文件,在执行到容器标签时调用容器执行单元102进行执行,在执行到组件标签时,调用组件执行单元103进行执行。
容器执行单元102,具有获取布局管理器的接口,用于:根据JSP引擎101在执行容器标签的容器开始标签时的调用,调用与该容器标签对应的布局管理器生成布局开始代码;根据JSP引擎101在执行容器标签的容器结束标签时的调用,调用与该容器标签对应的布局管理器生成布局结束代码。
组件执行单元103,具有获取布局管理器的接口,用于:根据JSP引擎101在执行组件标签时的调用,根据该组件标签所在的容器标签获得与该容器标签对应的布局管理器,调用该布局管理器生成与所执行组件标签关联的组件布局开始代码和组件布局结束代码。
进一步的,容器执行单元102还可具有设置布局管理器的接口;使得容器执行单元102还可用于,根据JSP引擎101在执行容器标签时的调用,对与该容器标签对应的布局管理器进行设置。
本发明实施例的上述基本方案中,使用两种不同类型的JSP标签:容器标签和组件标签,将布局逻辑从组件标签中剥离出来,组件标签的布局由该组件标签所在的容器标签对应的布局管理器负责,开发人员无需直接编写布局代码,开发简单;并且,组件标签自身与布局逻辑无关,可通过放置在不同的容器标签中实现不同的布局需求,使用灵活;而且标签自身不需要生成与布局相关的HTML代码,因此不会造成标签执行后的布局冲突,保证了布局逻辑的正确性。
下面通过具体实施例对本发明的方法和装置作进一步的详细说明。
实施例一、一种页面控件布局方法,参考图3(图3中,标号相同的一对方向相反的箭头表示对应的调用与返回,此外,由于容器执行单元/组件执行单元所执行的实际内容由被执行的容器标签/组件标签提供,因此图3中将容器标签/组件标签作为主体,后续流程图中的表示与此相同,不再赘述),包括如下步骤:
a1、JSP引擎调用容器执行单元执行容器标签的容器开始标签。
a2、容器执行单元执行容器开始标签,调用与该容器标签对应的布局管理器生成布局开始代码。
a3、JSP引擎调用组件执行单元执行容器标签中的组件标签的组件开始标签。
a4、组件执行单元执行组件开始标签,根据该组件标签所在的容器标签获得与该容器标签对应的布局管理器。
a5、组件执行单元调用获得的布局管理器生成组件布局开始代码。
a6、通常组件标签需要提供一定的内容,因此组件执行单元在执行组件开始标签时,除了生成组件布局开始代码,还进一步生成组件内容开始代码;此代码片段可以为空。
a7、JSP引擎调用组件执行单元执行容器标签中的组件标签的组件结束标签。
a8、组件执行单元执行组件结束标签,通常,可生成组件内容结束代码;此代码片段可以为空。
a9、组件执行单元在生成组件内容结束代码后,根据所执行组件标签所在的容器标签获得与该容器标签对应的布局管理器。
a10、组件执行单元调用获得的布局管理器生成组件布局结束代码。
a11、JSP引擎调用容器执行单元执行容器标签的容器结束标签。
a12、容器执行单元执行容器结束标签,调用与该容器标签对应的布局管理器生成布局结束代码。
在上述执行过程中,若容器标签内部包括多个组件标签,则对各个组件标签重复a3~a10的步骤即可。
参考图4,对应于实施例一的页面控件布局方法,本发明实施例的用于通过JSP标签生成HTML代码的装置中的组件执行单元203具体可采用如下结构,包括:
第一开始单元2031,用于根据JSP引擎201在执行组件标签的组件开始标签时的调用,根据该组件标签所在的容器标签获得与该容器标签对应的布局管理器,调用获得的布局管理器生成组件布局开始代码。
第一结束单元2032,用于根据JSP引擎201在执行组件标签的组件结束标签时的调用,根据该组件标签所在的容器标签获得与该容器标签对应的布局管理器,调用获得的布局管理器生成组件布局结束代码。
图4中JSP引擎201和容器执行单元202可采用前述JSP引擎101和容器执行单元102的逻辑结构。
为更好的理解本发明实施例一,下面举例进行说明。一段JSP文件中JSP标签使用的样例如下,包括容器标签grid、组件标签A、组件标签B:
<xxx:grid><xxx:A/><xxx:B></xxx:B></xxx:grid>
JSP引擎执行上述一段JSP文件,在解析到容器标签grid的容器开始标签<xxx:grid>时,容器执行单元生成布局开始代码(通过调用相应的布局管理器生成,简洁起见,以下皆省略该调用描述,不再重复说明):
<table>
JSP引擎在解析到组件标签A<xxx:A/>时(开始和结束标签合并在一起),组件执行单元获取到其所在的容器“grid”,从而找到相关的布局管理器,生成组件布局开始代码:
<tr><td>
然后执行组件标签A生成组件标签A自身内容的开始代码和结束代码:
<input type=”text”name=”A”...></input>
然后组件执行单元通过布局管理器生成组件布局结束代码:
</td></tr>
JSP引擎在解析到组件标签B的组件开始标签<xxx:B>时,组件执行单元获取到其所在的容器“grid”,生成组件布局开始代码以及组件标签B的组件内容开始代码:
<tr><td><input type=”text”name=”B”...>
JSP引擎在解析到组件标签B的组件结束标签</xxx:B>时,组件执行单元获取到其所在的容器“grid”,生成组件标签B的组件内容结束代码以及组件布局结束代码:
</input></td></tr>
最后,JSP引擎在解析到容器标签grid的容器结束标签</xxx:grid>时,容器执行单元生成布局结束代码:
</table>
总的HTML代码的输出为:
<table><tr><td><input type=”text”name=”A”...></input></td></tr><tr><td><input type=”text”name=”B”...></input></td></tr></table>
对应的布局效果为,在浏览器中显示为上下两行,组件A在上面一行显示,组件B在下面一行显示。显然,组件标签B的组件内容代码也可以象组件标签A一样一次性输出,例如在开始代码中输出,则结束代码输出为空。
实施例二、一种页面控件布局方法,与实施例一的区别在于,组件标签中具有不同类型的组件,每个组件需要有自己的组件布局开始代码和组件布局结束代码。参考图5,包括如下步骤:
b1、JSP引擎调用容器执行单元执行容器标签的容器开始标签。
b2、容器执行单元执行容器开始标签,调用与该容器标签对应的布局管理器生成布局开始代码。
b3、JSP引擎调用组件执行单元执行容器标签中的组件标签的组件开始标签。
b4、组件执行单元执行组件开始标签,根据该组件标签所在的容器标签获得与该容器标签对应的布局管理器。
b5、组件执行单元获取所执行组件标签中的前组件。
当一个组件标签需要负责生成多个组件的内容时,可以包含多个组件,本实施例中按照组件的作用区分为三种类型:前组件、主组件、后组件。主组件通常指该组件标签主要的输出内容,一般是一个,如果组件标签中具有其他嵌套的内容,则将作为主组件的嵌套内容,主组件可以使用也可以不使用这些嵌套内容。前组件指需要输出在主组件前面的组件,前组件可以有多个。后组件指需要输出在主组件后面的组件,后组件也可以有多个。
举例说明如下,对于表单域的“输入框”组件标签,可以定义“标题”、“输入框”、“说明”三个组件,其中“输入框”组件就是主组件,“标题”为前组件,“说明”为后组件。
b6、组件执行单元调用获得的布局管理器生成前组件布局开始代码。
b7、通常前组件需要提供一定的内容,因此还进一步生成前组件内容开始代码;此代码片段可以为空。
b8、生成前组件内容结束代码;此代码片段可以为空。
b9、组件执行单元调用获得的布局管理器生成前组件布局结束代码。
若步骤b5中获取的前组件有多个,则对各个前组件重复b6~b9的步骤,获得全部前组件的布局代码和内容代码。
b10、组件执行单元调用获得的布局管理器生成主组件布局开始代码;
b11、通常主组件需要提供一定的内容,因此还进一步生成主组件内容开始代码;此代码片段可以为空。
b12、JSP引擎调用组件执行单元执行容器标签中的组件标签的组件结束标签。
b13、组件执行单元执行组件结束标签,通常,可生成主组件内容结束代码;此代码片段可以为空。
b14、组件执行单元在生成主组件内容结束代码后,根据所执行组件标签所在的容器标签获得与该容器标签对应的布局管理器。
b15、组件执行单元调用获得的布局管理器生成主组件布局结束代码。
b16、组件执行单元获取所执行组件标签中的后组件。
b17、组件执行单元调用获得的布局管理器生成后组件布局开始代码。
b18、通常后组件需要提供一定的内容,因此还进一步生成后组件内容开始代码;此代码片段可以为空。
b19、生成后组件内容结束代码;此代码片段可以为空。
b20、组件执行单元调用获得的布局管理器生成后组件布局结束代码。
若步骤b16中获取的后组件有多个,则对各个后组件重复b17~b20的步骤,获得全部后组件的布局代码和内容代码。
参考图6,对应于实施例二的页面控件布局方法,本发明实施例的用于通过JSP标签生成HTML代码的装置中的组件执行单元303具体可采用如下结构,包括:
第二开始单元3031,用于根据JSP引擎301在执行组件标签的组件开始标签时的调用,根据该组件标签所在的容器标签获得与该容器标签对应的布局管理器;获取该组件标签中的前组件,调用获得的布局管理器生成前组件布局开始代码和前组件布局结束代码;调用获得的布局管理器生成主组件布局开始代码。
第二结束单元3032,用于根据JSP引擎301在执行组件标签的组件结束标签时的调用,根据该组件标签所在的容器标签获得与该容器标签对应的布局管理器,调用获得的布局管理器生成主组件布局结束代码;获取该组件标签中的后组件,调用获得的布局管理器生成后组件布局开始代码和后组件布局结束代码。
图6中JSP引擎301和容器执行单元302可采用前述JSP引擎101和容器执行单元102的逻辑结构。
本实施例中提供了通过组件标签控制多个不同类型的组件布局的方法。
为更好的理解本发明实施例二,下面举例进行说明。一段JSP文件中JSP标签使用的样例如下,包括容器标签grid、组件标签A,组件标签A将自身分解为三个组件:一个前组件“label”、一个主组件、一个后组件“description”:
<xxx:grid><xxx:A label=“组件A的标题”description=“组件A的描述”</xxx:grid>
JSP引擎执行上述一段JSP文件,在解析到容器标签grid的容器开始标签<xxx:grid>时,容器执行单元生成布局开始代码:
<table>
JSP引擎在解析到组件标签A时(开始和结束标签合并在一起),组件执行单元获取到其所在的容器“grid”,从而找到相关的布局管理器,生成前组件布局开始代码:
<tr><td>
然后,生成前组件“label”的内容开始和结束代码(前组件“label”用来生成标题内容,该内容是一个单一对象):
组件A的标题
然后组件执行单元通过布局管理器生成前组件布局结束代码:
</td>
同理,组件执行单元生成主组件的布局开始代码和内容代码以及主组件的的布局结束代码:
<td><input type=”text”name=”A”...></td>
然后,生成后组件“description”的布局开始代码、内容开始和结束代码(后组件“description”用来生成描述内容,该内容是一个单一对象)、布局结束代码:
<td>组件A的描述</td></tr>
最后,JSP引擎在解析到容器标签grid的容器结束标签</xxx:grid>时,容器执行单元生成布局结束代码:
</table>
总的HTML代码的输出为:
<table><tr><td>组件A的标题</td><td><input type=”text”name=”A”...></input></td><td>组件A的描述</td></tr></table>
对应的布局效果为,在浏览器中显示一行,左边显示标题,中间显示主组件内容,右边显示描述内容。
实施例三、一种页面控件布局方法,与实施例一的区别在于,组件标签中具有相同类型的组件,每个组件需要有自己的组件布局开始代码和组件布局结束代码。参考图7,包括如下步骤:
c1、JSP引擎调用容器执行单元执行容器标签的容器开始标签。
c2、容器执行单元执行容器开始标签,调用与该容器标签对应的布局管理器生成布局开始代码。
c3、JSP引擎调用组件执行单元执行容器标签中的组件标签的组件开始标签,该执行过程返回的代码可以为空。
c4、JSP引擎调用组件执行单元执行容器标签中的组件标签的组件结束标签。
c5、组件执行单元执行组件结束标签,根据所执行组件标签所在的容器标签获得与该容器标签对应的布局管理器。
c6、组件执行单元获取所执行组件标签中的各个组件。
当一个组件标签需要负责生成多个组件的内容时,可以包含多个组件,本实施例中不区分组件标签中组件的类型,对所包含的组件进行一致的操作。
c7、组件执行单元调用获得的布局管理器生成组件布局开始代码。
c8、通常组件需要提供一定的内容,因此还进一步生成组件内容开始代码;此代码片段可以为空。
c9、生成组件内容结束代码;此代码片段可以为空。
c10、组件执行单元调用获得的布局管理器生成组件布局结束代码。
若步骤c6中获取的组件有多个,则对各个组件重复c7~c10的步骤,获得全部组件的布局代码和内容代码。
c11、JSP引擎调用容器执行单元执行容器标签的容器结束标签。
c12、容器执行单元执行容器结束标签,调用与该容器标签对应的布局管理器生成布局结束代码。
上述步骤中,步骤c5~c10也可以在执行组件开始标签的过程中进行,这种情况下,JSP引擎调用组件执行单元执行容器标签中的组件标签的组件结束标签时,返回的代码可以为空。
参考图8,对应于实施例三的页面控件布局方法,本发明实施例的用于通过JSP标签生成HTML代码的装置中的组件执行单元403具体可采用如下结构,包括:
第二开始单元4031,用于根据JSP引擎401在执行组件标签的组件开始标签时的调用,执行该组件开始标签。
第二结束单元4032,用于根据JSP引擎401在执行组件标签的组件结束标签时的调用,根据该组件标签所在的容器标签获得与该容器标签对应的布局管理器;获取该组件标签中的各个组件;调用获得的布局管理器分别生成各个组件的组件布局开始代码和组件布局结束代码。
图8中JSP引擎401和容器执行单元402可采用前述JSP引擎101和容器执行单元102的逻辑结构。
本实施例中提供了通过组件标签控制多个相同类型的组件布局的方法。
为更好的理解本发明实施例三,下面举例进行说明。一段JSP文件中JSP标签使用的样例如下,包括容器标签grid、组件标签A,组件标签A将自身分解为三个组件:“content1”、“content2”、“content3”:
<xxx:grid><xxx:A list=”content1,content2,content3”/></xxx:grid>
JSP引擎执行上述一段JSP文件,在解析到容器标签grid的容器开始标签<xxx:grid>时,容器执行单元生成布局开始代码:
<table>
JSP引擎在解析到组件标签A时(开始和结束标签合并在一起),组件执行单元获取到其包含的三个组件,并获取到其所在的容器“grid”,从而找到相关的布局管理器,依次对各个组件执行如下操作:
生成组件“contentX”(X表示1,2,3)的组件布局开始代码:
<tr><td>,或<td>
然后,生成“contentX”的内容开始和结束代码(该内容是一个单一对象):
contentX
然后,生成组件“contentX”(X表示1,2,3)的组件布局结束代码:
</td>,或</td></tr>
循环执行完所有组件后,结束对组件标签A的处理。
最后,JSP引擎在解析到容器标签grid的容器结束标签</xxx:grid>时,容器执行单元生成布局结束代码:
</table>
总的HTML代码的输出为:
<table><tr><td>content1</td><td>content2</td><td>content3</td></tr></table>
对应的布局效果为,在浏览器中显示一行三列,第一列显示content1,第二列显示content2,第三列显示content3。
本发明实施例的技术方案中,使用两种不同类型的JSP标签:容器标签和组件标签,将布局逻辑从组件标签中剥离出来,通过组件标签所在的容器标签找到对应的布局管理器实现组件标签的布局;由于采用与容器标签关联的布局管理器负责布局代码的生成,使得开发人员无需直接编写布局代码,简化了组件标签的开发和维护;并且,组件标签自身与布局逻辑无关,可通过不同的容器标签实现不同的布局需求,可扩展性强且使用灵活而不易出错。进一步提供了通过组件标签控制多个相同或不同类型的组件布局的方法,能够支持更灵活的应用方式。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:ROM、RAM、磁盘或光盘等。
以上对本发明实施例所提供的页面控件布局方法和相应的装置进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。

Claims (16)

1、一种页面控件布局方法,其特征在于,包括:
执行容器标签的容器开始标签,包括,调用与所述容器标签对应的布局管理器生成布局开始代码;
执行所述容器标签中的组件标签,包括,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器,调用所述布局管理器生成与所述组件标签关联的组件布局开始代码和组件布局结束代码;
执行所述容器标签的容器结束标签,包括,调用与所述容器标签对应的布局管理器,生成布局结束代码。
2、根据权利要求1所述的页面控件布局方法,其特征在于:
所述执行容器标签的容器开始标签还包括,在生成布局开始代码后,生成单一对象的容器内容代码;或者,
所述执行容器标签的容器结束标签还包括,生成单一对象的容器内容代码,然后再执行所述调用布局管理器的操作;或者,
所述执行容器标签的容器开始标签还包括,在生成布局开始代码后,生成容器内容开始代码;所述执行容器标签的容器结束标签还包括,生成容器内容结束代码,然后再执行所述调用布局管理器的操作。
3、根据权利要求1所述的页面控件布局方法,其特征在于:所述容器标签中包括一个以上的组件标签,在所述执行容器开始标签和执行容器结束标签的步骤之间,分别执行各个组件标签。
4、根据权利要求1所述的页面控件布局方法,其特征在于:
所述执行容器标签中的组件标签还包括,在生成组件布局开始代码和组件布局结束代码的步骤之间,生成组件内容代码,所述组件内容代码为单一对象的组件内容代码或由组件内容开始代码和组件内容结束代码组成。
5、根据权利要求1~3任意一项所述的页面控件布局方法,其特征在于,所述调用布局管理器生成与组件标签关联的组件布局开始代码和组件布局结束代码具体为:
执行所述组件标签的组件开始标签,包括,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器,调用所述布局管理器生成组件布局开始代码;
执行所述组件标签的组件结束标签,包括,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器,调用所述布局管理器生成组件布局结束代码。
6、根据权利要求5所述的页面控件布局方法,其特征在于:
所述执行组件标签的组件开始标签还包括,在生成组件布局开始代码后,生成单一对象的组件内容代码;或者,
所述执行组件标签的组件结束标签还包括,生成单一对象的组件内容代码,然后再执行所述获得布局管理器的操作;或者,
所述执行组件标签的组件开始标签还包括,在生成组件布局开始代码后,生成组件内容开始代码;所述执行组件标签的组件结束标签还包括,生成组件内容结束代码,然后再执行所述获得布局管理器的操作。
7、根据权利要求1~3任意一项所述的页面控件布局方法,其特征在于,所述组件标签中包括三种类型的组件:前组件、主组件、后组件;所述组件布局开始和结束代码包括该三种类型的组件的布局开始和结束代码;所述调用布局管理器生成与组件标签关联的组件布局开始代码和组件布局结束代码具体为:
执行所述组件标签的组件开始标签,包括,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器;获取所述组件标签中的前组件,调用所述布局管理器生成前组件布局开始代码和前组件布局结束代码;调用所述布局管理器生成主组件布局开始代码;
执行所述组件标签的组件结束标签,包括,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器,调用所述布局管理器生成主组件布局结束代码;获取所述组件标签中的后组件,调用所述布局管理器生成后组件布局开始代码和后组件布局结束代码。
8、根据权利要求7所述的页面控件布局方法,其特征在于:
所述执行组件标签的组件开始标签还包括,在生成前组件布局开始代码和前组件布局结束代码的步骤之间,生成单一对象的前组件内容代码或分别生成前组件内容开始代码和前组件内容结束代码;和/或,
所述执行组件标签的组件结束标签还包括,在生成后组件布局开始代码和后组件布局结束代码的步骤之间,生成单一对象的后组件内容代码或分别生成后组件内容开始代码和后组件内容结束代码;和/或,
所述执行组件标签的组件开始标签还包括,在生成主组件布局开始代码后,生成单一对象的主组件内容代码;或者,所述执行组件标签的组件结束标签还包括,生成单一对象的主组件内容代码,然后再执行所述获得布局管理器的操作;或者,所述执行组件标签的组件开始标签还包括,在生成组件布局开始代码后生成主组件内容开始代码,所述执行组件标签的组件结束标签还包括,生成主组件内容结束代码然后再执行所述获得布局管理器的操作。
9、根据权利要求7所述的页面控件布局方法,其特征在于:
所述获取组件标签中的前组件的步骤中,获取的前组件为一个以上,分别生成各个前组件的前组件布局开始代码和前组件布局结束代码,然后再执行所述生成主组件布局开始代码的步骤;和/或,
所述获取组件标签中的后组件的步骤中,获取的后组件为一个以上,分别生成各个后组件的后组件布局开始代码和后组件布局结束代码。
10、根据权利要求1~3任意一项所述的页面控件布局方法,其特征在于,所述组件标签中包括一个或一个以上的组件;所述调用布局管理器生成与组件标签关联的组件布局开始代码和组件布局结束代码具体为:
执行所述组件标签的组件开始标签;
执行所述组件标签的组件结束标签,包括,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器;获取所述组件标签中的各个组件;调用所述布局管理器分别生成各个组件的组件布局开始代码和组件布局结束代码。
11、根据权利要求10所述的页面控件布局方法,其特征在于:
所述执行组件标签的组件结束标签还包括,在生成各个组件的组件布局开始代码和组件布局结束代码的步骤之间,生成单一对象的组件内容代码或分别生成组件内容开始代码和组件内容结束代码。
12、一种用于通过Java服务页面标签生成超文本置标语言代码的装置,其特征在于,包括Java服务页面引擎、容器执行单元和组件执行单元;
所述Java服务页面引擎,用于执行Java服务页面文件,在执行到容器标签时调用所述容器执行单元进行执行,在执行到组件标签时,调用所述组件执行单元进行执行;
所述容器执行单元,具有获取布局管理器的接口,用于:根据所述Java服务页面引擎在执行容器标签的容器开始标签时的调用,调用与所述容器标签对应的布局管理器生成布局开始代码;根据所述Java服务页面引擎在执行容器标签的容器结束标签时的调用,调用与所述容器标签对应的布局管理器生成布局结束代码;
所述组件执行单元,具有获取布局管理器的接口,用于:根据所述Java服务页面引擎在执行组件标签时的调用,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器,调用所述布局管理器生成与所述组件标签关联的组件布局开始代码和组件布局结束代码。
13、根据权利要求12所述的装置,其特征在于:所述容器执行单元还具有设置布局管理器的接口;所述容器执行单元还用于,根据所述Java服务页面引擎在执行容器标签时的调用,对与所述容器标签对应的布局管理器进行设置。
14、根据权利要求12或13所述的装置,其特征在于,所述组件执行单元包括:
第一开始单元,用于根据所述Java服务页面引擎在执行组件标签的组件开始标签时的调用,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器,调用所述布局管理器生成组件布局开始代码;
第一结束单元,用于根据所述Java服务页面引擎在执行组件标签的组件结束标签时的调用,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器,调用所述布局管理器生成组件布局结束代码。
15、根据权利要求12或13所述的装置,其特征在于,所述组件执行单元包括:
第二开始单元,用于根据所述Java服务页面引擎在执行组件标签的组件开始标签时的调用,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器;获取所述组件标签中的前组件,调用所述布局管理器生成前组件布局开始代码和前组件布局结束代码;调用所述布局管理器生成主组件布局开始代码;
第二结束单元,用于根据所述Java服务页面引擎在执行组件标签的组件结束标签时的调用,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器,调用所述布局管理器生成主组件布局结束代码;获取所述组件标签中的后组件,调用所述布局管理器生成后组件布局开始代码和后组件布局结束代码。
16、根据权利要求12或13所述的装置,其特征在于,所述组件执行单元包括:
第三开始单元,用于根据所述Java服务页面引擎在执行组件标签的组件开始标签时的调用,执行所述组件开始标签;
第三结束单元,用于根据所述Java服务页面引擎在执行组件标签的组件结束标签时的调用,根据所述组件标签所在的容器标签获得与所述容器标签对应的布局管理器;获取所述组件标签中的各个组件;调用所述布局管理器分别生成各个组件的组件布局开始代码和组件布局结束代码。
CN2007103078760A 2007-12-29 2007-12-29 通过Java服务页面标签生成超文本置标语言代码的方法与装置 Expired - Fee Related CN101470591B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN2007103078760A CN101470591B (zh) 2007-12-29 2007-12-29 通过Java服务页面标签生成超文本置标语言代码的方法与装置
PCT/CN2008/072465 WO2009082900A1 (fr) 2007-12-29 2008-09-23 Procédé et dispositif de mise en page

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN2007103078760A CN101470591B (zh) 2007-12-29 2007-12-29 通过Java服务页面标签生成超文本置标语言代码的方法与装置

Publications (2)

Publication Number Publication Date
CN101470591A true CN101470591A (zh) 2009-07-01
CN101470591B CN101470591B (zh) 2011-11-02

Family

ID=40823774

Family Applications (1)

Application Number Title Priority Date Filing Date
CN2007103078760A Expired - Fee Related CN101470591B (zh) 2007-12-29 2007-12-29 通过Java服务页面标签生成超文本置标语言代码的方法与装置

Country Status (2)

Country Link
CN (1) CN101470591B (zh)
WO (1) WO2009082900A1 (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103500098A (zh) * 2013-09-29 2014-01-08 迈普通信技术股份有限公司 封装jsp页面下标签组件的方法和系统
CN103927345A (zh) * 2014-03-28 2014-07-16 迈普通信技术股份有限公司 一种jsp标签嵌套的方法及装置
CN105653750A (zh) * 2014-12-03 2016-06-08 航天科工仿真技术有限责任公司 人机界面三维设计系统中组件布局的实现方法
CN106560805A (zh) * 2015-10-01 2017-04-12 曹蕾 基于html标准的所见即所得文档编辑器的页面布局方法
CN110413921A (zh) * 2019-06-21 2019-11-05 深圳壹账通智能科技有限公司 网页加载方法、装置、计算机设备和存储介质
CN110515609A (zh) * 2018-05-22 2019-11-29 阿里巴巴集团控股有限公司 应用生成方法、装置、设备以及存储介质
CN114595014A (zh) * 2020-12-02 2022-06-07 北京三快在线科技有限公司 页面控件布局方法、装置、电子设备及存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5465821B2 (ja) * 2000-05-16 2014-04-09 ディバイン・テクノロジー・ベンチャーズ 配信ダイナミックウエブページキャッシングシステム
CN100346304C (zh) * 2003-01-24 2007-10-31 Bea系统公司 用于排列和解排列XML和Java中的数据类型的系统和方法
CN1450455A (zh) * 2003-04-25 2003-10-22 清华大学 在嵌入式设备上生成用户界面的方法
US7389517B2 (en) * 2003-12-19 2008-06-17 Rce Emergis, Inc. Method and system for creating and providing a multi-tier network service using separated function and presentation components
US20060259868A1 (en) * 2005-04-25 2006-11-16 Hirschberg Peter D Providing a user interface
US7987454B2 (en) * 2005-12-20 2011-07-26 International Business Machines Corporation System and method for emulating the processing of java server pages

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103500098A (zh) * 2013-09-29 2014-01-08 迈普通信技术股份有限公司 封装jsp页面下标签组件的方法和系统
CN103500098B (zh) * 2013-09-29 2017-03-29 迈普通信技术股份有限公司 封装jsp页面下标签组件的方法和系统
CN103927345A (zh) * 2014-03-28 2014-07-16 迈普通信技术股份有限公司 一种jsp标签嵌套的方法及装置
CN105653750A (zh) * 2014-12-03 2016-06-08 航天科工仿真技术有限责任公司 人机界面三维设计系统中组件布局的实现方法
CN106560805A (zh) * 2015-10-01 2017-04-12 曹蕾 基于html标准的所见即所得文档编辑器的页面布局方法
CN110515609A (zh) * 2018-05-22 2019-11-29 阿里巴巴集团控股有限公司 应用生成方法、装置、设备以及存储介质
CN110515609B (zh) * 2018-05-22 2023-08-15 阿里巴巴集团控股有限公司 应用生成方法、装置、设备以及存储介质
CN110413921A (zh) * 2019-06-21 2019-11-05 深圳壹账通智能科技有限公司 网页加载方法、装置、计算机设备和存储介质
CN114595014A (zh) * 2020-12-02 2022-06-07 北京三快在线科技有限公司 页面控件布局方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
WO2009082900A1 (fr) 2009-07-09
CN101470591B (zh) 2011-11-02

Similar Documents

Publication Publication Date Title
CN101470591B (zh) 通过Java服务页面标签生成超文本置标语言代码的方法与装置
US20190236118A1 (en) Filtered stylesheets
US8910113B2 (en) Methods and systems for visual code refactoring
US8527939B2 (en) GUI modeling of knowledge base in a modeling environment
US7386436B2 (en) Viewing system that supports multiple electronic document types
CN109254773A (zh) 骨架页面生成方法、装置、设备和存储介质
US9189132B2 (en) Dynamic configurable menu using self-describing applications
US20030025693A1 (en) System and procedure for providing a user interface display
CN109284103A (zh) 一种基于控件开发模式的Web应用开发及更新方法
CN102902545B (zh) 为动画化分解标记语言元素
US9898259B2 (en) Data binding for model-based code generation
AU2004205330A1 (en) Programming interface for a computer platform
CN109298864A (zh) 教育平台下的自动化生成项目骨架屏的方法及电子设备
US9977655B2 (en) System and method for automatic extraction of software design from requirements
JP2012525639A5 (zh)
CN110209967A (zh) 页面加载方法、装置、终端设备和计算机可读介质
CN112668290A (zh) 基于网格化设计的动态表单生成方法及系统
CN112650966A (zh) 在线设计的动态列表页面生成方法、生成器及介质
US9760381B2 (en) Configurable toolbar
CN112711731A (zh) 数据埋点方法、装置、设备及存储介质
Bishop Multi-platform user interface construction: a challenge for software engineering-in-the-small
CN102981847A (zh) 对页面文本框进行处理的浏览器及方法
CN117762519A (zh) 组件管理方法、装置、计算机设备和存储介质
CN114089982A (zh) 前端页面生成方法、装置、设备和介质
CN110489070A (zh) 一种定制内容的显示处理方法及装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20170811

Address after: 519031, Guangdong, Zhuhai province Hengqin financial industry service base building No. 5 2-I

Patentee after: The International Intellectual Property Trading Center Co. Ltd.

Address before: 518129 Bantian HUAWEI headquarters office building, Longgang District, Guangdong, Shenzhen

Patentee before: Huawei Technologies Co., Ltd.

TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20171221

Address after: No. 5, No. 3, No. 1, building No. 3, north new village, Qiaoxi District, Zhangjiakou, Hebei

Patentee after: Wu Jianqiang

Address before: 519031, Guangdong, Zhuhai province Hengqin financial industry service base building No. 5 2-I

Patentee before: The International Intellectual Property Trading Center Co. Ltd.

TR01 Transfer of patent right
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20111102

Termination date: 20171229

CF01 Termination of patent right due to non-payment of annual fee