CN111984248A - 页面编辑方法和装置、存储介质及电子装置 - Google Patents
页面编辑方法和装置、存储介质及电子装置 Download PDFInfo
- Publication number
- CN111984248A CN111984248A CN201910431343.6A CN201910431343A CN111984248A CN 111984248 A CN111984248 A CN 111984248A CN 201910431343 A CN201910431343 A CN 201910431343A CN 111984248 A CN111984248 A CN 111984248A
- Authority
- CN
- China
- Prior art keywords
- target
- online
- configuration data
- page
- instruction
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/33—Intelligent editors
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Document Processing Apparatus (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面编辑方法和装置、存储介质及电子装置。其中,该方法包括:在在线编辑器中获取格式为目标格式的数据;在在线编辑器中读取格式为目标格式的数据,以在在线编辑器中显示原始配置数据;在在线编辑器中接收到对原始配置数据进行编辑的编辑指令;响应编辑指令,在在线编辑器中对原始配置数据进行编辑,得到目标配置数据;在在线编辑器中发送上线指令,其中,上线指令用于指示目标系统将第一页面显示为目标配置数据所指示的第二页面。本发明解决了相关技术中开发系统页面工作量大,效率低的技术问题。
Description
技术领域
本发明涉及计算机领域,具体而言,涉及一种页面编辑方法和装置、存储介质及电子装置。
背景技术
相关技术中,在编辑系统页面时,通常需要预先配置相关的编辑页面,或者配置相关的编辑功能,然后使用编辑页面或者编辑功能完成对系统页面的编辑。
然而,若是采用上述方法,则需要为每一个修改操作开发对应的功能,或者为每一个修改操作开发对应的修改页面,从而造成系统开发时工作量大,开发效率低。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种页面编辑方法和装置、存储介质及电子装置,以至少解决相关技术中开发系统页面工作量大,效率低的技术问题。
根据本发明实施例的一个方面,提供了一种页面编辑方法,包括:在在线编辑器中获取格式为目标格式的数据,其中,上述目标格式是允许被上述在线编辑器读取的格式,上述格式为目标格式的数据是由目标系统中待编辑的第一页面的原始配置数据转换得到的数据;在上述在线编辑器中读取上述格式为目标格式的数据,以在上述在线编辑器中显示上述原始配置数据;在上述在线编辑器中接收到对上述原始配置数据进行编辑的编辑指令;响应上述编辑指令,在上述在线编辑器中对上述原始配置数据进行编辑,得到目标配置数据;在上述在线编辑器中发送上线指令,其中,上述上线指令用于指示上述目标系统将上述第一页面显示为上述目标配置数据所指示的第二页面。
根据本发明实施例的另一方面,还提供了一种页面编辑装置,包括:第一获取单元,用于在在线编辑器中获取格式为目标格式的数据,其中,上述目标格式是允许被上述在线编辑器读取的格式,上述格式为目标格式的数据是由目标系统中待编辑的第一页面的原始配置数据转换得到的数据;读取单元,用于在上述在线编辑器中读取上述格式为目标格式的数据,以在上述在线编辑器中显示上述原始配置数据;接收单元,用于在上述在线编辑器中接收到对上述原始配置数据进行编辑的编辑指令;编辑单元,用于响应上述编辑指令,在上述在线编辑器中对上述原始配置数据进行编辑,得到目标配置数据;第一发送单元,用于在上述在线编辑器中发送上线指令,其中,上述上线指令用于指示上述目标系统将上述第一页面显示为上述目标配置数据所指示的第二页面。
作为一种可选的示例,上述发送单元包括:发送模块,用于在接收到触发指令的情况下,向上述目标系统的服务器发送上述上线指令,其中,上述上线指令用于指示上述目标系统的服务器根据上述上线指令中的上述目标配置数据将上述目标系统的上述第一页面更新为上述第二页面。
作为一种可选的示例,上述装置还包括:第三发送单元,用于在上述在线编辑器中发送上线指令之前,在接收到预览指令的情况下,向上述目标系统发送第一指令,其中,上述第一指令中携带有上述目标配置数据,上述第一指令用于指示上述目标系统根据上述目标配置数据显示上述第二页面。
作为一种可选的示例,上述第一获取单元包括:发送模块,用于在上述在线编辑器中获取格式为JSON格式的数据。
根据本发明实施例的又一方面,还提供了一种存储介质,该存储介质中存储有计算机程序,其中,该计算机程序被设置为运行时执行上述页面编辑方法。
根据本发明实施例的又一方面,还提供了一种电子装置,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其中,上述处理器通过计算机程序执行上述的页面编辑方法。
在本发明实施例中,采用在在线编辑器中获取格式为目标格式的数据,在上述在线编辑器中读取上述格式为目标格式的数据,以在上述在线编辑器中显示上述原始配置数据,在上述在线编辑器中接收到对上述原始配置数据进行编辑的编辑指令,响应上述编辑指令,在上述在线编辑器中对上述原始配置数据进行编辑,得到目标配置数据,在上述在线编辑器中发送上线指令,其中,上述上线指令用于指示上述目标系统将上述第一页面显示为上述目标配置数据所指示的第二页面的方法。由于在上述方法中,在在线编辑器中显示了对目标系统中的待编辑的第一页面的原始配置数据,从而可以直接通过对在线编辑器中的原始配置数据进行修改,来完成对目标系统的待编辑的第一页面的编辑,提高了对系统页面的开发效率,进而解决了相关技术中开发系统页面工作量大,效率低的技术问题。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的一种可选的页面编辑方法的应用环境的示意图;
图2是根据本发明实施例的一种可选的页面编辑方法的流程示意图;
图3是根据本发明实施例的一种可选的页面编辑方法的示意图;
图4是根据本发明实施例的另一种可选的页面编辑方法的示意图;
图5是根据本发明实施例的又一种可选的页面编辑方法的示意图;
图6是根据本发明实施例的又一种可选的页面编辑方法的示意图;
图7是根据本发明实施例的又一种可选的页面编辑方法的示意图;
图8是根据本发明实施例的又一种可选的页面编辑方法的示意图;
图9是根据本发明实施例的又一种可选的页面编辑方法的示意图;
图10是根据本发明实施例的一种可选的页面编辑装置的结构示意图;
图11是根据本发明实施例的一种可选的电子装置的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
根据本发明实施例的一个方面,提供了一种页面编辑方法,可选地,作为一种可选的实施方式,上述页面编辑方法可以但不限于应用于如图1所示的环境中。
图1中用户102与用户设备104之间可以进行人机交互。用户设备104中包含有存储器106,用于存储交互数据、处理器108,用于处理交互数据。用户设备104可以通过网络110与服务器112之间进行数据交互。服务器112中包含有数据库114,用于存储交互数据、处理引擎116,用于处理交互数据。
在本实施例中,用户设备104上可以显示有在线编辑器,用户102可以通过与用户设备104上的在线编辑器进行互动,从而修改在线编辑器中的原始配置数据。如步骤S102-S108所示,在在线编辑器获取到目标系统中的待编辑的第一页面的原始配置数据后,显示原始配置数据。在线编辑器可以接收编辑指令,对显示的原始配置数据进行修改,得到目标配置数据,并将目标配置数据发送给目标系统,由目标系统根据目标配置数据对待编辑的第一页面进行编辑,得到第二页面。可选地,目标系统可以根据需要显示第二页面。
可选地,上述用户设备104可以但不限于为手机、平板电脑、笔记本电脑、PC机等终端,上述网络可以包括但不限于无线网络或有线网络。其中,该无线网络包括:蓝牙、WIFI及其他实现无线通信的网络。上述有线网络可以包括但不限于:广域网、城域网、局域网。上述服务器112可以包括但不限于任何可以进行计算的硬件设备。
可选地,作为一种可选的实施方式,如图2所示,上述页面编辑方法包括:
S202,在在线编辑器中获取格式为目标格式的数据,其中,所述目标格式是允许被所述在线编辑器读取的格式,所述格式为目标格式的数据是由目标系统中待编辑的第一页面的原始配置数据转换得到的数据;
S204,在在线编辑器中读取格式为目标格式的数据,以在在线编辑器中显示原始配置数据;
S206,在在线编辑器中接收到对原始配置数据进行编辑的编辑指令;
S208,响应编辑指令,在在线编辑器中对原始配置数据进行编辑,得到目标配置数据;
S210,在在线编辑器中发送上线指令,其中,上线指令用于指示目标系统将第一页面显示为目标配置数据所指示的第二页面。
可选地,上述页面编辑方法可以但不限于应用于开发系统页面的过程中。在开发系统页面的过程中,在编辑系统的一个页面时,如果希望修改页面的某些对象的配置信息,则需要预先由开发者开发出对应的功能,以供修改使用。而上述方法需要开发者预先开发出针对每一项修改操作的修改功能,从而让造成开发者修改页面的配置信息时,还需要额外开发相应的功能,造成开发系统页面的效率低。而本方案中通过在在线编辑器中显示对目标系统中的待编辑的第一页面的原始配置数据,从而可以直接通过对在线编辑器中的原始配置数据进行修改,来完成对目标系统的待编辑的第一页面的编辑,提高了对系统页面的开发效率。
可选地,本方案中的在线编辑器可以以一个插件的方式插入到目标系统中,而并不是由目标系统自带的部件。在使用在线编辑器之前,需要将目标系统与在线编辑器进行绑定。如有两个系统,第一系统和第二系统。若是对第一系统进行修改,则将第一系统绑定在线编辑器,而若是要对第二系统进行修改,则将第二系统绑定在线编辑器。在绑定的过程中,可以将待绑定的系统的原始配置数据的格式进行转换,转换为目标格式,目标格式的数据可以被在线编辑器读取。而原始配置信息为系统中任何可以进行配置的信息。
可选地,上述目标格式可以但不限于为json格式。例如,目标系统将待编辑的第一页面的可配置的原始配置数据转换为json格式,然后将json格式的数据发送给在线编辑器。在线编辑器在接收到json格式的数据后,读取json格式的数据,并在在线编辑器上显示读取得到的待编辑的第一页面的原始配置数据。例如,如图3所示,图3为一种可选的在线编辑器的显示页面。在线编辑器302上显示有原始配置数据304。通过修改在线编辑器302中的原始配置数据304来对待编辑的第一页面306进行编辑,得到第二页面。
需要说明的是,在对在线编辑器的原始配置数据进行修改之后,在将第一页面进行编辑得到第二页面之后,可以选择显示或者不显示第二页面,或者在特定条间或者接收到指令的情况下显示第二页面。
可选地,本实施例中在线编辑器可以接收编辑指令,对原始配置数据进行编辑。
例如,在在线编辑器接收到对原始配置数据进行修改的修改指令的情况下,将修改指令中的数据替换原来的原始配置数据。在在线编辑器接收到对原始配置数据进行删除的删除指令的情况下,删除删除指令所指示的原始配置数据。在在线编辑器接收到对原始配置数据进行新增的新增指令的情况下,新增新增指令中所携带的配置数据。在在线编辑器接收到对原始配置数据进行复制的复制指令的情况下,将复制指令所指示的原始配置数据进行复制。
例如,如图4所示,在接收到触发指令,如双击或者鼠标右键的触发操作时,显示一个弹窗402,弹窗402中包含了可以执行的各种操作,如分类、转换、插入、复制以及图4中未示出的其他操作如选择类型、删除或其他操作等等。通过各种操作对在线编辑器中的原始配置数据进行编辑,从而编辑原始配置数据,得到目标配置数据。
需要说明的是,本方案中对触发编辑操作的方式并不做具体限定,可以通过鼠标或者键盘或者键鼠组合来触发编辑操作。
可选地,在对在线编辑器中的原始配置数据进行编辑并且得到目标配置数据之后,可以将目标配置数据发送给目标系统。
可选地,可以在接收到上线指令的情况下,将目标配置数据发送给目标系统。例如,如图5所示,在在线编辑器的界面上显示有一个上线按钮502,在上线按钮被触发之后,在线编辑器会触发上线指令将在线编辑器中的目标配置数据发送给目标系统对应的服务器。服务器中预先保存有目标系统的相关数据。在接收到目标配置数据后,会对相关数据中待编辑的第一页面进行编辑,将原始配置数据替换为目标配置数据,从而将第一页面更新为第二页面。其他用户在从服务器下载目标系统的相关数据时,下载的是更新后的相关数据。因此,其他用户在下载目标系统后,目标系统中的第一页面已经消失,显示时,显示的是第二页面。
可选地,接收到上线指令的情况下,在线编辑器还可以将目标配置数据发送给本地的目标系统,本地的目标系统可以在接收到目标配置数据后根据目标配置数据显示相应的页面。如显示对第一页面进行编辑后的第二页面。
可选地,本实施例中还可以在在线编辑器中接收预览指令。在在线编辑器接收到预览指令的情况下,可以预览当前的目标系统的待编辑的第一页面,或者已经编辑后的第二页面。在预览时,可以直接预览本地的目标系统。而不需要从服务器上下载新的目标系统。如图6所示,图6中除上线按钮之外,还包括有一个预览按钮602,预览按钮在被触发之后,可以将在线编辑器中的目标配置数据发送给目标系统。目标系统可以根据目标配置数据显示第二页面604。第二页面604中的按钮、表格、输入框等对象为根据目标配置数据所显示的对象。
需要说明的是,图6中的显示方式仅为示例,本方案中还可以提供其他显示方式,如在接收到预览指令时,显示第二页面的同时,还保留显示待编辑的第一页面,同时显示第一页面与第二页面可以形成比对,编辑的内容更直观。
可选地,本实施例中还可以为每一次修改或者每一次预览或者每一次上线分配对应的版本号。如在接收到编辑指令对在线编辑器中的原始配置数据进行编辑之后,保存编辑后的数据,并生成版本号,或者在接收到预览指令并预览第二页面的同时,保存当前的目标配置数据,并为当前的目标配置数据配置版本号。或者在接收到上线指令的情况下,将目标配置数据发送给服务器或者发送给本地的目标系统的同时,还要将当前的目标配置数据保存并生成版本号。每一个版本号都对应着一个版本的目标配置数据,不同版本号对应的目标配置数据不同。或者在另一个可选实施例中,不同版本号对应的目标配置数据可以相同。在为目标配置数据分配版本号后,可以在在线编辑器中显示版本号。例如如图7所示,图7中显示有版本号显示区域702,版本号显示区域702中显示有当前版本号。可以通过下拉按钮来显示历史编辑过程的各个版本号。图7中显示了三个历史版本号。在选择历史版本号之后,例如,如图8所示,在选择历史版本号V20后,可以显示与历史版本号对应的第二页面802。第二页面802中的内容与版本号为V21对应的第二页面的内容不同。同时,在线编辑器中的目标配置数据也会发生变化。
以下结合具体示例对上述页面编辑方法进行说明。如图9所示,在对一个系统如目标系统中的页面进行修改之前,需要先开发该系统的不同页面。本方案中可以在开发环境902中开发页面,并将开发后的页面经过集成测试、打包编译与一键部署后,部署到测试服务器904中。上述打包编译时,编译打包工具用的是webpack,实现页面的异步加载,处理模块引用关系,以及最后的文件打包部署。在测试服务器904中保存有开发的目标系统。本实施例中在对一个开发的系统中的页面进行修改时,可以在测试环境912中进行修改。测试环境下的修改并不会造成线上服务器916中的内容进行改变。或者也可以由测试服务器904测试后,通过上线系统914将修改的数据发送给线上服务器916。在修改之前,需要先为目标系统绑定一个编辑器,即绑定在线编辑器910。在绑定在线编辑器910后,通过在线编辑器910获取目标系统的原始配置数据,并对原始配置数据进行编辑,得到目标配置数据。在线编辑器910的基础前端框架用的是vue,前端组件框架使用elementUI,实现页面UI的搭建,完成页面交互逻辑,实现model和视图的双向绑定,通过不断增加可配置的业务模块,来提高页面的可配置性,单独做一个编译器模块,处理配置文件,动态生成业务组件来构建页面。编辑器基础功能借用jsoneditor第三方组件,实现编辑区UI和基础编辑功能。jsoneditor第三方组件可以支持对数组、字符串,对象等所有类型的增删查改,严格校验修改内容,实施保存修改信息,支持直接将json覆盖,语法高亮,支持折叠,方便查看,可生成多个配置区,将功能配置和UI配置分开,监听修改操作,方便同步内容区。组件之间的通信以及编辑器和内容区的通信统一用vuex,将数据的model和修改动作统一到一个store中,然后分发到不同的组件中。后台接口使用的node(http)服务,搭配express框架处理路由和中间件,数据库使用mysql。在在线编辑器910编辑目标配置数据完成后可以将目标配置数据发送给测试服务器904,此时不修改线上服务器916中的数据,或者,将目标配置数据发送给线上服务器916,此时线上服务器916中的数据被修改。在将目标配置数据发送到线上服务器916时,还需要处理权限问题与回滚问题。权限管理系统906负责处理权限问题。权限管理系统906存两份表,一份是可增加配置的人员名单,一份是可上线的人员名单,同时增加告警功能,每一次上线通知相关人员,保证安全性。配置版本管理系统908负责管理历史修改过程中的各个版本。配置版本管理系统908共两个数据表,一个是预览配置列表,一个是线上配置列表,预览时会储蓄配置到预览配置列表,点击上线后,预览配置列表的最新配置会同步到线上配置表,回滚会在线上配置表,按照时间,回滚到上一个配置。在将目标配置数据发送到线上服务器916后,任何一个被授权的用户都可以从线上服务器916上下载目标配置数据到本地918从而显示目标系统。而若是一个用户本地配置有自定义的配置数据,在下载目标配置数据后,可以将用户本地配置的自定义的配置数据覆盖到目标配置数据之上,从而可以使用户在根据目标配置数据显示目标系统时,根据个人喜好显示数据。自定义配置会存在本地的localStorage缓存中,同时加上版本号,如(v1),进入页面,会先从服务器获取最新配置,然后合并本地配置,生成最终配置,一旦有大版本更新,修改版本号,使本地缓存失效。
通过本实施例,通过使用在在线编辑器中获取格式为目标格式的数据,在上述在线编辑器中读取上述格式为目标格式的数据,以在上述在线编辑器中显示上述原始配置数据,在上述在线编辑器中接收到对上述原始配置数据进行编辑的编辑指令,响应上述编辑指令,在上述在线编辑器中对上述原始配置数据进行编辑,得到目标配置数据,在上述在线编辑器中发送上线指令,其中,上述上线指令用于指示上述目标系统将上述第一页面显示为上述目标配置数据所指示的第二页面的方法。从而在在线编辑器中显示了对目标系统中的待编辑的第一页面的原始配置数据,进而可以直接通过对在线编辑器中的原始配置数据进行修改,来完成对目标系统的待编辑的第一页面的编辑,提高了对系统页面的开发效率。
作为一种可选的实施方案,在在线编辑器中获取格式为目标格式的数据之前,还包括:
S1,将在线编辑器绑定到目标系统中,以使目标系统通过在线编辑器编辑第一页面。
可选地,将在线编辑器绑定到目标系统中,可以通过特定的代码实现。例如,在目标系统中声明所使用的插件中包括在线编辑器对应的插件,从而可以在启动目标系统是,启动在线编辑器,并使用在线编辑器对目标系统进行编辑。
可选地,在线编辑器可以显示在目标系统之外,以单独的窗口显示,或者以嵌入的方式嵌入到目标系统之内。本实施例不做具体限定。
可选地,本方案中在将在线编辑器绑定到目标系统中之后,可以视为在目标系统中添加了新的功能。即,本方案中的在线编辑器可以与所绑定的目标系统作为一个整体进行运作,并非作为一个单独的系统对目标系统进行编辑。在绑定在线编辑器后,在线编辑器可以随着目标系统进行启动或者关闭,并可以随时的接收编辑指令并对目标系统进行编辑,实现随时对在线编辑器进行编辑,随时查看对目标系统进行修改的效果,实现所见即所得。且在线编辑器可以与任何一个需要修改的系统进行绑定,具备很强的通用性。
通过本实施例,通过绑定在线编辑器,并通过在线编辑器编辑第一页面,从而在提高了对系统页面的开发效率的同时,还提高了在线编辑器的通用性。
作为一种可选的实施方案,在在线编辑器中发送上线指令包括:
S1,在接收到触发指令的情况下,向目标系统的服务器发送上线指令,其中,上线指令用于指示目标系统的服务器根据上线指令中的目标配置数据将目标系统的第一页面更新为第二页面。
可选地,本方案中在发送上线指令时,可以将上线指令发送给目标系统对应的服务器,并由服务器根据目标配置数据对服务器中保存的目标系统进行更新。在其他用户下载服务器上的目标系统时,下载的是更新后的目标系统。而与在线编辑器绑定的本地的目标系统由于并未从服务器中获取更新后的目标系统,因此,本地的目标系统的显示页面不做变化,或者,在接收到相关指令的情况下,才会进行变化。
通过本实施例,通过在接收到触发指令的情况下,向目标系统的服务器发送上线指令,从而控制服务器更新目标系统,在提高了对系统页面的开发效率的同时,还提高了目标系统的更新效率。
作为一种可选的实施方案,在在线编辑器中发送上线指令之后,还包括:
S1,保存目标配置数据;
S2,为目标配置数据配置第一版本号,其中,第一版本号用于标识目标配置数据的版本。
可选地,本实施例中可以为每一次修改或者每一次预览或者每一次上线分配对应的版本号。如在接收到编辑指令对在线编辑器中的原始配置数据进行编辑之后,保存编辑后的数据,并生成版本号,或者在接收到预览指令并预览第二页面的同时,保存当前的目标配置数据,并为当前的目标配置数据配置版本号。或者在接收到上线指令的情况下,将目标配置数据发送给服务器或者发送给本地的目标系统的同时,还要将当前的目标配置数据保存并生成版本号。每一个版本号都对应着一个版本的目标配置数据,不同版本号对应的目标配置数据不同。在生成版本号之后,可以在在线编辑器中显示版本号。在接收到对版本号的选定操作后,将与版本号对应的目标配置数据发送给本地的目标系统或者服务器中的目标系统。
通过本实施例,通过为目标配置数据分配版本号,从而可以根据各个版本号实现对目标系统的回滚,在提高了对系统页面的开发效率的同时,还提高了对目标系统进行编辑的编辑灵活性。
作为一种可选的实施方案,在为目标配置数据配置第一版本号之后,还包括:
S1,在接收到版本调整指令的情况下,获取版本调整指令中的目标版本号;
S2,将与目标版本号对应的目标配置数据发送给目标系统,以使目标系统根据目标配置数据显示第二页面。
例如如图7所示,图7中显示有版本号显示区域702,版本号显示区域702中显示有当前版本号。可以通过下拉按钮704来显示历史编辑过程的各个版本号。在选择一个版本号之后,例如,如图8所示,在选择历史版本号V20后,可以显示与历史版本号对应的第二页面802。第二页面802中的内容与版本号为V21对应的第二页面的内容不同。同时,在线编辑器中的目标配置数据也会发生变化。
通过本实施例,通过为目标配置数据分配版本号,从而可以根据各个版本号实现对目标系统的回滚,在提高了对系统页面的开发效率的同时,还提高了对目标系统进行编辑的编辑灵活性。
作为一种可选的实施方案,在在线编辑器中发送上线指令之前,还包括:
S1,在接收到预览指令的情况下,向目标系统发送第一指令,其中,第一指令中携带有目标配置数据,第一指令用于指示目标系统根据目标配置数据显示第二页面。
可选地,本方案中在在线编辑器接收到预览指令并将目标配置数据发送给目标系统之后,目标系统可以将第一页面替换为第二页面并显示第二页面,或者以一个新的页面显示第二页面,或者同时显示第一页面与第二页面。
通过本实施例,通过在接收到预览指令的情况下,向目标系统发送第一指令,并控制目标系统显示第二页面,从而保证了实时观察修改后的页面,进一步提高了对系统页面的开发效率。
作为一种可选的实施方案,在在线编辑器中获取格式为目标格式的数据包括:
S1,在在线编辑器中获取格式为json格式的数据。
例如,获取目标系统中待编辑的第一页面中所有可配置的数据,并将所有可配置的数据转换为json格式的数据,并发送给在线编辑器。由在线编辑器读取json格式的数据,并显示读取到的配置数据。
通过本实施例,通过在线编辑器获取json格式的数据,从而在提高了对系统页面的开发效率的同时,还保证了在线编辑器获取原始配置数据的效率。
作为一种可选的实施方案,在将在线编辑器绑定到目标系统中之前,或在将在线编辑器绑定到目标系统中之后,还包括:
S1,将在线编辑器绑定到第二系统中,以使第二系统通过在线编辑器编辑第二系统中的待编辑的第三页面。
可选地,本方案中的在线编辑器并不是在目标系统中生成,而是可以通过绑定的方式,将在线编辑器绑定到任何一个待编辑的系统上,并与所要编辑的系统一同显示。
通过本实施例,通过将在线编辑器绑定到第二系统中,从而在提高了对系统页面的开发效率的同时,还保证了在线编辑器的通用性。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
根据本发明实施例的另一个方面,还提供了一种用于实施上述页面编辑方法的页面编辑装置。如图10所示,该装置包括:
(1)第一获取单元1002,用于在在线编辑器中获取格式为目标格式的数据,其中,目标格式是允许被在线编辑器读取的格式,格式为目标格式的数据是由目标系统中待编辑的第一页面的原始配置数据转换得到的数据;
(2)读取单元1004,用于在在线编辑器中读取格式为目标格式的数据,以在在线编辑器中显示原始配置数据;
(3)接收单元1006,用于在在线编辑器中接收到对原始配置数据进行编辑的编辑指令;
(4)编辑单元1008,用于响应编辑指令,在在线编辑器中对原始配置数据进行编辑,得到目标配置数据;
(5)第一发送单元1010,用于在在线编辑器中发送上线指令,其中,上线指令用于指示目标系统将第一页面显示为目标配置数据所指示的第二页面。
可选地,上述页面编辑装置可以但不限于应用于开发系统页面的过程中。在开发系统页面的过程中,在编辑系统的一个页面时,如果希望修改页面的某些对象的配置信息,则需要预先由开发者开发出对应的功能,以供修改使用。而上述方法需要开发者预先开发出针对每一项修改操作的修改功能,从而让造成开发者修改页面的配置信息时,还需要额外开发相应的功能,造成开发系统页面的效率低。而本方案中通过在在线编辑器中显示对目标系统中的待编辑的第一页面的原始配置数据,从而可以直接通过对在线编辑器中的原始配置数据进行修改,来完成对目标系统的待编辑的第一页面的编辑,提高了对系统页面的开发效率。
可选地,本方案中的在线编辑器可以以一个插件的方式插入到目标系统中,而并不是由目标系统自带的部件。在使用在线编辑器之前,需要将目标系统与在线编辑器进行绑定。如有两个系统,第一系统和第二系统。若是对第一系统进行修改,则将第一系统绑定在线编辑器,而若是要对第二系统进行修改,则将第二系统绑定在线编辑器。在绑定的过程中,可以将待绑定的系统的原始配置数据的格式进行转换,转换为目标格式,目标格式的数据可以被在线编辑器读取。而原始配置信息为系统中任何可以进行配置的信息。
可选地,上述目标格式可以但不限于为json格式。例如,目标系统将待编辑的第一页面的可配置的原始配置数据转换为json格式,然后将json格式的数据发送给在线编辑器。在线编辑器在接收到json格式的数据后,读取json格式的数据,并在在线编辑器上显示读取得到的待编辑的第一页面的原始配置数据。例如,如图3所示,图3为一种可选的在线编辑器的显示页面。在线编辑器302上显示有原始配置数据304。通过修改在线编辑器302中的原始配置数据304来对待编辑的第一页面306进行编辑,得到第二页面。
需要说明的是,在对在线编辑器的原始配置数据进行修改之后,在将第一页面进行编辑得到第二页面之后,可以选择显示或者不显示第二页面,或者在特定条间或者接收到指令的情况下显示第二页面。
可选地,本实施例中在线编辑器可以接收编辑指令,对原始配置数据进行编辑。
例如,在在线编辑器接收到对原始配置数据进行修改的修改指令的情况下,将修改指令中的数据替换原来的原始配置数据。在在线编辑器接收到对原始配置数据进行删除的删除指令的情况下,删除删除指令所指示的原始配置数据。在在线编辑器接收到对原始配置数据进行新增的新增指令的情况下,新增新增指令中所携带的配置数据。在在线编辑器接收到对原始配置数据进行复制的复制指令的情况下,将复制指令所指示的原始配置数据进行复制。
例如,如图4所示,在接收到触发指令,如双击或者鼠标右键的触发操作时,显示一个弹窗402,弹窗402中包含了可以执行的各种操作,如分类、转换、插入、复制以及图4中未示出的其他操作如选择类型、删除或其他操作等等。通过各种操作对在线编辑器中的原始配置数据进行编辑,从而编辑原始配置数据,得到目标配置数据。
需要说明的是,本方案中对触发编辑操作的方式并不做具体限定,可以通过鼠标或者键盘或者键鼠组合来触发编辑操作。
可选地,在对在线编辑器中的原始配置数据进行编辑并且得到目标配置数据之后,可以将目标配置数据发送给目标系统。
可选地,可以在接收到上线指令的情况下,将目标配置数据发送给目标系统。例如,如图5所示,在在线编辑器的界面上显示有一个上线按钮502,在上线按钮被触发之后,在线编辑器会触发上线指令将在线编辑器中的目标配置数据发送给目标系统对应的服务器。服务器中预先保存有目标系统的相关数据。在接收到目标配置数据后,会对相关数据中待编辑的第一页面进行编辑,将原始配置数据替换为目标配置数据,从而将第一页面更新为第二页面。其他用户在从服务器下载目标系统的相关数据时,下载的是更新后的相关数据。因此,其他用户在下载目标系统后,目标系统中的第一页面已经消失,显示时,显示的是第二页面。
可选地,接收到上线指令的情况下,在线编辑器还可以将目标配置数据发送给本地的目标系统,本地的目标系统可以在接收到目标配置数据后根据目标配置数据显示相应的页面。如显示对第一页面进行编辑后的第二页面。
可选地,本实施例中还可以在在线编辑器中接收预览指令。在在线编辑器接收到预览指令的情况下,可以预览当前的目标系统的待编辑的第一页面,或者已经编辑后的第二页面。在预览时,可以直接预览本地的目标系统。而不需要从服务器上下载新的目标系统。如图6所示,图6中除上线按钮之外,还包括有一个预览按钮602,预览按钮在被触发之后,可以将在线编辑器中的目标配置数据发送给目标系统。目标系统可以根据目标配置数据显示第二页面604。第二页面604中的按钮、表格、输入框等对象为根据目标配置数据所显示的对象。
需要说明的是,图6中的显示方式仅为示例,本方案中还可以提供其他显示方式,如在接收到预览指令时,显示第二页面的同时,还保留显示待编辑的第一页面,同时显示第一页面与第二页面可以形成比对,编辑的内容更直观。
可选地,本实施例中还可以为每一次修改或者每一次预览或者每一次上线分配对应的版本号。如在接收到编辑指令对在线编辑器中的原始配置数据进行编辑之后,保存编辑后的数据,并生成版本号,或者在接收到预览指令并预览第二页面的同时,保存当前的目标配置数据,并为当前的目标配置数据配置版本号。或者在接收到上线指令的情况下,将目标配置数据发送给服务器或者发送给本地的目标系统的同时,还要将当前的目标配置数据保存并生成版本号。每一个版本号都对应着一个版本的目标配置数据,不同版本号对应的目标配置数据不同。或者在另一个可选实施例中,不同版本号对应的目标配置数据可以相同。在为目标配置数据分配版本号后,可以在在线编辑器中显示版本号。例如如图7所示,图7中显示有版本号显示区域702,版本号显示区域702中显示有当前版本号。可以通过下拉按钮704来显示历史编辑过程的各个版本号。图7中显示了三个历史版本号。在选择历史版本号之后,例如,如图8所示,在选择历史版本号V20后,可以显示与历史版本号对应的第二页面802。第二页面802中的内容与版本号为V21对应的第二页面的内容不同。同时,在线编辑器中的目标配置数据也会发生变化。
以下结合具体示例对上述页面编辑方法进行说明。如图9所示,在对一个系统如目标系统中的页面进行修改之前,需要先开发该系统的不同页面。本方案中可以在开发环境902中开发页面,并将开发后的页面经过集成测试、打包编译与一键部署后,部署到测试服务器中。上述打包编译时,编译打包工具用的是webpack,实现页面的异步加载,处理模块引用关系,以及最后的文件打包部署。在测试服务器中保存有开发的目标系统。本实施例中在对一个开发的系统中的页面进行修改时,可以在测试环境912中进行修改。测试环境下的修改并不会造成线上服务器916中的内容进行改变。在修改之前,需要先为目标系统绑定一个编辑器,即绑定在线编辑器910。在绑定在线编辑器910后,通过在线编辑器910获取目标系统的原始配置数据,并对原始配置数据进行编辑,得到目标配置数据。在线编辑器910的基础前端框架用的是vue,前端组件框架使用elementUI,实现页面UI的搭建,完成页面交互逻辑,实现model和视图的双向绑定,通过不断增加可配置的业务模块,来提高页面的可配置性,单独做一个编译器模块,处理配置文件,动态生成业务组件来构建页面。编辑器基础功能借用jsoneditor第三方组件,实现编辑区UI和基础编辑功能。jsoneditor第三方组件可以支持对数组、字符串,对象等所有类型的增删查改,严格校验修改内容,实施保存修改信息,支持直接将json覆盖,语法高亮,支持折叠,方便查看,可生成多个配置区,将功能配置和UI配置分开,监听修改操作,方便同步内容区。组件之间的通信以及编辑器和内容区的通信统一用vuex,将数据的model和修改动作统一到一个store中,然后分发到不同的组件中。后台接口使用的node(http)服务,搭配express框架处理路由和中间件,数据库使用mysql。在在线编辑器910编辑目标配置数据完成后可以将目标配置数据发送给测试服务器904,此时不修改线上服务器916中的数据,或者,将目标配置数据发送给线上服务器916,此时线上服务器916中的数据被修改。在将目标配置数据发送到线上服务器916时,还需要处理权限问题与回滚问题。权限管理系统906负责处理权限问题。权限管理系统906存两份表,一份是可增加配置的人员名单,一份是可上线的人员名单,同时增加告警功能,每一次上线通知相关人员,保证安全性。配置版本管理系统908负责管理历史修改过程中的各个版本。配置版本管理系统908共两个数据表,一个是预览配置列表,一个是线上配置列表,预览时会储蓄配置到预览配置列表,点击上线后,预览配置列表的最新配置会同步到线上配置表,回滚会在线上配置表,按照时间,回滚到上一个配置。在将目标配置数据发送到线上服务器916后,任何一个被授权的用户都可以从线上服务器916上下载目标配置数据从而显示目标系统。而若是一个用户本地配置有自定义的配置数据,在下载目标配置数据后,可以将用户本地配置的自定义的配置数据覆盖到目标配置数据之上,从而可以使用户在根据目标配置数据显示目标系统时,根据个人喜好显示数据。自定义配置会存在本地的localStorage缓存中,同时加上版本号,如(v1),进入页面,会先从服务器获取最新配置,然后合并本地配置,生成最终配置,一旦有大版本更新,修改版本号,使本地缓存失效。
通过本实施例,通过使用在在线编辑器中获取格式为目标格式的数据,在上述在线编辑器中读取上述格式为目标格式的数据,以在上述在线编辑器中显示上述原始配置数据,在上述在线编辑器中接收到对上述原始配置数据进行编辑的编辑指令,响应上述编辑指令,在上述在线编辑器中对上述原始配置数据进行编辑,得到目标配置数据,在上述在线编辑器中发送上线指令,其中,上述上线指令用于指示上述目标系统将上述第一页面显示为上述目标配置数据所指示的第二页面的方法。从而在在线编辑器中显示了对目标系统中的待编辑的第一页面的原始配置数据,进而可以直接通过对在线编辑器中的原始配置数据进行修改,来完成对目标系统的待编辑的第一页面的编辑,提高了对系统页面的开发效率。
作为一种可选的实施方案,上述装置还包括:
(1)第一绑定单元,用于在在线编辑器中获取格式为目标格式的数据之前,将在线编辑器绑定到目标系统中,以使目标系统通过在线编辑器编辑第一页面。
通过本实施例,通过绑定在线编辑器,并通过在线编辑器编辑第一页面,从而在提高了对系统页面的开发效率的同时,还提高了在线编辑器的通用性。
作为一种可选的实施方案,上述发送单元包括:
(1)发送模块,用于在接收到触发指令的情况下,向目标系统的服务器发送上线指令,其中,上线指令用于指示目标系统的服务器根据上线指令中的目标配置数据将目标系统的第一页面更新为第二页面。
通过本实施例,通过在接收到触发指令的情况下,向目标系统的服务器发送上线指令,从而控制服务器更新目标系统,在提高了对系统页面的开发效率的同时,还提高了目标系统的更新效率。
作为一种可选的实施方案,上述装置还包括:
(1)保存单元,用于在在线编辑器中发送上线指令之后,保存目标配置数据;
(2)配置单元,用于为目标配置数据配置第一版本号,其中,第一版本号用于标识目标配置数据的版本。
通过本实施例,通过为目标配置数据分配版本号,从而可以根据各个版本号实现对目标系统的回滚,在提高了对系统页面的开发效率的同时,还提高了对目标系统进行编辑的编辑灵活性。
作为一种可选的实施方案,上述装置还包括:
(1)第二获取单元,用于在为目标配置数据配置第一版本号之后,在接收到版本调整指令的情况下,获取版本调整指令中的目标版本号;
(2)第二发送单元,用于将与目标版本号对应的目标配置数据发送给目标系统,以使目标系统根据目标配置数据显示第二页面。
通过本实施例,通过为目标配置数据分配版本号,从而可以根据各个版本号实现对目标系统的回滚,在提高了对系统页面的开发效率的同时,还提高了对目标系统进行编辑的编辑灵活性。
作为一种可选的实施方案,上述装置还包括:
(1)第三发送单元,用于在在线编辑器中发送上线指令之前,在接收到预览指令的情况下,向目标系统发送第一指令,其中,第一指令中携带有目标配置数据,第一指令用于指示目标系统根据目标配置数据显示第二页面。
通过本实施例,通过在接收到预览指令的情况下,向目标系统发送第一指令,并控制目标系统显示第二页面,从而保证了实时观察修改后的页面,进一步提高了对系统页面的开发效率。
作为一种可选的实施方案,上述第一获取单元包括:
(1)发送模块,用于在在线编辑器中获取格式为JSON格式的数据。
通过本实施例,通过在线编辑器获取json格式的数据,从而在提高了对系统页面的开发效率的同时,还保证了在线编辑器获取原始配置数据的效率。
作为一种可选的实施方案,上述装置还包括:
(1)第二绑定单元,用于在将在线编辑器绑定到目标系统中之前,或在将在线编辑器绑定到目标系统中之后,将在线编辑器绑定到第二系统中,以使第二系统通过在线编辑器编辑第二系统中的待编辑的第三页面。
通过本实施例,通过将在线编辑器绑定到第二系统中,从而在提高了对系统页面的开发效率的同时,还保证了在线编辑器的通用性。
根据本发明实施例的又一个方面,还提供了一种用于实施上述页面编辑方法的电子装置,如图11所示,该电子装置包括存储器1102和处理器1104,该存储器1102中存储有计算机程序,该处理器1104被设置为通过计算机程序执行上述任一项方法实施例中的步骤。
可选地,在本实施例中,上述电子装置可以位于计算机网络的多个网络设备中的至少一个网络设备。
可选地,在本实施例中,上述处理器可以被设置为通过计算机程序执行以下步骤:
S1,在在线编辑器中获取格式为目标格式的数据,其中,目标格式是允许被在线编辑器读取的格式,格式为目标格式的数据是由目标系统中待编辑的第一页面的原始配置数据转换得到的数据;
S2,在在线编辑器中读取格式为目标格式的数据,以在在线编辑器中显示原始配置数据;
S3,在在线编辑器中接收到对原始配置数据进行编辑的编辑指令;
S4,响应编辑指令,在在线编辑器中对原始配置数据进行编辑,得到目标配置数据;
S5,在在线编辑器中发送上线指令,其中,上线指令用于指示目标系统将第一页面显示为目标配置数据所指示的第二页面。
可选地,本领域普通技术人员可以理解,图11所示的结构仅为示意,电子装置也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices,MID)、PAD等终端设备。图11其并不对上述电子装置的结构造成限定。例如,电子装置还可包括比图11中所示更多或者更少的组件(如网络接口等),或者具有与图11所示不同的配置。
其中,存储器1102可用于存储软件程序以及模块,如本发明实施例中的页面编辑方法和装置对应的程序指令/模块,处理器1104通过运行存储在存储器1102内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的页面编辑方法。存储器1102可包括高速随机存储器,还可以包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器1102可进一步包括相对于处理器1104远程设置的存储器,这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。其中,存储器1102具体可以但不限于用于存储原始配置数据与目标配置数据等信息。作为一种示例,如图11所示,上述存储器1102中可以但不限于包括上述页面编辑装置中的第一获取单元1002、读取单元1004、接收单元1006、编辑单元1008与第一发送单元1110。此外,还可以包括但不限于上述页面编辑装置中的其他模块单元,本示例中不再赘述。
可选地,上述的传输装置1106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括有线网络及无线网络。在一个实例中,传输装置1106包括一个网络适配器(Network Interface Controller,NIC),其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中,传输装置1106为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。
此外,上述电子装置还包括:显示器1108,用于显示在线编辑器;和连接总线1110,用于连接上述电子装置中的各个模块部件。
根据本发明的实施例的又一方面,还提供了一种存储介质,该存储介质中存储有计算机程序,其中,该计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。
可选地,在本实施例中,上述存储介质可以被设置为存储用于执行以下步骤的计算机程序:
S1,在在线编辑器中获取格式为目标格式的数据,其中,目标格式是允许被在线编辑器读取的格式,格式为目标格式的数据是由目标系统中待编辑的第一页面的原始配置数据转换得到的数据;
S2,在在线编辑器中读取格式为目标格式的数据,以在在线编辑器中显示原始配置数据;
S3,在在线编辑器中接收到对原始配置数据进行编辑的编辑指令;
S4,响应编辑指令,在在线编辑器中对原始配置数据进行编辑,得到目标配置数据;
S5,在在线编辑器中发送上线指令,其中,上线指令用于指示目标系统将第一页面显示为目标配置数据所指示的第二页面。
可选地,在本实施例中,本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:闪存盘、只读存储器(Read-Only Memory,ROM)、随机存取器(Random Access Memory,RAM)、磁盘或光盘等。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在上述计算机可读取的存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在存储介质中,包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的客户端,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (15)
1.一种页面编辑方法,其特征在于,包括:
在在线编辑器中获取格式为目标格式的数据,其中,所述目标格式是允许被所述在线编辑器读取的格式,所述格式为目标格式的数据是由目标系统中待编辑的第一页面的原始配置数据转换得到的数据;
在所述在线编辑器中读取所述格式为目标格式的数据,以在所述在线编辑器中显示所述原始配置数据;
在所述在线编辑器中接收到对所述原始配置数据进行编辑的编辑指令;
响应所述编辑指令,在所述在线编辑器中对所述原始配置数据进行编辑,得到目标配置数据;
在所述在线编辑器中发送上线指令,其中,所述上线指令用于指示所述目标系统将所述第一页面显示为所述目标配置数据所指示的第二页面。
2.根据权利要求1所述的方法,其特征在于,在在线编辑器中获取格式为目标格式的数据之前,还包括:
将所述在线编辑器绑定到所述目标系统中,以使所述目标系统通过所述在线编辑器编辑所述第一页面。
3.根据权利要求1所述的方法,其特征在于,所述在所述在线编辑器中发送上线指令包括:
在接收到触发指令的情况下,向所述目标系统的服务器发送所述上线指令,其中,所述上线指令用于指示所述目标系统的服务器根据所述上线指令中的所述目标配置数据将所述目标系统的所述第一页面更新为所述第二页面。
4.根据权利要求1所述的方法,其特征在于,在所述在线编辑器中发送上线指令之后,还包括:
保存所述目标配置数据;
为所述目标配置数据配置第一版本号,其中,所述第一版本号用于标识所述目标配置数据的版本。
5.根据权利要求4所述的方法,其特征在于,在为所述目标配置数据配置第一版本号之后,还包括:
在接收到版本调整指令的情况下,获取所述版本调整指令中的目标版本号;
将与所述目标版本号对应的目标配置数据发送给所述目标系统,以使所述目标系统根据所述目标配置数据显示所述第二页面。
6.根据权利要求1所述的方法,其特征在于,在所述在线编辑器中发送上线指令之前,还包括:
在接收到预览指令的情况下,向所述目标系统发送第一指令,其中,所述第一指令中携带有所述目标配置数据,所述第一指令用于指示所述目标系统根据所述目标配置数据显示所述第二页面。
7.根据权利要求1至6中任一项所述的方法,其特征在于,在在线编辑器中获取格式为目标格式的数据包括:
在所述在线编辑器中获取格式为JSON格式的数据。
8.根据权利要求2所述的方法,其特征在于,在将所述在线编辑器绑定到所述目标系统中之前,或在将所述在线编辑器绑定到所述目标系统中之后,还包括:
将所述在线编辑器绑定到第二系统中,以使所述第二系统通过所述在线编辑器编辑所述第二系统中的待编辑的第三页面。
9.一种页面编辑装置,其特征在于,包括:
第一获取单元,用于在在线编辑器中获取格式为目标格式的数据,其中,所述目标格式是允许被所述在线编辑器读取的格式,所述格式为目标格式的数据是由目标系统中待编辑的第一页面的原始配置数据转换得到的数据;
读取单元,用于在所述在线编辑器中读取所述格式为目标格式的数据,以在所述在线编辑器中显示所述原始配置数据;
接收单元,用于在所述在线编辑器中接收到对所述原始配置数据进行编辑的编辑指令;
编辑单元,用于响应所述编辑指令,在所述在线编辑器中对所述原始配置数据进行编辑,得到目标配置数据;
第一发送单元,用于在所述在线编辑器中发送上线指令,其中,所述上线指令用于指示所述目标系统将所述第一页面显示为所述目标配置数据所指示的第二页面。
10.根据权利要求9所述的装置,其特征在于,所述装置还包括:
第一绑定单元,用于在在线编辑器中获取格式为目标格式的数据之前,将所述在线编辑器绑定到所述目标系统中,以使所述目标系统通过所述在线编辑器编辑所述第一页面。
11.根据权利要求9所述的装置,其特征在于,所述装置还包括:
保存单元,用于在所述在线编辑器中发送上线指令之后,保存所述目标配置数据;
配置单元,用于为所述目标配置数据配置第一版本号,其中,所述第一版本号用于标识所述目标配置数据的版本。
12.根据权利要求9所述的装置,其特征在于,所述装置还包括:
第二获取单元,用于在为所述目标配置数据配置第一版本号之后,在接收到版本调整指令的情况下,获取所述版本调整指令中的目标版本号;
第二发送单元,用于将与所述目标版本号对应的目标配置数据发送给所述目标系统,以使所述目标系统根据所述目标配置数据显示所述第二页面。
13.根据权利要求9所述的装置,其特征在于,所述装置还包括:
第二绑定单元,用于在将所述在线编辑器绑定到所述目标系统中之前,或在将所述在线编辑器绑定到所述目标系统中之后,将所述在线编辑器绑定到第二系统中,以使所述第二系统通过所述在线编辑器编辑所述第二系统中的待编辑的第三页面。
14.一种存储介质,所述存储介质存储有计算机程序,其特征在于,所述计算机程序运行时执行所述权利要求1至8任一项中所述的方法。
15.一种电子装置,包括存储器和处理器,其特征在于,所述存储器中存储有计算机程序,所述处理器被设置为通过所述计算机程序执行所述权利要求1至8任一项中所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910431343.6A CN111984248B (zh) | 2019-05-22 | 2019-05-22 | 页面编辑方法和装置、存储介质及电子装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910431343.6A CN111984248B (zh) | 2019-05-22 | 2019-05-22 | 页面编辑方法和装置、存储介质及电子装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111984248A true CN111984248A (zh) | 2020-11-24 |
CN111984248B CN111984248B (zh) | 2023-08-25 |
Family
ID=73436408
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910431343.6A Active CN111984248B (zh) | 2019-05-22 | 2019-05-22 | 页面编辑方法和装置、存储介质及电子装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111984248B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113031947A (zh) * | 2021-03-05 | 2021-06-25 | 苏州帝博信息技术有限公司 | 在界面设计工具中使用的配置数据管理方法和装置 |
CN113050942A (zh) * | 2021-03-31 | 2021-06-29 | 北京字节跳动网络技术有限公司 | 页面生成方法、装置、可读介质及电子设备 |
CN113887175A (zh) * | 2021-09-15 | 2022-01-04 | 南京海泰医疗信息系统有限公司 | 一种电子病历编辑器及其调用方法 |
Citations (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2001023998A1 (en) * | 1999-09-24 | 2001-04-05 | Phoenix Technologies Ltd. | Software development system for facilitating selection of components |
CA2391719A1 (en) * | 2002-06-26 | 2003-12-26 | Ibm Canada Limited-Ibm Canada Limitee | Editing files of remote systems using an integrated development environment |
US20040215719A1 (en) * | 2003-04-09 | 2004-10-28 | Altshuler Dennis Wayne | Method and system for designing, editing and publishing web page content in a live internet session |
US20060277026A1 (en) * | 2005-06-07 | 2006-12-07 | Mann Joseph F | Universal web-based reprogramming method and system |
US20120290429A1 (en) * | 2010-08-31 | 2012-11-15 | Daniel Reuven Ostroff | System and method of creating and remotely editing interactive generic configurator programs |
US20130326345A1 (en) * | 2012-06-04 | 2013-12-05 | Aphotofolio.Com | Editor for website and website menu |
CN103970536A (zh) * | 2014-04-28 | 2014-08-06 | 广州杰赛科技股份有限公司 | 生成app安装程序的方法和装置 |
CN104462928A (zh) * | 2013-09-13 | 2015-03-25 | 惠公 | 一种多功能网银安全登录器及其实现方法 |
CN105068794A (zh) * | 2015-07-17 | 2015-11-18 | 浪潮软件股份有限公司 | 一种支持Web页面本地研发的实现方法 |
US9465604B1 (en) * | 2015-06-23 | 2016-10-11 | Amazon Technologies, Inc. | Additional content with variable fidelity |
US20170031887A1 (en) * | 2015-07-27 | 2017-02-02 | WP Company LLC d/b/a The Washington Post | Contextual editing in a page rendering system |
CN106484403A (zh) * | 2016-09-23 | 2017-03-08 | 江西洪都航空工业集团有限责任公司 | 一种机器人跨平台的图形化开发系统 |
CN106775836A (zh) * | 2016-11-29 | 2017-05-31 | 腾讯科技(深圳)有限公司 | 界面显示方法及界面显示装置 |
CN107729012A (zh) * | 2017-10-27 | 2018-02-23 | 深圳前海桔子信息技术有限公司 | 一种应用界面组合配置方法和装置 |
CN108829433A (zh) * | 2018-05-24 | 2018-11-16 | 努比亚技术有限公司 | 一种web系统版本部署方法、设备和存储介质 |
US20180349134A1 (en) * | 2017-06-06 | 2018-12-06 | Ab Initio Technology Llc | User interface that integrates plural client portals in plural user interface portions through sharing of one or more log records |
CN109271157A (zh) * | 2018-09-07 | 2019-01-25 | 深圳市东微智能科技股份有限公司 | 软件开发方法、设备及计算机可读存储介质 |
CN109522068A (zh) * | 2018-10-17 | 2019-03-26 | 大唐网络有限公司 | 页面的展示方法及系统、页面数据的编辑方法 |
CN109710328A (zh) * | 2018-08-20 | 2019-05-03 | 深圳壹账通智能科技有限公司 | 页面配置方法、装置、设备及可读存储介质 |
-
2019
- 2019-05-22 CN CN201910431343.6A patent/CN111984248B/zh active Active
Patent Citations (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2001023998A1 (en) * | 1999-09-24 | 2001-04-05 | Phoenix Technologies Ltd. | Software development system for facilitating selection of components |
CA2391719A1 (en) * | 2002-06-26 | 2003-12-26 | Ibm Canada Limited-Ibm Canada Limitee | Editing files of remote systems using an integrated development environment |
US20040215719A1 (en) * | 2003-04-09 | 2004-10-28 | Altshuler Dennis Wayne | Method and system for designing, editing and publishing web page content in a live internet session |
US20060277026A1 (en) * | 2005-06-07 | 2006-12-07 | Mann Joseph F | Universal web-based reprogramming method and system |
US20120290429A1 (en) * | 2010-08-31 | 2012-11-15 | Daniel Reuven Ostroff | System and method of creating and remotely editing interactive generic configurator programs |
US20130326345A1 (en) * | 2012-06-04 | 2013-12-05 | Aphotofolio.Com | Editor for website and website menu |
CN104462928A (zh) * | 2013-09-13 | 2015-03-25 | 惠公 | 一种多功能网银安全登录器及其实现方法 |
CN103970536A (zh) * | 2014-04-28 | 2014-08-06 | 广州杰赛科技股份有限公司 | 生成app安装程序的方法和装置 |
US9465604B1 (en) * | 2015-06-23 | 2016-10-11 | Amazon Technologies, Inc. | Additional content with variable fidelity |
CN105068794A (zh) * | 2015-07-17 | 2015-11-18 | 浪潮软件股份有限公司 | 一种支持Web页面本地研发的实现方法 |
US20170031887A1 (en) * | 2015-07-27 | 2017-02-02 | WP Company LLC d/b/a The Washington Post | Contextual editing in a page rendering system |
CN106484403A (zh) * | 2016-09-23 | 2017-03-08 | 江西洪都航空工业集团有限责任公司 | 一种机器人跨平台的图形化开发系统 |
CN106775836A (zh) * | 2016-11-29 | 2017-05-31 | 腾讯科技(深圳)有限公司 | 界面显示方法及界面显示装置 |
US20180349134A1 (en) * | 2017-06-06 | 2018-12-06 | Ab Initio Technology Llc | User interface that integrates plural client portals in plural user interface portions through sharing of one or more log records |
CN107729012A (zh) * | 2017-10-27 | 2018-02-23 | 深圳前海桔子信息技术有限公司 | 一种应用界面组合配置方法和装置 |
CN108829433A (zh) * | 2018-05-24 | 2018-11-16 | 努比亚技术有限公司 | 一种web系统版本部署方法、设备和存储介质 |
CN109710328A (zh) * | 2018-08-20 | 2019-05-03 | 深圳壹账通智能科技有限公司 | 页面配置方法、装置、设备及可读存储介质 |
CN109271157A (zh) * | 2018-09-07 | 2019-01-25 | 深圳市东微智能科技股份有限公司 | 软件开发方法、设备及计算机可读存储介质 |
CN109522068A (zh) * | 2018-10-17 | 2019-03-26 | 大唐网络有限公司 | 页面的展示方法及系统、页面数据的编辑方法 |
Non-Patent Citations (1)
Title |
---|
黄晓晖;: "可视化编辑器在水电系统中的应用", 水电厂自动化, no. 03 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113031947A (zh) * | 2021-03-05 | 2021-06-25 | 苏州帝博信息技术有限公司 | 在界面设计工具中使用的配置数据管理方法和装置 |
CN113050942A (zh) * | 2021-03-31 | 2021-06-29 | 北京字节跳动网络技术有限公司 | 页面生成方法、装置、可读介质及电子设备 |
CN113887175A (zh) * | 2021-09-15 | 2022-01-04 | 南京海泰医疗信息系统有限公司 | 一种电子病历编辑器及其调用方法 |
Also Published As
Publication number | Publication date |
---|---|
CN111984248B (zh) | 2023-08-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20210034336A1 (en) | Executing a process-based software application in a first computing environment and a second computing environment | |
US9619122B2 (en) | Method and apparatus for automatic device program generation | |
CN109542445A (zh) | 一种Android插件化开发的方法和装置 | |
EP3726373B1 (en) | Creating an app method and system | |
CN104636139A (zh) | 一种可视化跨平台移动应用开发与生成系统 | |
CN106843976B (zh) | 用于生成镜像文件的方法和装置 | |
CN111984248B (zh) | 页面编辑方法和装置、存储介质及电子装置 | |
CN111708557B (zh) | 更新配置文件的方法、设备及存储介质 | |
CN110377523A (zh) | 程序调试方法及装置、电子设备和存储介质 | |
CN112579048B (zh) | 小程序集成方法、装置、电子设备及存储介质 | |
CN109284126B (zh) | 类库自动更新方法、装置、电子设备、存储介质 | |
CN108563440A (zh) | 列表控制器代码自动添加方法、装置及可读存储介质 | |
CN112149035A (zh) | 网站静态资源处理方法及装置 | |
CN113312083A (zh) | 应用生成方法、装置及设备 | |
WO2024066825A1 (zh) | 页面项目开发方法、装置、设备、介质及产品 | |
CN107220044B (zh) | 基于元模型驱动业务对象的方法和装置 | |
CN107368557B (zh) | 页面编辑方法及装置 | |
CN109413714B (zh) | 用户代理信息的处理方法、装置、存储介质及终端 | |
JP7014960B2 (ja) | 情報処理装置、サーバ、その処理方法及びプログラム | |
CN114327709A (zh) | 一种控制页面生成方法、装置、智能设备及存储介质 | |
CN111001157B (zh) | 引用信息的生成方法和装置、存储介质及电子装置 | |
CN112486378B (zh) | 图形生成方法、装置、终端及存储介质 | |
CN112632444A (zh) | 可视化网站主题配置方法和装置 | |
CN112182115A (zh) | 关系的展示方法和装置、存储介质、电子装置 | |
CN108153525B (zh) | 一种构建交互界面的方法、装置及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |