基于BS架构程序开发的方法、装置和计算机设备与流程

本申请涉及互联网技术领域，特别是涉及一种基于bs架构程序开发的方法、装置、计算机设备和存储介质。

背景技术：

bs架构即浏览器和服务器(browser/server)架构，在这种架构下，用户工作界面是通过www浏览器来实现，极少部分事务逻辑在前端(browser)实现，但是主要事务逻辑在服务器端(server)实现，这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。在bs架构下进行软件开发的过程中，有很多基础数据的配置程序，例如数据的增删改等，又例如一些报表分析功能，往往都是数据的搜索、排序、分页查看、导出等功能。在相关技术中，通过硬编码的方式获得相应的程序，可以实现特定目的并且针对性强，但是程序开发的效率低，并且后续代码维护的成本高。

针对相关技术中，bs架构下软件开发以及代码维护效率低的问题，目前尚未提出有效的解决方案。

技术实现要素：

基于此，有必要针对上述技术问题，提供一种基于bs架构程序开发的方法、装置、计算机设备和存储介质。

第一方面，本申请实施例提供了一种基于bs架构程序开发的方法，包括以下步骤：

获取界面配置信息，所述界面配置信息包括查询信息和可视化信息；

根据所述查询信息执行预设的查询模型，从服务器中获取查询数据，根据所述可视化信息执行预设的可视化模型，确定界面布局；

在浏览器中根据所述界面布局展示所述查询数据。

在其中一个实施例中，获取界面配置信息之后，所述方法包括：

根据所述查询信息执行预设的查询模型并获取第一扩展信息，从服务器中获取查询数据，其中，所述查询模型包括所述第一扩展信息；

在所述浏览器中根据所述界面布局和所述第一扩展信息展示所述查询数据。

在其中一个实施例中，在所述界面配置信息包括事件信息的情况下，在浏览器中根据所述界面布局展示所述查询数据之后，所述方法包括：

在事件条件被触发的情况下，根据事件信息执行预设的事件模型，获取事件数据，根据所述可视化信息执行预设的事件可视化模型，确定事件界面布局；

在所述浏览器中根据所述事件界面布局展示所述事件数据。

在其中一个实施例中，所述根据事件信息执行预设的事件模型获取事件数据包括：

根据事件信息获取预设的事件模型中的预制过程编号，根据所述预制过程编号获取预制配置信息；

根据所述预制配置信息执行预制过程，获取事件数据。

在其中一个实施例中，所述根据事件信息获取事件数据包括：

获取所述事件信息中的第二扩展信息和所述预制配置信息中的第三扩展信息；

根据所述预制配置信息、所述第二扩展信息和所述第三扩展信息获取事件数据。

在其中一个实施例中，所述获取界面配置信息包括：

获取模板信息，所述模板信息指示程序初始化显示界面，根据所述模板信息获取所述界面配置信息；

根据所述界面配置信息构建所述程序初始化显示界面。

在其中一个实施例中，所述获取界面配置信息包括：

获取表单信息，所述表单信息指示程序初始化显示界面中的事件被触发后的子显示界面，根据所述表单信息获取所述界面配置信息；

根据所述界面配置信息构建所述子显示界面。

在其中一个实施例中，所述获取界面配置信息之前，所述方法包括：

获取菜单配置信息；

根据所述菜单配置信息执行预设的菜单配置模型，确定浏览器访问路径。

第二方面，本申请实施例还提供一种基于bs架构程序开发的装置，所述装置包括获取模块、构建模块和展示模块：

所述获取模块用于获取界面配置信息，所述界面配置信息包括查询信息和可视化信息；

所述构建模块用于根据所述查询信息从服务器中获取查询数据，根据所述可视化信息确定界面布局；

所述展示模块用于在浏览器中根据所述界面布局展示所述查询数据。

第三方面，本申请实施例提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述基于bs架构程序开发的方法。

第四方面，本申请实施例还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述基于bs架构程序开发的方法。

上述基于bs架构程序开发的方法、装置、计算机设备和存储介质，通过获取界面配置信息，界面配置信息包括查询信息和可视化信息，根据查询信息执行预设的查询模型，从服务器中获取查询数据，根据可视化信息执行预设的可视化模型，确定界面布局，在浏览器中根据界面布局展示查询数据，能够高效地完成基于bs架构的程序开发，并且使得程序开发的准确性更高。

本申请的一个或多个实施例的细节在以下附图和描述中提出，以使本申请的其他特征、目的和优点更加简明易懂。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是本发明实施例的基于bs架构程序开发方法的应用场景图；

图2是根据本发明实施例基于bs架构程序开发的流程图；

图3是根据本发明实施例的基于bs架构程序开发中扩展信息的调用流程图；

图4是根据本发明实施例的基于bs架构程序开发中事件信息的调用流程；

图5是根据本发明实施例中基于bs架构程序开发中预制过程的调用流程；

图6是根据本发明优选实施例的基于bs架构程序开发中的菜单配置示意图；

图7是根据本发明优选实施例的基于bs架构程序开发中的查询配置示意图；

图8是根据本发明优选实施例的基于bs架构程序开发中的事件配置示意图；

图9是根据本发明优选实施例的基于bs架构程序开发中的预制过程配置示意图；

图10是根据本发明优选实施例的基于bs架构程序开发中的程序组态流程图；

图11是根据本发明优选实施例基于bs架构程序开发中的模板运行示意图；

图12是根据本发明优选实施例基于bs架构程序开发中的表单运行示意图；

图13是根据本发明实施例中基于bs架构程序开发的装置结构示意图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行描述和说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。基于本申请提供的实施例，本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。

显而易见地，下面描述中的附图仅仅是本申请的一些示例或实施例，对于本领域的普通技术人员而言，在不付出创造性劳动的前提下，还可以根据这些附图将本申请应用于其他类似情景。此外，还可以理解的是，虽然这种开发过程中所作出的努力可能是复杂并且冗长的，然而对于与本申请公开的内容相关的本领域的普通技术人员而言，在本申请揭露的技术内容的基础上进行的一些设计，制造或者生产等变更只是常规的技术手段，不应当理解为本申请公开的内容不充分。

在本申请中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域普通技术人员显式地和隐式地理解的是，本申请所描述的实施例在不冲突的情况下，可以与其它实施例相结合。

除非另作定义，本申请所涉及的技术术语或者科学术语应当为本申请所属技术领域内具有一般技能的人士所理解的通常意义。本申请所涉及的“一”、“一个”、“一种”、“该”等类似词语并不表示数量限制，可表示单数或复数。本申请所涉及的术语“包括”、“包含”、“具有”以及它们任何变形，意图在于覆盖不排他的包含；例如包含了一系列步骤或模块(单元)的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可以还包括没有列出的步骤或单元，或可以还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。本申请所涉及的“连接”、“相连”、“耦接”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电气的连接，不管是直接的还是间接的。本申请所涉及的“多个”是指两个或两个以上。“和/或”描述关联对象的关联关系，表示可以存在三种关系，例如，“a和/或b”可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。本申请所涉及的术语“第一”、“第二”、“第三”等仅仅是区别类似的对象，不代表针对对象的特定排序。

本实施例提供的方法实施例可以在终端、计算机或者类似的运算装置中执行。以运行在终端上为例，图1是本发明实施例的基于bs架构程序开发方法的应用场景图，如图1所示，终端102通过网络与网站服务器104通过网络进行通信，网站服务器104通过网络与数据库服务器106进行通信。网站服务器104获取界面配置信息，界面配置信息包括查询信息和可视化信息；网站服务器104根据查询信息执行预设的查询模型，从数据库服务器106中获取查询数据，根据可视化信息执行预设的可视化模型，确定浏览器界面布局；最终在终端102的浏览器中根据界面布局展示查询数据。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机和平板电脑等，网站服务器104和数据库服务器106可以用独立的服务器或者是多个服务器组成的服务器集群来实现。在一些实施例中，网站服务器104和数据库服务器106可以是同一个服务器。本领域普通技术人员可以理解，图1所示的架构仅为示意，其并不对上述应用场景的架构造成限定。

在一个实施例中，图2是根据本发明实施例基于bs架构程序开发的流程图，如图2所示，提供了一种基于bs架构程序开发的方法，该方法包括以下步骤：

步骤s210，获取界面配置信息，界面配置信息包括查询信息和可视化信息。在浏览器界面要进行界面的呈现，主要包括呈现的方式即可视化信息，以及呈现的内容即查询信息，此处的查询信息是指通过该查询，从后台的数据库服务器中获取的界面内容；

步骤s220，根据查询信息执行预设的查询模型，从服务器中获取查询数据，根据可视化信息执行预设的可视化模型，确定界面布局。查询信息中包括能够定位唯一查询模型的索引号，在一些实施例中，上述查询信息中包括查询编号，该查询编号是全局唯一的查询索引，根据给查询编号可以定位到预设的查询模型，可选地，上述预设的查询模型中还包括数据库中的表名或者视图名，以及查询名称等。根据上述查询模型，即可从数据库服务器中获取到对应的查询数据。类似地，根据可视化信息可以确定预设的可视化模型，执行该可视化模型即可实现与该可视化模型相对应的浏览器界面布局。对于终端102，在基于bs架构进行程序开发的过程中，无需编写计算机程序，重复执行硬编码，而是通过指定可视化信息以及查询信息，服务器端即可根据上述可视化信息和查询信息分别获取到预先完成编码的可视化模型和查询模型，通过组态方式实现程序开发。可选地，在获取界面配置信息之前，服务器将可选的组态信息以列表形式提供给终端102，终端102通过勾选将界面配置信息传递给服务器端；

步骤s230，在浏览器中根据界面布局展示查询数据。在服务器端确定了界面布局以及查询数据之后，在终端102的浏览器中以上述界面布局方式将查询数据进行展现。

步骤s210至步骤s230中，通过获取界面配置信息，界面配置信息包括查询信息和可视化信息，根据查询信息执行预设的查询模型，从服务器中获取查询数据，根据可视化信息执行预设的可视化模型，确定界面布局，在浏览器中根据界面布局展示查询数据，界面配置信息无需进行硬编码，而是通过预设的查询模型以及预设的可视化模型，仅仅需要输入可以定位到查询模型的查询信息以及可以定位到可视化模型的可视化信息，服务器端即可构建出浏览器界面并且获取到界面内容，从而能够高效地完成基于bs架构的程序开发，并且使得程序开发的准确性更高。

在一个实施例中，图3是根据本发明实施例的基于bs架构程序开发中扩展信息的调用流程图，如图3所示，在获取界面配置信息之后，该方法还包括以下步骤：

步骤s310，根据查询信息执行预设的查询模型并获取第一扩展信息，从服务器中获取查询数据。其中，查询模型包括第一扩展信息。可选地，查询模型中包括预留的扩展点，开发终端可以根据实际需求在预设查询模型的过程中对该扩展信息进行配置。可选地，该扩展点可以用于对查询数据进行进一步过滤。在一些实施例中，可视化模型中也可以设置扩展点，从而实现对可视化界面进行更加个性化的配置。

步骤s320，在浏览器中根据界面布局和第一扩展信息展示查询数据。在获取到查询数据后，服务器端将根据第一扩展信息对查询数据进行进一步处理，再根据可视化模型对应的界面布局，对查询数据进行呈现。

在步骤s310至步骤s320中，在预设的查询模型中加入了预留的扩展点，在进行模块化的程序组态过程中，提供了配置扩展的可能性，可以更好地适配个性化需求。

在一个实施例中，图4是根据本发明实施例的基于bs架构程序开发中事件信息的调用流程，在界面配置信息包括事件信息的情况下，在浏览器中根据界面布局展示查询数据之后，该方法包括以下步骤：

步骤s410，在事件条件被触发的情况下，根据事件信息，按照预设的事件模型获取事件数据，根据可视化信息执行预设的事件可视化模型，确定事件界面布局。在本步骤中，界面配置信息中包括事件信息，可选地，上述事件可以指界面中的按钮被点击并且触发新界面的事件，在这种情况下，上述事件条件可以描述为界面中预设的按钮被点击，也可以更加简洁地通过被点击的按钮进行描述。事件信息中包括能够定位事件模型的索引号，可选地，事件模型中包括事件名称、图标、提交参数等。在一些实施例中，由于事件将触发新界面，界面中所显示的数据同样地会涉及一次数据库中的数据查询，因此上述事件信息中也包括全局唯一的查询编号。需要说明的是，上述数据查询并不只是包括数据库中数据查询的过程，在一些实施例中，事件还包括数据的新增、修改、删除、流程的终止等各类界面交互过程，因此上述查询是指各种形式的浏览器与服务器的数据交互过程。此外，界面配置信息中的可视化信息提供的可视化模型中也会提供事件界面布局。

步骤s420，在浏览器中根据事件界面布局展示事件数据。根据事件模型中预设的事件处理逻辑，获取事件数据后，将在浏览器上以上述事件界面布局呈现事件数据。

在步骤s410至步骤s420中，界面配置信息中除了基本的查询信息还包括了事件信息，通过事件信息触发预设的事件模型，从而实现了通过组态的方式不仅可以实现静态页面的配置，还可以在界面交互的情况下，实现动态界面的配置，进一步提高了基于bs架构程序开发的效率，并且使得该方案的适用性和灵活性大大提高。

在一个实施例中，图5是根据本发明实施例中基于bs架构程序开发中预制过程的调用流程，如图5所示，根据事件信息执行预设的事件模型，获取事件数据包括以下步骤：

步骤s510，根据事件信息获取预设事件模型中的预制过程编号，根据预制过程编号获取预制配置信息。在本步骤中，预设的事件模型中包括预制过程编号，上述预制过程是指一段可配置的数据存储逻辑，在一些实施例中，上述预制过程模型中包括预制过程编号、名称、主表、主表操作、次表、次表操作等预制配置信息。其中，预制配置信息中的各个项目均可在预配置过程中进行设置，从而得到定制化的数据交互以及存储逻辑。

步骤s520，根据预制配置信息执行预制过程，获取事件数据。根据预制配置信息执行该预制过程，完成数据交互以及存储逻辑，获取事件数据。如前所述，由于上述预制过程不限于是数据库中数据的查询，还包括数据的新增、修改、删除、流程的终止等各类界面交互过程等各类逻辑流程，因此步骤s420以及步骤s520中的事件数据不限于是数据库中查询得到的数据，也可以是操作的结果等状态信息。

步骤s510至步骤s520中，对事件中的数据执行逻辑进行组态，得到了上述的预制过程，在对事件进行配置的情况下，可以直接选择预制过程进行配置，从而进一步提高了基于bs架构程序开发的效率，同时提高了开发的准确性。

在一个实施例中，根据事件信息获取事件数据还包括：获取事件信息中的第二扩展信息和预制配置信息中的第三扩展信息；根据预制配置信息、第二扩展信息和第三扩展信息获取事件查询数据。在本实施例中，在事件模型以及预制配置信息中均包括扩展信息，在组态配置不能完全满足程序开发需求的情况下，可以通过扩展信息进行限定。上述扩展信息的形式不限，例如，在事件模型中，可以通过硬编码的方式进行扩展；在预制配置信息中，扩展信息则可以对主表或者次表进行特殊操作。这些扩展信息将进一步提高基于bs架构的程序开发方法的适用性和灵活性。

在一个实施例中，获取界面配置信息的过程包括：获取模板信息，所述模板信息指示程序初始化显示界面，根据所述模板信息获取所述界面配置信息；根据所述界面配置信息构建所述程序初始化显示界面。在本实施例中，提供了一种集成度更高的基于bs架构的组态程序开发方法，即通过模板的形式对程序的初始化界面进行配置，在一个模板模型中，可以包括查询信息、组件信息即可视化信息以及绑定的事件信息，查询信息中可以包括入参、出参等。从而使得模板信息的配置更加标准化，进一步提高了基于bs架构程序开发的效率。

在一个实施例中，获取界面配置信息的过程包括：获取表单信息，表单信息指示初始化显示界面中的事件被触发后的子显示界面，根据表单信息获取界面配置信息；根据界面配置信息构建子显示界面。在本实施例中，提供了一种通过表单的形式对程序的初始化界面中的事件被触发后的，针对特定数据进行处理的子界面进行配置的实施方式。在一个表单模型中，可以包括预制过程信息、组件信息即可视化信息以及扩展信息等，查询信息中可以包括对象信息、属性信息等。从而使得表单信息的配置更加标准化，进一步提高了基于bs架构程序开发的效率。

在一个实施例中，在获取界面配置信息之前，该方法包括以下步骤：获取菜单配置信息；根据菜单配置信息执行预设的菜单配置模型，确定浏览器访问路径。在本实施例中，组态的过程还包括菜单的配置，上述菜单是浏览器的访问路径，该路径对应一个界面。菜单相关的配置项包括但不限于：名称、树状菜单结构的上级、图标、用于区分菜单是硬编码或者组态的类型项和查询编号。本实施例中提供了一种浏览器访问路径的组态配置方式，从而使得基于bs架构程序开发的效率更高，并且可组态的元素更加完整。

下面通过优选实施例对本申请实施例进行描述和说明。

在本优选实施例中的在组态阶段，程序组态工具使用excel，通过编辑excel配置软件逻辑，然后将excel导入到程序中，程序解析excel中的配置信息，并分类别存储配置信息到数据库。excel中主要分为：菜单、查询、事件、存储过程四项配置。

菜单对应浏览器端一个界面。图6是根据本发明优选实施例的基于bs架构程序开发中的菜单配置示意图，如图6所示，菜单配置项包括名称、树状菜单结构中的上级名称、图标、地址、用于区分菜单是硬编码或者组态的类型项、查询编号等。

每个组态出来的界面，都对应一个查询，此查询可以是一张数据库表或者对应数据库一张视图。图7是根据本发明优选实施例的基于bs架构程序开发中的查询配置示意图，如图7所示，查询配置项包括全局唯一的查询编号、表名或视图名、增强类即预留的扩展点、名称等。

每个浏览器界面都有很多事件，此事件可以是一些按钮点击事件。事件配置项主要配置这些事件的处理逻辑。图8是根据本发明优选实施例的基于bs架构程序开发中的事件配置示意图，如图8所示，事件配置项包括查询编号、事件名称、图标、预制过程编号、自定义表单即扩展点、提交参数等。

预制过程非数据库存储过程，是一段可配置的数据存储逻辑。图9是根据本发明优选实施例的基于bs架构程序开发中的预制过程配置示意图，如图9所示，预制过程配置项包括编号、名称、是否表单，上述是否表单项用于标识此存储过程是否适用于浏览器表单，作为表单查询或存储时调用；主表，用于指示预制过程需要操作数据库的哪张表；主表操作，例如创建(create)、修改(modify)、查询(query)、删除(delete)的等；主增强类即扩展点，指示对于主表操作时需要进行的特殊操作；次表，理论上次表可以支持无限个，只要和主表在设计时有关联关系、次操作、单个/数组，该项用于标识主表和次表的关系，一对一或者一对多；关联列，即主表和次表发生关系的列；次增强类即次表操作扩展点，用于标识在次表操作时需要进行的特殊操作等。在浏览器端，选择配置的excel文件，导入系统，即可完成程序组态。

支撑组态程序的数据结构，主要有菜单(sys_menu)、查询(dy_query)、模板(dy_template)、存储过程(dy_procedure)、动态类(dy_class)、动态表单(dy_form)。菜单、模板、动态表单是对浏览器用户界面的抽象，菜单是浏览器的访问路径，模板就是浏览器呈现的界面，模板中有事件绑定，动态表单是针对特定数据进行处理的用户界面，模板和表单的区别在于，模板是无主数据关联的界面，而表单则是有主数据id关联的界面。查询对应的是表或者视图。预制过程和动态类对应的是服务端存储数据的逻辑。可选地，菜单包括名称、上级、图标、类型、路径；查询包括编号、表名或视图名、名称、增强类；模板包括编号、查询、组件信息；存储过程包括编号、名称；动态类包括表名称、标签、所属存储过程、是否主类、是否单个、操作方式、是否可空、关联列、增强类；动态表单包括名称、依赖存储过程、组件信息、是否个性化、个性化组件。

图10是根据本发明优选实施例的基于bs架构程序开发中的程序组态示意图，如图10所示，从excel上传开始，程序组态处理主要包含excel解析、配置数据校验、表单可视化组件构建、模板可视化组件构建、配置信息存储五个步骤。以下针对表单可视化组件构建和模板可视化组件构建信息做阐述：

表单可视化配置包括基本信息、对象信息，其中对象分为主对象和子对象、属性信息，其中，基本信息包括表单id、展现方式、名称、对象信息；对象信息包括对象键、前端组件、名称、是否展现、是否数组、属性信息；属性信息包括属性键、前端组件、名称、是否展现、是否可编辑。

模板可视化包括基本信息、入参、出参、事件；基本信息包括名称、是否树、展现方式；入参包括属性key、名称、组件、是否展示、校验方式、自定义展现；出参包括属性key、名称、组件、是否排序、是否展示、排序支持、自定义展现；事件包括名称、入参key、是否个性化、绑定的存储过程、绑定的表单。

在程序运行的情况下，图11是根据本发明优选实施例基于bs架构程序开发中的模板运行示意图，如图11所示，浏览器访问模板页面，触发请求，访问服务器模板接口，在服务端渲染模板时，可以根据配置的扩展类，对模板的查询条件、数据结果进行扩展处理。浏览器模板渲染完成后，触发默认查询事件，调用服务端的数据接口，服务端在数据处理时，可以对默认查询条件、返回结果进行扩展处理。模板界面会渲染很多按钮，每个按钮对应的是一个事件操作，有的事件仅仅是调用后端的一段数据存储逻辑，而绝大部分事件都需要基于某个数据进行表单的渲染，也会触发表单运行。

图12是根据本发明优选实施例基于bs架构程序开发中的表单运行示意图，如图12所示，表单运行主要有模板渲染、数据渲染、数据存储三个阶段。在模板渲染阶段，浏览器访问模板接口，服务端在返回模板时，可以扩展表单元素如可见、可编辑、默认值等。在数据渲染阶段，服务端可以扩展数据，例如：格式转换、数据脱敏、数据转换等。在数据存储阶段，即前述预制过程阶段，服务端可以扩展存储的数据，例如：操作人、时间、日志、特殊的联动表数据处理等。

上述基于bs架构的程序开发方法，能够减少重复性编码工作，提高代码质量，同时预留了足够扩展点，更好的适配个性化需求。

应该理解的是，虽然图2至图12中的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2至图12中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，图13是根据本发明实施例中基于bs架构程序开发的装置结构示意图，如图13所示，提供了一种基于bs架构程序开发的装置，该装置包括获取模块132、构建模块134和展示模块136：

获取模块132用于获取界面配置信息，界面配置信息包括查询信息和可视化信息；

构建模块134用于根据查询信息从服务器中获取查询数据，根据可视化信息确定界面布局；

展示模块136用于在浏览器中根据界面布局展示查询数据。

关于基于bs架构程序开发的装置的具体限定可以参见上文中对于基于bs架构程序开发方法的限定，在此不再赘述。上述基于bs架构程序开发的装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种bs架构程序开发的方法。

在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述bs架构程序开发的方法。

上述基于bs架构程序开发的计算机设备，通过获取界面配置信息，界面配置信息包括查询信息和可视化信息，根据查询信息执行预设的查询模型，从服务器中获取查询数据，根据可视化信息执行预设的可视化模型，确定界面布局，在浏览器中根据界面布局展示查询数据，能够高效地完成基于bs架构的程序开发，并且使得程序开发的准确性更高。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述bs架构程序开发的方法。

上述基于bs架构程序开发的计算机可读存储介质，通过获取界面配置信息，界面配置信息包括查询信息和可视化信息，根据查询信息执行预设的查询模型，从服务器中获取查询数据，根据可视化信息执行预设的可视化模型，确定界面布局，在浏览器中根据界面布局展示查询数据，能够高效地完成基于bs架构的程序开发，并且使得程序开发的准确性更高。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(rom)、可编程rom(prom)、电可编程rom(eprom)、电可擦除可编程rom(eeprom)或闪存。易失性存储器可包括随机存取存储器(ram)或者外部高速缓冲存储器。作为说明而非局限，ram以多种形式可得，诸如静态ram(sram)、动态ram(dram)、同步dram(sdram)、双数据率sdram(ddrsdram)、增强型sdram(esdram)、同步链路(synchlink)dram(sldram)、存储器总线(rambus)直接ram(rdram)、直接存储器总线动态ram(drdram)、以及存储器总线动态ram(rdram)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。