CN102467366A - 基于无线应用协议的页面开发方法及其装置 - Google Patents

Abstract

本发明提供一种基于无线应用协议的页面开发方法，包括以下步骤：S1、设置控件库，用于对控件代码进行封装，并存储控件图标、控件名称与所述控件代码三者一一对应的映射关系；S2、拖拽所需的所述控件图标，并释放到页面模板上的所需位置；S3、根据所释放的所述控件图标对应的控件名称，在所述控件库中查找对应的控件代码；S4、将查找得到的控件代码添加到页面模板代码中。本发明还公开一种相应的装置。本发明基于WAP的页面开发方法及其装置，通过设置控件库，使得控件可拖拽到页面上任意位置，并且控件代码的执行结果以及页面的修改结果可直接在浏览器呈现，从而使操作更为便捷、直观，也提高了工作效率。

Description

基于无线应用协议的页面开发方法及其装置

技术领域

本发明涉及WAP Wireless Application Protocol，无线应用协议)技术领域，特别涉及一种基于WAP的页面开发方法及其装置。

背景技术

现有技术中基于WAP业务的页面开发大多是通过后台整合所需要的资源，再配合实现业务逻辑的代码来生成向用户呈现的页面。随着WAP业务的发展，开发人员会编写各种程序来配合后台资源内容以多样化的形式在前端(浏览器)呈现给用户，这些程序便是WAP后台的控件，多个控件组合在一起便形成了用户在浏览器所看到的WAP页面。这种利用控件的开发方法虽然可以使页面呈现方式更加丰富，但却同时存在着如下一些缺陷：

1、开发人员难以直观地得到每个控件所对应的页面内容，如果页面出现错误，开发人员不能马上得知后台出现错误的具体控件，而只能逐一排查；

2、在每次对页面进行修改的时候也不能立刻得到修改的结果，开发人员必须再去访问浏览器打开对应的地址才能够看到结果，再进行修改就还需要再次刷新，如此反复操作十分烦琐；

3、控件的内容由程序的编写人员实现，页面的开发人员无法控制控件的内容，从而不能独立完成页面的排版及后续的扩展，一旦需要修改控件内容便需要反复与编写人员进行沟通，这样页面的呈现结果就难以在短时间内达到最好的效果，从而影响了工作效率，增加了工作环节和出错概率。

发明内容

本发明的目的是提供一种基于WAP的页面开发方法及其装置，以解决现有技术中存在的上述缺陷。

本发明的技术方案提供一种基于WAP的页面开发方法，包括以下步骤：

S1、设置控件库，用于对控件代码进行封装，并存储控件图标、控件名称与所述控件代码三者一一对应的映射关系；

S2、拖拽所需的所述控件图标，并释放到页面模板上的所需位置；

S3、根据所释放的所述控件图标对应的控件名称，在所述控件库中查找对应的控件代码；

S4、将查找得到的控件代码添加到页面模板代码中。

上述基于WAP的页面开发方法中，步骤S4之后还包括：

S5、刷新所述页面模板，在点击所释放的所述控件图标后将所述控件代码的执行结果呈现在页面浏览器中。

上述基于WAP的页面开发方法中，步骤S4中还包括：

根据步骤S2中所述控件图标所释放的位置生成相应的指示位置的代码，并添加到所述页面模板代码中。

上述基于WAP的页面开发方法中，步骤S5之后还包括：

S6、在所述页面模板上调整所述控件图标的位置和/或大小；

S7、根据调整后的所述控件图标的位置和大小生成相应的指示位置和大小的代码，并更新所述页面模板代码，再返回步骤S5。

本发明的技术方案还提出一种基于WAP的页面开发装置，其特征在于，包括：

控件库模块，用于对控件代码进行封装，并存储控件图标、控件名称与所述控件代码三者一一对应的映射关系；

控件拖放模块，用于拖拽所需的所述控件图标，并释放到页面模板上的所需位置；

控件查询模块，用于根据所述控件拖放模块释放的所述控件图标所对应的控件名称，在所述控件库模块中查找对应的控件代码；

页面维护模块，将所述控件查询模块查找得到的控件代码添加到页面模板代码中。

上述基于WAP的页面开发装置，还包括：

页面刷新模块，用于刷新所述页面模板，并在点击所释放的所述控件图标后将所述控件代码的执行结果呈现在页面浏览器中。

上述基于WAP的页面开发装置中，所述页面维护模块，还用于根据所述控件拖放模块释放所述控件图标的位置生成相应的指示位置的代码，并添加到所述页面模板代码中。

上述基于WAP的页面开发装置，还包括：

控件调整模块，用于在所述页面模板上调整所述控件图标的位置和/或大小；则

所述页面维护模块，还用于根据调整后的所述控件图标的位置和大小生成相应的指示位置和大小的代码，并更新所述页面模板代码。

本发明基于WAP的页面开发方法及其装置，通过设置控件库，使得控件可拖拽到页面上任意位置，并且控件代码的执行结果以及页面的修改结果可直接在浏览器呈现，从而使操作更为便捷、直观，也提高了工作效率。

附图说明

图1为本发明基于WAP的页面开发方法实施例一流程图；

图2为本发明基于WAP的页面开发方法实施例二流程图；

图3为本发明基于WAP的页面开发装置实施例结构图。

具体实施方式

下面将结合附图详细介绍本发明基于WAP的页面开发方法及其装置。

图1为本发明基于WAP的页面开发方法实施例一流程图，如图所示，本实施例的方法包括以下步骤S101～S104。

S101、设置控件库，用于对控件代码进行封装，并存储控件图标、控件名称与控件代码三者一一对应的映射关系；

随着WAP业务的发展，所开发出的控件种类也越来越多。为方便控件的管理，本实施例中首先通过设置控件库对控件代码进行封装，并且用直观的控件图标及控件名称来标识所对应的控件。也因此，控件库中存储有控件图标、控件名称及控件代码的映射关系。其中，控件图标可用来进行后续直观地拖拽操作，而控件名称可作为后续自动查询控件代码的根据，并且控件图标及控件名称是直接呈现给开发人员，而控件代码的相关操作(调出、修改等)则仅在后台进行。

S102、拖拽所需的控件图标，并释放到页面模板上所需位置；

在经过步骤S102的代码封装和映射关系设置后，控件图标可被直接拖拽、释放到页面模板上所需的位置。

S103、根据所释放的控件图标对应的控件名称，在控件库中查找对应的控件代码；

控件图标释放到页面模板上的所需位置时，可根据该控件图标对应的控件名称，在上述控件库中查询得到对应的控件代码。

S104、将查找得到的控件代码添加到页面模板代码中；

步骤S103查询得到的控件代码被自动添加到页面模板代码中；与此同时，根据步骤S102中控件图标所释放的位置，程序还会自动找到释放点，并据此生成相应的指示位置的代码，该代码也随机被自动添加到页面模板代码中。

图2为本发明基于WAP的页面开发方法实施例二流程图，如图所示，本实施例的方法包括以下步骤S201～S207。

S201、设置控件库，用于对控件代码进行封装，并存储控件图标、控件名称与控件代码三者一一对应的映射关系；

S202、拖拽所需的控件图标，并释放到页面模板上的所需位置；

S203、根据所释放的控件图标对应的控件名称，在控件库中查找对应的控件代码；

S204、将查找得到的控件代码添加到页面模板代码中；

上述步骤S201～S204分别对应于实施例一的步骤S101～S104，此处不再加以赘述。

S205、刷新页面模板，在点击所释放的控件图标后将控件代码的执行结果呈现在页面浏览器中；

由于步骤S202中控件图标的拖拽和释放操作是直接在页面浏览器中进行，因此在将控件图标释放到页面模板上的所需位置后，页面浏览器可直接刷新页面模板从而将本次添加控件的操作结果实时反馈出来。进一步，在点击所添加的控件图标后，页面浏览器也可以通过Ajax[AsynchronousJavaScript and XML，异步JavaScript(实现浏览器动态显示的脚本语言)和XML(可扩展标记语言)]获得其控件代码的执行结果，并以HTML(HyperText Mark-up Language，超文本标记语言)的格式将结果呈现在浏览器中，达到实时反馈控件内容的目的。

S206、在页面模板上调整控件图标的位置和/或大小；

经过步骤S205可得到本次控件添加操作的初步执行结果，根据反馈的结果，可对页面模板上控件图标的位置和/或大小进行调整。

S207、根据调整后的控件图标的位置和大小生成相应的指示位置和大小的代码，并更新页面模板代码，再返回步骤S205；

与上述实施例一方法中的步骤S104(即对应本实施例的步骤S204)所述内容类似，在经过步骤S206对控件图标的位置、大小进行调整得到本次控件添加操作的二次结果后，程序会找到控件图标最终的位置和大小，据此可自动生成指示位置和大小的代码，并对页面模板代码进行更新，之后可再返回步骤S205查看修改后所反馈的结果，如此反复继续进行直至达到控件显示和执行效果最佳的状态。

综合以上两个实施例可以得出，应用本发明基于WAP的页面开发方法可实现以下有益效果：

1、各种控件可以根据需要自由的拖拽至页面所需要的位置，并且这些操作能够在浏览器上直接实现，既便捷又直观；

2、各控件代码执行所得到的结果能够即时在页面浏览器上得到反馈，从而方便定位出现问题的控件，无需像现有技术中那样逐个排查；

3、页面开发人员能够独立完成诸多控件在页面上的排版及扩展，除控件代码本身的问题外无需与编程人员反复沟通，从而在一定程度上减少了工作环节，从而能够提高工作效率、减少出错概率；

4、控件库中控件可拖拽到页面的任意位置，方便实现一次实现多个页面模板的开发操作。

图3为本发明基于WAP的页面开发装置实施例结构图，如图所示，本实施例的装置包括：控件库模块31，用于对控件代码进行封装，并存储控件图标、控件名称与控件代码三者一一对应的映射关系；控件拖放模块32，用于从控件加模块31中拖拽所需的控件图标，并释放到页面模板上的所需位置；控件查询模块33，用于根据控件拖放模块32释放的控件图标所对应的控件名称，在控件库模块31中查找对应的控件代码；页面维护模块34，将控件查询模块33查找得到的控件代码添加到页面模板代码中，同时根据控件拖放模块32释放控件图标的位置生成相应的指示位置的代码并添加到页面模板代码中；页面刷新模块35，用于刷新页面模板，并在点击所释放的控件图标后将控件代码的执行结果呈现在页面浏览器中；控件调整模块36，用于根据页面刷新模块35的刷新和执行结果在页面模板上调整控件图标的位置和/或大小，之后则由面面维护模块34根据调整后的控件图标的位置和大小生成相应的指示位置和大小的代码并对页面模板代码进行更新。

由以上描述可知，本实施例装置中各模块执行的功能与上述本发明的方法实施例二的处理步骤相对应。因此，在阅读本申请的说明书后能够很好理解，本实施例的装置完全可以用来执行上述本发明方法的各实施例及各具体实例的所有处理，此处不再加以赘述。

需要声明的是，上述发明内容及具体实施方式意在证明本发明所提供技术方案的实际应用，不应解释为对本发明保护范围的限定。本领域技术人员在本发明的精神和原理内，当可作各种修改、等同替换、或改进。本发明的保护范围以所附权利要求书为准。

Claims (8)

1.一种基于无线应用协议的页面开发方法，其特征在于，包括以下步骤：

S1、设置控件库，用于对控件代码进行封装，并存储控件图标、控件名称与所述控件代码三者一一对应的映射关系；

S2、拖拽所需的所述控件图标，并释放到页面模板上的所需位置；

S3、根据所释放的所述控件图标对应的控件名称，在所述控件库中查找对应的控件代码；

S4、将查找得到的控件代码添加到页面模板代码中。

2.如权利要求1所述基于无线应应协议的页面开发方法，其特征在于，步骤S4之后还包括：

S5、刷新所述页面模板，在点击所释放的所述控件图标后将所述控件代码的执行结果呈现在页面浏览器中。

3.如权利要求1或2所述基于无线应用协议的页面开发方法，其特征在于，步骤S4中还包括：

根据步骤S2中所述控件图标所释放的位置生成相应的指示位置的代码，并添加到所述页面模板代码中。

4.如权利要求2所述基于无线应用协议的页面开发方法，其特征在于，步骤S5之后还包括：

S6、在所述页面模板上调整所述控件图标的位置和/或大小；

S7、根据调整后的所述控件图标的位置和大小生成相应的指示位置和大小的代码，并更新所述页面模板代码，再返回步骤S5。

5.一种基于无线应用协议的页面开发装置，其特征在于，包括：

控件库模块，用于对控件代码进行封装，并存储控件图标、控件名称与所述控件代码三者一一对应的映射关系；

控件拖放模块，用于拖拽所需的所述控件图标，并释放到页面模板上的所需位置；

控件查询模块，用于根据所述控件拖放模块释放的所述控件图标所对应的控件名称，在所述控件库模块中查找对应的控件代码；

页面维护模块，将所述控件查询模块查找得到的控件代码添加到页面模板代码中。

6.如权利要求5所述基于无线应用协议的页面开发装置，其特征在于，还包括：

页面刷新模块，用于刷新所述页面模板，并在点击所释放的所述控件图标后将所述控件代码的执行结果呈现在页面浏览器中。

7.如权利要求5或6所述基于无线应用协议的页面开发装置，其特征在于，所述页面维护模块，还用于根据所述控件拖放模块释放所述控件图标的位置生成相应的指示位置的代码，并添加到所述页面模板代码中。

8.如权利要求5所述基于无线应用协议的页面开发装置，其特征在于，还包括：

控件调整模块，用于在所述页面模板上调整所述控件图标的位置和/或大小；则

所述页面维护模块，还用于根据调整后的所述控件图标的位置和大小生成相应的指示位置和大小的代码，并更新所述页面模板代码。

Images