页面开发方法及系统技术方案

本发明专利技术提供一种页面开发方法，方法应用于页面开发系统，页面开发系统包括：服务系统，服务系统包括：基础操作平台，方法包括：基础操作平台接收用户的开发指令，开发指令包括：新建页面指令、调取元件指令；基础操作平台根据新建页面指令新建要进行开发的初始页面；基础操作平台根据调取元件指令将元件调取到初始页面中的相应区域位置，元件是指组成页面的最小单位；基础操作平台接收用户的确认指令，完成页面开发，使得将完成开发的页面发布。进行页面开发时，只需要将元件调取到操作平台上后再发布即可，不需要再进行代码的编辑，简化了开发流程，提高了开发的效率，节约了开发成本。此外，本发明专利技术还提供一种页面开发系统。

Page development method and system

【技术实现步骤摘要】
页面开发方法及系统
本专利技术涉及软件开发领域，尤其涉及一种页面开发方法及系统。
技术介绍
随着计算机技术的快速发展，越来越多的企业对于敏捷开发有了迫切的需求，即企业期望员工在开发过程中能更高效，能够尽可能的减少无效的沟通成本或者开发成本，同时，员工自身在开发的过程中也就会更多的考虑代码的复用性和可维护性，避免写出大量重复性的代码。因此越来越多的企业推出了自己的一套前端UI框架，框架包含基础组件的一些使用方法和规范，目的正是为开发提供一套编码规范，减少重复性开发，同时简单直观的技术文档也更能让非专业的同事能够快速了解组件的使用等。但是现有业务系统中存在大量类型相似的页面，而页面的基本构成最小单位(基础元件)基本是相同的，只存在业务逻辑和字段不同，因此界面的变动将导致页面代码需要频繁改动，可维护性低，成本高，并且非开发岗位很难参与页面开发。
技术实现思路
基于此，有必要针对上述问题，提供一种页面开发方法及系统。第一方面，本专利技术实施例提供一种页面开发方法，方法应用于页面开发系统，页面开发系统包括：服务系统，服务系统包括：基础操作平台，方法包括：基础操作平台接收用户的开发指令，开发指令包括：新建页面指令、调取元件指令；基础操作平台根据新建页面指令新建要进行开发的初始页面；基础操作平台根据调取元件指令将元件调取到初始页面中的相应区域位置，元件是指组成页面的最小单位；基础操作平台接收用户的确认指令，完成页面开发，使得将完成开发的页面发布。在一个实施例中，开发指令还包括元件设值指令，在根据调取元件指令将元件库中元件调取到初始页面中的相应区域或位置的步骤之后，还包括：基础操作平台根据元件设值指令对调取到初始页面中的元件设置相应的设置值。在一个实施例中，在基础操作平台接收用户的确认指令，完成页面开发的步骤之后，还包括：基础操作平台根据完成开发的页面生成与完成开发的页面对应的唯一标识以及与唯一标识对应的页面数据包，页面数据包包括完成开发的页面中元件的种类和数量、每个元件的设置值以及每个元件在页面中的位置信息。在一个实施例中，服务系统还包括：元件库，元件库包含有不同类型的元件，元件库还包括：渲染模板组件，页面开发系统还包括：目标系统，方法还包括：目标系统接收用户的接入元件库的指令；目标系统根据接入指令接入元件库；目标系统接收用户的发送唯一标识的指令；目标系统根据发送指令将获取到的唯一标识发送给渲染模板组件，以使得渲染模板组件在目标系统中渲染页面。在一个实施例中，目标系统根据接入指令接入元件库，包括：目标系统根据接入指令将元件库添加为目标系统中目标仓库的子模块。在一个实施例中，方法还包括：渲染模板组件根据唯一标识并通过基础操作平台提供的接口获取页面数据包；渲染模板组件根据页面数据包在目标系统中渲染页面。在一个实施例中，渲染模板组件根据页面数据包在目标系统中渲染页面，包括：渲染模板组件根据页面数据包将元件库中对应的种类和数量的元件调取到目标系统中；渲染模板组件根据页面数据包中每个元件的设置值对调取到目标系统中的每个元件设置相应的设置值；渲染模板组件根据页面数据包中每个元件的在页面中的位置信息调整调取到目标系统中的每个元件的位置。第二方面，本专利技术实施例提供一种页面开发系统，包括：服务系统，服务系统包括：基础操作平台，用于接收用户的开发指令，开发指令包括：新建页面指令、调取元件指令，根据新建页面指令新建要进行开发的初始页面，根据调取元件指令将元件库中元件调取到初始页面中的相应区域位置，元件是指组成页面的最小单位，接收用户的确认指令，完成页面开发，使得将完成开发的页面发布。在一个实施例中，基础操作平台还用于根据完成开发的页面生成与完成开发的页面对应的唯一标识以及与唯一标识对应的页面数据包，页面数据包包括完成开发的页面中元件的种类和数量、每个元件的设置值以及每个元件在页面中的位置信息。在一个实施例中，服务系统还包括：元件库，元件库包含有不同类型的元件，元件库还包括：渲染模板组件，页面开发系统还包括：目标系统，用于接收用户的接入元件库的指令，根据接入指令接入元件库，接收用户的发送唯一标识的指令，根据发送指令将获取到的唯一标识发送给渲染模板组件，以使得渲染模板组件在目标系统中渲染页面。上述页面开发方法及系统，进行页面开发时，只需要将所需要的元件调取到操作平台上后再发布即可，不需要再进行代码的编辑，并且在后续页面需要改动时也无需通过重新编辑代码，简化了开发流程，提高了开发的效率，节约了开发成本。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。其中：图1为一个实施例中页面开发方法的流程图；图2为一个实施例中基础操作平台的示意图；图3为另一个实施例中页面开发方法的流程图；图4为一个实施例中渲染模板组件渲染页面的流程图；图5为一个实施例中渲染模板组件在目标系统中进行渲染具体流程图；图6为一个实施例中页面开发系统的结构示意图；图7为另一个实施例中页面开发系统的结构示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。在一个实施例中，提供一种页面开发方法，方法应用于页面开发系统，页面开发系统包括：服务系统，服务系统包括：基础操作平台，方法包括：步骤102，基础操作平台接收用户的开发指令，开发指令包括：新建页面指令、调取元件指令。其中，如图2示出了一个实施例中基础操作平台的示意图，基础操作平台是针对元件库里的元件提供的一个编辑和操作的平台，用户可以在基础操作平台中选择元件以及对元件进行其他相应的设置。具体的，用户可以在基础操作平台中新建空白的界面，将元件拖拽到新建的空白页面中。步骤104，基础操作平台根据新建页面指令新建要进行开发的初始页面。其中，新建页面是指要选择页面的类型，类型又包括：显示主体的类型和页面内容的类型，显示主体包括电脑客户端界面，移动终端界面等，页面内容的类型包括网站页面、表单页面等，用户可以按照需要选择不同类型的初始页面，基础操作平台对应的执行用户新建某一类型初始页面的本文档来自技高网...

【技术保护点】
1.一种页面开发方法，其特征在于，所述方法应用于页面开发系统，所述页面开发系统包括：服务系统，所述服务系统包括：基础操作平台，所述方法包括：/n所述基础操作平台接收用户的开发指令，所述开发指令包括：新建页面指令、调取元件指令；/n所述基础操作平台根据所述新建页面指令新建要进行开发的初始页面；/n所述基础操作平台根据所述调取元件指令将元件调取到所述初始页面中的相应区域位置，所述元件是指组成页面的最小单位；/n所述基础操作平台接收用户的确认指令，完成页面开发，使得将完成开发的页面发布。/n

【技术特征摘要】
1.一种页面开发方法，其特征在于，所述方法应用于页面开发系统，所述页面开发系统包括：服务系统，所述服务系统包括：基础操作平台，所述方法包括：
所述基础操作平台接收用户的开发指令，所述开发指令包括：新建页面指令、调取元件指令；
所述基础操作平台根据所述新建页面指令新建要进行开发的初始页面；
所述基础操作平台根据所述调取元件指令将元件调取到所述初始页面中的相应区域位置，所述元件是指组成页面的最小单位；
所述基础操作平台接收用户的确认指令，完成页面开发，使得将完成开发的页面发布。


2.根据权利要求1所述的方法，其特征在于，所述开发指令还包括元件设值指令，在所述根据所述调取元件指令将元件库中元件调取到所述初始页面中的相应区域或位置的步骤之后，还包括：
所述基础操作平台根据所述元件设值指令对调取到所述初始页面中的元件设置相应的设置值。


3.根据权利要求1所述的方法，其特征在于，在所述基础操作平台接收用户的确认指令，完成页面开发的步骤之后，还包括：
所述基础操作平台根据所述完成开发的页面生成与所述完成开发的页面对应的唯一标识以及与所述唯一标识对应的页面数据包，所述页面数据包包括所述完成开发的页面中元件的种类和数量、每个元件的设置值以及每个元件在页面中的位置信息。


4.根据权利要求3所述的方法，其特征在于，所述服务系统还包括：元件库，所述元件库包含有不同类型的元件，所述元件库还包括：渲染模板组件，所述页面开发系统还包括：目标系统，所述方法还包括：
所述目标系统接收用户的接入元件库的指令；
所述目标系统根据接入指令接入所述元件库；
所述目标系统接收用户的发送唯一标识的指令；
所述目标系统根据发送指令将获取到的所述唯一标识发送给所述渲染模板组件，以使得所述渲染模板组件在所述目标系统中渲染页面。


5.根据权利要求4所述的方法，其特征在于，所述目标系统根据接入指令接入所述元件库，包括：
所述目标系统根据所述接入指令将所述元件库添加为所述目标系统中目标仓库的...

【专利技术属性】
技术研发人员：林鉴伟，孙炜，
申请(专利权)人：深圳市中农易讯信息技术有限公司，
类型：发明
国别省市：广东;44