CN102043627A - 浏览器服务器架构的参照数据展示程序开发方法及系统 - Google Patents

Abstract

本发明公开一种浏览器服务器架构的参照数据展示程序开发方法，预先将用于展示参照数据的源代码以模板的形式保存为数据展示模板，所述方法包括：读取用户输入的参照数据信息和数据展示模板调用信息；调用相应的所述数据展示模板；生成浏览器服务器架构的参照数据展示程序。采用本发明的方法及系统，通过预先将用于展示参照数据的源代码以模板的形式保存为数据展示模板，使得开发人员可以直接通过简单的编程方法调用相应的数据展示模板，生成浏览器服务器架构的参照数据展示程序的源代码，从而简化了程序开发的复杂性，提高了程序开发效率，降低了开发成本。

Description

浏览器服务器架构的参照数据展示程序开发方法及系统

技术领域

本发明涉及程序开发领域，特别是涉及一种浏览器服务器架构的参照数据展示程序开发方法及系统。

背景技术

在需要输入大量数据的场合，例如银行的业务办公地点，工作人员经常需要手动输入大量的数据。这些数据不仅量大，还可能十分复杂。所以，如果工作人员输入的格式不符或者一时手误，都会导致输入失败。

因此，如果能够将具有参照数据展示功能的系统应用到上述场合，将大大降低工作人员输入数据的工作量。

参照数据展示，是指：针对用户选择的数据编辑区域，将该区域中可供输入的数据，以参照的形式进行提示，用户只需在系统提供的参照数据中进行选择，即可以实现数据的输入。例如，如图1所示：在用户输入表格类型的数据(例如包含“编号、姓名、机构编号、机构名称”的数据)时，可以同时提供给用户带有查询文本框的数据查询窗体，和待选择的的数据。用户可以在数据查询窗体中输入具体的“编号、姓名、机构编号、机构名称”等数据，以确定待选择的的数据范围。确定待选择的的数据范围以后，用户可以在待选择的数据中选择需要输入的数据进行勾选，勾选后的数据会以列表的形式出现在图1右侧的已选择的数据区域。用户可以对已选择的数据进行移除，确认无误后点击确认按钮，即可实现对多个数据的输入。整个过程中，用户只需要通过鼠标点击的方式在参照数据中选择需要输入的数据，即可完成数据的输入，而不需要通过敲击键盘的方式进行数据的输入。

但是，目前的应用程序或系统通常采用浏览器和服务器(Browser/Server，BS)架构。现有技术中，在BS架构下的应用程序或系统的开发通常采用JavaScript等脚本语言。JavaScript兼具面向对象，结构化，非结构化三种编程方式的特点，但却没有一个清晰而统一的编程模型，难于写出结构清晰易于维护的代码。因此，程序开发人员在BS架构下开发程序时，需要付出大量的时间和精力，页面中的每一个组件，都需要大量的时间和精力去编写和测试。

综上所述，现有技术中BS架构的参照数据展示程序开发，由于使用JavaScript等复杂的脚本语言，导致程序开发的效率十分低下。

发明内容

本发明的目的是提供一种浏览器服务器架构的参照数据展示程序开发方法及系统，能够直接通过简单的编程方法对复杂的代码进行调用，提高程序开发效率，降低开发成本。

为实现上述目的，本发明提供了如下方案：

一种浏览器服务器架构的参照数据展示程序开发方法，预先将用于展示参照数据的源代码以模板的形式保存为数据展示模板，所述方法包括：

读取用户输入的参照数据信息和数据展示模板调用信息；

调用相应的所述数据展示模板；

生成浏览器服务器架构的参照数据展示程序。

优选的，所述读取用户输入的参照数据信息包括：

读取用户输入的参照数据；

和/或，读取用户指定的业务数据库中的业务数据。

优选的，所述用于展示参照数据的源代码包括：

用于前端页面渲染的源代码和用于后端数据拼装的源代码；

所述生成浏览器服务器架构的参照数据展示程序包括：

根据所述参照数据信息生成后端数据拼装代码，根据所述数据展示模板调用信息生成前端页面渲染代码。

优选的，所述数据展示模板包括：

树形数据展示模板；

和/或，列表式数据展示模板；

和/或，日历式数据展示模板。

优选的，所述树形数据展示模板包括：

带查询文本框的树形数据展示模板；

和/或，可层层展开的的树形数据展示模板。

优选的，所述列表数据展示模板包括：

带查询文本框的列表数据展示模板。

一种浏览器服务器架构的参照数据展示程序开发系统，包括：

展示模板数据库，用于以模板的形式保存用于展示参照数据的源代码；

信息读取模块，用于读取用户输入的参照数据信息和数据展示模板调用信息；

模板调用模块，用于调用相应的所述数据展示模板；

源代码生成模块，用于结合所述参照数据信息，生成浏览器服务器架构的参照数据展示程序的源代码。

优选的，所述信息读取模块包括：

用户数据读取单元，用于读取用户输入的参照数据；

和/或，

数据库数据读取单元，用于读取用户指定的参照数据库中的数据。

优选的，所述模板调用模块包括：

页面渲染代码调用单元，用于调用相应的用于前端页面渲染的源代码；

和，数据拼装代码调用单元，用于调用相应的用于后端数据拼装的源代码；

所述源代码生成模块包括：

数据拼装代码生成单元，用于根据所述参照数据信息生成后端数据拼装代码；

页面渲染代码生成单元，用于根据所述数据展示模板调用信息生成前端页面渲染代码。

优选的，所述展示模板数据库包括：

树形数据展示模板存储单元，用于存储树形数据展示模板；

和/或，

列表式数据展示模板存储单元，用于存储列表式数据展示模板；

和/或，

日历式数据展示模板存储单元，用于存储日历式数据展示模板。

采用本发明的方法及系统，通过预先将用于展示参照数据的源代码以模板的形式保存为数据展示模板，使得开发人员可以直接通过简单的编程方法调用相应的数据展示模板，生成浏览器服务器架构的参照数据展示程序的源代码，从而简化了程序开发的复杂性，提高了程序开发效率，降低了开发成本。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为表格型数据展示示意图；

图2为本发明实施例所述浏览器服务器架构的参照数据展示程序开发方法流程图；

图3为可层层展开的树形数据展示示意图；

图4为带查询文本框的树形数据展示示意图；

图5为带查询文本框的列表式数据展示示意图；

图6为日历式数据展示示意图；

图7为本发明实施例所述浏览器服务器架构的参照数据展示程序开发系统结构图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。、

本发明所述的浏览器服务器架构的参照数据展示程序开发方法，需要预先将用于展示参照数据的源代码以模板的形式保存为数据展示模板。

其中，所述用于展示参照数据的源代码包括：用于前端页面渲染的源代码和用于后端数据拼装的源代码。

前端页面渲染，可以理解为，将需要进行参照展示的数据以相应的方式在前端(浏览器端)进行展现。具体的，数据的展示方式可以是树形方式、列表方式或者日历方式等等。

后端数据拼装，可以理解为，在后端(服务器端)将需要进行参照展示的数据进行组织的过程。因为相同的数据可以用不同的方式进行展示，相同的方式也可以展现不同的数据，所以需要将需要进行展示的数据与其对应的展示方式建立起关联关系，以确定使用何种展示方式展示何种数据。

实际应用中，所述用于展示参照数据的源代码可以是JavaScript等脚本语言。虽然这类开发语言的语法比较晦涩，但是可以将其以比较规范的形式预先编写并以模板的形式保存。后续的程序开发人员在编写类似功能的代码时，就可以使用容易编写的java语言直接对其进行调用。需要说明的是，因为本发明所述方法中数据展示模板的源代码编写规范，所以在当前的通用开发平台或操作系统上都可以进行使用。

参见图2，为本发明实施例所述浏览器服务器架构的参照数据展示程序开发方法流程图。如图2所示，该方法包括步骤：

S201：读取用户输入的参照数据信息和数据展示模板调用信息；

参照数据信息，可以理解为参照数据展示程序的参照数据来源。所述参照数据信息可以是用户输入的参照数据，也可以是用户指定的参照数据库中的数据。

具体的以银行业的业务系统为例，当所述参照数据信息为用户输入的参照数据时，可以是参照数据展示程序的开发人员提供的某些数据。这些数据最初是不存在于银行业务系统的数据库中的。可以是开发人员自定义的一些属性信息，例如客户的“客户类型”等信息。因为这些信息最初并不存在于银行业务系统的数据库中，所以需要由开发人员进行输入。

当所述参照数据信息为用户指定的参照数据库中的数据时，可以是例如客户的“开户银行”、“账号”、“账户余额”等信息。因为银行的业务系统中需要时刻记录客户的账户信息，并且银行办公的业务地点通常是比较固定的，所以诸如“开户银行”、“账号”、“账户余额”等信息都是可以存储在银行业务系统的数据库中的。参照数据展示程序的开发人员只需要指定到银行业务系统中的某个数据库，本发明所述方法就可以从该数据库中获取参照展示程序所需要的参照数据。

数据展示模板调用信息，包括：具体调用哪个模板，以及调用该模板进行参照数据展示时，展示窗体的尺寸、颜色等配置信息。具体的，例如对于某个特定的模板进行调用时，程序开发人员可以将该模板展示数据的窗体尺寸设置为“800*600”，将窗体的边框设置为蓝色；类似的，程序开发人员也可以将该模板展示数据的窗体尺寸设置为“400*300”，将窗体的边框设置为黑色。也就是说，采用本发明所述方法，不只可以对参照数据展示模板进行调用，还可以对同一模板的参照数据的具体展示方式进行具体的设置。

S202：调用相应的所述数据展示模板；

数据展示模板，可以包括：树形数据展示模板，列表式数据展示模板或者日历式数据展示模板。

所述树形数据展示模板，不妨以某单位组织结构图举例说明。如图3所示：该单位下有多个部门，每个部门下有对应的员工姓名。对应于部门的标识图案可以是文件夹的图案。每个部门标识的附近有一个可点击的区域，点击该区域可以展开或收起(因此也叫做可层层展开的树形数据展示)该部门下的员工列表。每个员工姓名前有可勾选的方框，如果选中该员工姓名，则对应的方框内可以用“√”表示。使用本发明所述方法开发出的程序，用户可以一次选中多个员工的姓名，进行输入，而不必像以往那样，通过敲击键盘的方式进行数据的输入。

所述树形数据展示模板还包括如图4所示：带查询文本框的树形数据展示模板。

列表式数据展示模板，可以是例如“开户银行”等信息的展示。具体的，假设用户需要输入“河北省保定市新市区分行”，可以在浏览器的网页页面上，向用户呈现一个下拉菜单，该下拉菜单可以是省级地名列表。用户点击该下拉菜单后，向用户呈现各个省级区域名称；用户点击“河北省”后，弹出第二级联菜单，该下拉菜单可以提供市级区域名称，用户可以从中找到“保定市”；用户点击“保定市”后，可以弹出第三级联菜单，该下拉菜单可以提供该市级区域下的所有银行业务网点名称，其中包括“新市区分行”；用户点击“新市区分行”后，即可实现对“开户银行”信息的输入。

所述列表式数据展示模板还包括如图5所示：带查询文本框的列表式数据展示模板。

日历式数据展示模板，可以是图6所示：在用户输入时间类型的数据(例如2010年11月26日)时，可以提供给用户一个日历形式的参照；用户可以在年份一栏的下拉列表中，选择2010年，在月份一栏选择11月，在日历形式的日期界面中选择26日。用户点击确定，即完成数据的输入。此外，在图6中，用户也可以通过点击按钮“今天”，直接输入当天日期。

对相应的所述数据展示模板的调用，具体可以是：预先为各个数据展示模板定义各自的名称。程序开发人员编写源代码时，可以直接通过某一模板的名称对该模板进行调用。本发明实施例所述方法，在获取程序开发人员编写的源代码之后，分析是否执行调用模板的指令，如果是，则继续分析调用的模板名称，然后查找到对应的模板对其进行调用。

S203：生成浏览器服务器架构的参照数据展示程序。

所述生成浏览器服务器架构的参照数据展示程序包括：

根据所述参照数据信息生成后端数据拼装代码，根据所述数据展示模板调用信息生成前端页面渲染代码。

具体的，例如所述参照数据信息中指定某个数据库作为参照数据源，所述数据展示模板调用信息调用的是树形展示模板；则可以生成后端数据拼装代码，该生成的后端数据拼装代码可以将该指定数据库中的数据按照树形展示模板的形式进行拼装，生成前端页面渲染代码，该生成的前端页面渲染代码可以将指定数据库中的参照数据以树形模板的方式进行展示。

综上所述，采用本发明所述的方法，通过预先将用于展示参照数据的源代码以模板的形式保存为数据展示模板，使得开发人员可以直接通过简单的编程方法调用相应的数据展示模板，生成浏览器服务器架构的参照数据展示程序的源代码，从而简化了程序开发的复杂性，提高了程序开发效率，降低了开发成本。

对应于本发明所述的浏览器服务器架构的参照数据展示程序开发方法，本发明实施例还公开了一种浏览器服务器架构的参照数据展示程序开发系统。

参见图7，为本发明实施例所述浏览器服务器架构的参照数据展示程序开发系统结构图。如图7所示，该系统包括：

展示模板数据库700，用于以模板的形式保存用于展示参照数据的源代码；

信息读取模块701，用于读取用户输入的参照数据信息和数据展示模板调用信息；

模板调用模块702，用于调用相应的所述数据展示模板；

源代码生成模块703，用于结合所述参照数据信息，生成浏览器服务器架构的参照数据展示程序的源代码。

具体的，所述信息读取模块701可以包括：

用户数据读取单元，用于读取用户输入的参照数据；

和/或，

数据库数据读取单元，用于读取用户指定的参照数据库中的数据。

所述模板调用模块702可以包括：

页面渲染代码调用单元，用于调用相应的用于前端页面渲染的源代码；

和，数据拼装代码调用单元，用于调用相应的用于后端数据拼装的源代码；

相应的，所述源代码生成模块703可以包括：

数据拼装代码生成单元，用于根据所述参照数据信息生成后端数据拼装代码；

页面渲染代码生成单元，用于根据所述数据展示模板调用信息生成前端页面渲染代码。

所述展示模板数据库700可以包括：

树形数据展示模板存储单元，用于存储树形数据展示模板；

和/或，

列表式数据展示模板存储单元，用于存储列表式数据展示模板；

和/或，

日历式数据展示模板存储单元，用于存储日历式数据展示模板。

其中，所述树形数据展示模板还包括：带查询文本框的树形数据展示模板；和/或，可层层展开的的树形数据展示模板。所述列表数据展示模板包括：带查询文本框的列表数据展示模板。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处。综上所述，本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种浏览器服务器架构的参照数据展示程序开发方法，其特征在于，预先将用于展示参照数据的源代码以模板的形式保存为数据展示模板，所述方法包括：

读取用户输入的参照数据信息和数据展示模板调用信息；

调用相应的所述数据展示模板；

生成浏览器服务器架构的参照数据展示程序。

2.根据权利要求1所述的方法，其特征在于，所述读取用户输入的参照数据信息包括：

读取用户输入的参照数据；

和/或，读取用户指定的业务数据库中的业务数据。

3.根据权利要求1所述的方法，其特征在于，所述用于展示参照数据的源代码包括：

用于前端页面渲染的源代码和用于后端数据拼装的源代码；

所述生成浏览器服务器架构的参照数据展示程序包括：

根据所述参照数据信息生成后端数据拼装代码，根据所述数据展示模板调用信息生成前端页面渲染代码。

4.根据权利要求1所述的方法，其特征在于，所述数据展示模板包括：

树形数据展示模板；

和/或，列表式数据展示模板；

和/或，日历式数据展示模板。

5.根据权利要求4所述的方法，其特征在于，所述树形数据展示模板包括：

带查询文本框的树形数据展示模板；

和/或，可层层展开的的树形数据展示模板。

6.根据权利要求4所述的方法，其特征在于，所述列表数据展示模板包括：

带查询文本框的列表数据展示模板。

7.一种浏览器服务器架构的参照数据展示程序开发系统，其特征在于，包括：

展示模板数据库，用于以模板的形式保存用于展示参照数据的源代码；

信息读取模块，用于读取用户输入的参照数据信息和数据展示模板调用信息；

模板调用模块，用于调用相应的所述数据展示模板；

源代码生成模块，用于结合所述参照数据信息，生成浏览器服务器架构的参照数据展示程序的源代码。

8.根据权利要求7所述的方法，其特征在于，所述信息读取模块包括：

用户数据读取单元，用于读取用户输入的参照数据；

和/或，

数据库数据读取单元，用于读取用户指定的参照数据库中的数据。

9.根据权利要求7所述的方法，其特征在于，所述模板调用模块包括：

页面渲染代码调用单元，用于调用相应的用于前端页面渲染的源代码；

和，数据拼装代码调用单元，用于调用相应的用于后端数据拼装的源代码；

所述源代码生成模块包括：

数据拼装代码生成单元，用于根据所述参照数据信息生成后端数据拼装代码；

页面渲染代码生成单元，用于根据所述数据展示模板调用信息生成前端页面渲染代码。

10.根据权利要求7所述的方法，其特征在于，所述展示模板数据库包括：

树形数据展示模板存储单元，用于存储树形数据展示模板；

和/或，

列表式数据展示模板存储单元，用于存储列表式数据展示模板；

和/或，

日历式数据展示模板存储单元，用于存储日历式数据展示模板。

Images