CN114281310A - 页面框架设置方法、装置、设备、存储介质及程序产品 - Google Patents

页面框架设置方法、装置、设备、存储介质及程序产品 Download PDF

Info

Publication number
CN114281310A
CN114281310A CN202111571296.9A CN202111571296A CN114281310A CN 114281310 A CN114281310 A CN 114281310A CN 202111571296 A CN202111571296 A CN 202111571296A CN 114281310 A CN114281310 A CN 114281310A
Authority
CN
China
Prior art keywords
configuration
page frame
page
parameters
actual
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.)
Pending
Application number
CN202111571296.9A
Other languages
English (en)
Inventor
律小娇
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN202111571296.9A priority Critical patent/CN114281310A/zh
Publication of CN114281310A publication Critical patent/CN114281310A/zh
Pending legal-status Critical Current

Links

Images

Landscapes

  • Stored Programmes (AREA)

Abstract

本公开提供了一种页面框架设置方法、装置、电子设备、计算机可读存储介质及计算机程序产品,涉及低代码开发、页面设置、云服务等技术领域。该方法包括:接收通过预设的配置传输接口导入的页面框架配置文件;其中,页面框架配置文件由已开发完成的应用中导出;按照页面框架参数的预设识别标准,从页面框架配置文件中提取页面框架的实际配置参数;根据实际配置参数在低代码开发平台上创建自定义页面框架;根据待开发应用的页面设置需求,在相应的待开发页面上应用自定义页面框架。该方法丰富了通过低代码开发平台所开发应用的页面框架样式,可便捷的实现页面框架的集成、套用,提升了所开发应用之间的差异化。

Description

页面框架设置方法、装置、设备、存储介质及程序产品
技术领域
本公开涉及应用开发处理技术领域,具体涉及低代码开发、页面设置、云服务等技术领域,尤其涉及一种页面框架设置方法、装置、电子设备、计算机可读存储介质及计算机程序产品。
背景技术
低代码开发平台(LCDP,Low-Code Development Platform)是无需编写代码(零代码)或通过编写少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法,使具有不同经验水平的开发人员可以通过图形化的用户界面,使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。
通常低代码开发平台仅提供默认的页面框架,导致借助低代码开发平台开发出的不同应用在页面样式上具有趋同性。且通常不支持对页面框架的参数进行自定义。
发明内容
本公开实施例提出了一种页面框架设置方法、装置、电子设备、计算机可读存储介质及计算机程序产品。
第一方面,本公开实施例提出了一种页面框架设置方法,包括:接收通过预设的配置传输接口导入的页面框架配置文件;其中,页面框架配置文件由已开发完成的应用中导出;按照页面框架参数的预设识别标准,从页面框架配置文件中提取页面框架的实际配置参数;根据实际配置参数在低代码开发平台上创建自定义页面框架;根据待开发应用的页面设置需求,在相应的待开发页面上应用自定义页面框架。
第二方面,本公开实施例提出了一种页面框架设置装置,包括:配置文件接收单元,被配置成接收通过预设的配置传输接口导入的页面框架配置文件;其中,页面框架配置文件由已开发完成的应用中导出;实际配置参数提取单元,被配置成按照页面框架参数的预设识别标准,从页面框架配置文件中提取页面框架的实际配置参数;自定义页面框架创建单元,被配置成根据实际配置参数在低代码开发平台上创建自定义页面框架;自定义页面框架应用单元,被配置成根据待开发应用的页面设置需求,在相应的待开发页面上应用自定义页面框架。
第三方面,本公开实施例提供了一种电子设备,该电子设备包括:至少一个处理器;以及与至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,该指令被至少一个处理器执行,以使至少一个处理器执行时能够实现如第一方面中任一实现方式描述的页面框架设置方法。
第四方面,本公开实施例提供了一种存储有计算机指令的非瞬时计算机可读存储介质,该计算机指令用于使计算机执行时能够实现如第一方面中任一实现方式描述的页面框架设置方法。
第五方面,本公开实施例提供了一种包括计算机程序的计算机程序产品,该计算机程序在被处理器执行时能够实现如第一方面中任一实现方式描述的页面框架设置方法。
为了更灵活的通过低代码开发平台对所开发应用的页面框架进行设置,本公开将从已有应用导出的页面框架配置文件导入低代码开发平台,即低代码开发平台通过解析导入的页面框架配置文件的实际参数,进而快速的完成从已有应用到所开发应用的页面框架继承,根据不同的已有应用就可以快速的完成不同所开发应用页面框架的差异化配置,从而丰富了通过低代码开发平台所开发应用的页面框架样式,可便捷的实现页面框架的集成、套用,提升了所开发应用之间的差异化。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本公开的其它特征、目的和优点将会变得更明显:
图1是本公开可以应用于其中的示例性系统架构;
图2为本公开实施例提供的一种页面框架设置方法的流程图;
图3为本公开实施例提供的一种根据支持修改的配置类型确定配置参数的方法的流程图;
图4为本公开实施例提供的一种页面框架配置文件异常识别处理方案的流程图;
图5为本公开实施例提供的一种页面框架设置装置的结构框图;
图6为本公开实施例提供的一种适用于执行页面框架设置方法的电子设备的结构示意图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。需要说明的是,在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
本公开的技术方案中,所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理,均符合相关法律法规的规定,且不违背公序良俗。
图1示出了可以应用本公开的页面框架设置方法、装置、电子设备及计算机可读存储介质的实施例的示例性系统架构100。
如图1所示,图1示出了可以应用本公开的页面框架设置方法、装置、电子设备及计算机可读存储介质的实施例的示例性系统架构100。
如图1所示,系统架构100可以包括终端设备101、网络102和服务器103。网络102用以在终端设备101和服务器103之间提供通信链路的介质。网络102可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101通过网络102与服务器103交互,以接收或发送数据或指令等。终端设备101和服务器103上可以安装有各种用于实现两者之间进行信息通讯的应用,例如应用开发类应用、页面框架配置导出类应用、即时通讯类应用等。
终端设备101和服务器103可以是硬件,也可以是软件。当终端设备101为硬件时,可以是具有显示屏的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机、工作站等等;当终端设备101为软件时,可以安装在上述所列举的电子设备中,其可以实现成多个软件或软件模块,也可以实现成单个软件或软件模块,在此不做具体限定。当服务器103为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器;服务器为软件时,可以实现成多个软件或软件模块,也可以实现成单个软件或软件模块,在此不做具体限定。
服务器103通过内置的各种应用可以提供各种服务,以可以提供应用的低代码开发服务的应用开发类应用为例,服务器103在运行该应用开发类应用时可实现如下效果:首先,接收经网络102通过预设的配置传输接口导入的页面框架配置文件,该页面框架配置文件由用户控制终端设备101上的页面框架配置导出类应用从已开发完成的应用中导出;然后,按照页面框架参数的预设识别标准,从页面框架配置文件中提取页面框架的实际配置参数;接下来,根据实际配置参数在低代码开发平台上创建自定义页面框架;最后,根据待开发应用的页面设置需求,在相应的待开发页面上应用自定义页面框架。
需要指出的是,页面框架配置文件除可以从终端设备101通过网络102传入之外,也可以通过各种方式预先存储在服务器103本地。因此,当服务器103检测到本地已经存储有这些数据时(例如开始处理之前留存的页面框架继承任务),可选择直接从本地获取这些数据,在此种情况下,示例性系统架构100也可以不包括终端设备101和网络102。
本公开后续各实施例所提供的页面框架设置方法一般由承载低代码开发平台的服务器103来执行,相应地,页面框架设置装置一般也设置于服务器103中。但同时也需要指出的是,在终端设备101也具有满足要求的运算能力和运算资源时,终端设备101也可以通过其上安装的应用开发类应用完成上述本交由服务器103做的各项运算,进而输出与服务器103同样的结果。尤其是在同时存在多种具有不同运算能力的终端设备的情况下,但应用开发类应用判断所在的终端设备拥有较强的运算能力和剩余较多的运算资源时,可以让终端设备来执行上述运算,从而适当减轻服务器103的运算压力,相应的,页面框架设置装置也可以设置于终端设备101中。在此种情况下,示例性系统架构100也可以不包括服务器103和网络102。也可以将服务器103上部署包含全量功能组件的完整版低代码开发平台,而在终端设备101上部署仅包含一些常用功能组件的基础版低代码开发平台。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
请参考图2,图2为本公开实施例提供的一种页面框架设置方法的流程图,其中流程200包括以下步骤:
步骤201:接收通过预设的配置传输接口导入的页面框架配置文件;
本步骤旨在由页面框架设置方法的执行主体(例如图1所示的服务器103)接收通过预设的配置传输接口导入的页面框架配置文件。
其中,页面框架配置文件由已开发完成的应用导出,该页面框架配置文件记载了所导出应用采用的页面框架的配置参数,可包括多种配置类型和每种配置类型的具体参数值。
上述执行主体上承载的低代码开发平台被预先设置有配置传输接口,符合要求的页面框架配置文件将可以通过该配置传输接口被导入低代码开发平台,以使低代码开发品台通过解析该页面框架配置文件最终完成实际页面配置参数的识别,最终完成自定义页面框架的创建。
步骤202:按照页面框架参数的预设识别标准,从页面框架配置文件中提取页面框架的实际配置参数;
在步骤201的基础上,本步骤旨在由上述执行主体从页面框架配置文件中提取页面框架的实际配置参数。
为了提取出尽可能全面、准确的实际配置参数,还可以采用页面框架参数的预设识别标准。具体的,该预设识别标准可以是设置页面框架时采用的通用标准,也可以将页面框架配置文件所属应用在配置页面框架时采用的标准确定为该预设识别标准,进而通过保持标准的一致来确保实际配置参数提取的全面、准确。
步骤203:根据实际配置参数在低代码开发平台上创建自定义页面框架;
在步骤202的基础上,本步骤旨在由上述执行主体根据实际配置参数在低代码开发平台上创建自定义页面框架。
简单来说,本步骤是将从页面框架配置文件中提取到的实际配置参数按配置类型分别划分后,重新将其封装为可被低代码开发平台执行、应用的自定义页面框架。封装方式不限,可根据实际情况自行选择。
步骤204:根据待开发应用的页面设置需求,在相应的待开发页面上应用自定义页面框架。
在步骤203的基础上,本步骤旨在由上述执行主体根据待开发应用的页面设置需求,在相应的待开发页面上应用自定义页面框架。
其中,对待开发应用的页面设置需求中记录对构成待开发应用的各个页面,以及每个页面的功能设置需求,并根据页面的功能设置需求确定应当使用哪些页面框架。即不同的页面框架将用于实现不同的功能设置需求,某些类型的页面框架能够较好的实现某一项功能设置需求。
为了更灵活的通过低代码开发平台对所开发应用的页面框架进行设置,本公开实施例提供的页面框架设置方法,将从已有应用导出的页面框架配置文件导入低代码开发平台,即低代码开发平台通过解析导入的页面框架配置文件的实际参数,进而快速的完成从已有应用到所开发应用的页面框架继承,根据不同的已有应用就可以快速的完成不同所开发应用页面框架的差异化配置,从而丰富了通过低代码开发平台所开发应用的页面框架样式,可便捷的实现页面框架的集成、套用,提升了所开发应用之间的差异化。
请参考图3,图3为本公开实施例提供的一种根据支持修改的配置类型确定配置参数的方法的流程图,其中流程300包括以下步骤:
步骤301:确定实际配置参数包含的各种页面配置类型,得到实际配置类型集;
本步骤旨在由上述执行主体确定实际配置参数包含的各种页面配置类型,并得到由各种包含的页面配置类型作为元素所构成的实际配置类型集(合)。
步骤302:对实际配置类型集中低代码开发平台支持进行配置参数调整的第一配置类型,将第一配置类型的配置参数设置为相应的实际配置参数;
针对实际配置类型集中低代码开发平台支持进行配置参数调整的第一配置类型,本步骤旨在由上述执行主体将第一配置类型的配置参数设置为相应的实际配置参数。即因低代码开发平台支持对第一配置类型的配置参数进行调整,因此可直接继承实际配置参数。
步骤303:对实际配置类型集中低代码开发平台不支持进行配置参数调整的第二配置类型,保持第二配置类型的配置参数为默认参数;
针对实际配置类型集中低代码开发平台不支持进行配置参数调整的第二配置类型,本步骤旨在由上述执行主体保持第二配置类型的配置参数为默认参数。即因低代码开发平台不支持对第二配置类型的配置参数进行调整,因此只能使这些配置类型的参数维持在默认参数。
也就是说,页面框架配置文件中记载的对第二配置类型相关的实际配置参数将无法被低代码开发平台所继承。后续,上述执行主体就可以根据修改为实际配置参数的第一配置类型项和保持默认参数的第二配置类型项,构建出对应的自定义页面框架。
针对流程200中的步骤203,本实施例通过步骤301-步骤303提供了一种具体的实现方式,以实际配置参数中包含的所有配置类型是否全部被低代码开发平台支持进行参数调整为出发点,给出了不同的处理方式,以尽可能全面的集成导入的页面框架配置文件中的页面框架配置。
在步骤303的基础上,考虑到第二配置类型的配置参数仍维持为默认参数,必然影响整体的页面效果,为尽可能的接近导出页面框架配置文件的已有应用的页面效果,本实施例还通过页面配置效果提供了一种配置替换方案:
首先,根据第二配置类型对应的页面配置效果,确定效果相似度满足预设要求(例如相似度超过80%)的第三配置类型或第四配置方式;然后,推送包含第三配置类型和第四配置方式的配置替换方案,以尽可能的规避因第二配置类型无法调整对页面效果的影响。进一步的,在提供配置替换方案的同时,还可以同时向开发者展示使用配置调换方案前后的页面效果对比,以更直观的让开发者了解提供的配置替换方案的页面效果。
其中,第三配置类型是区别于第一配置类型和第二配置类型的其它配置类型,以期通过更换其它能够起到相同或类似效果的配置类型,来尽可能的消除第二配置类型无法调整对页面效果的影响;第四配置方式则是区别于上述几种通过配置类型来调整页面效果的另一种页面配置方式,以期通过其它的调整手段来达成类似的页面效果。
请参考图4,图4为本公开实施例提供的一种页面框架配置文件异常识别处理方案的流程图,针对页面框架配置文件无法被待代码开发平台完全识别的情况,通过流程400提供了如下处理步骤:
步骤401:确定无法被预设识别标准识别的异常配置参数;
本步骤旨在由上述执行主体确定无法被预设识别标准识别的异常配置参数,即将页面框架配置文件中包含的全量配置参数,根据能否被预设识别标准识别划分为正常配置参数和异常配置参数。
当然,也可以采用其它的方式,只要能够确定出异常配置参数的部分即可。
步骤402:判断异常配置参数的异常原因是否为预设有纠正方式的已知原因,若是,执行步骤403,否则执行步骤404;
本步骤旨在判断异常配置参数的异常原因是否为预设有纠正方式的已知原因,并根据判断结果选择不同的处理分支。具体的,可以首先判断异常配置参数无法被正常识别的异常原因,然后再确认该异常原因是否为已知原因,最后再确认是否为该已知原因预设有纠正方式。
步骤403:按纠正方式对异常配置参数进行纠正;
本步骤建立在步骤402的判断结果为异常配置参数的异常原因为预设有纠正方式的已知原因的基础上,旨在由上述执行主体按纠正方式对异常配置参数进行纠正,以期通过纠正方式得以使纠正后的配置参数能够被预设识别标准正常识别。
步骤404:返回包含异常配置参数和预设识别标准的异常参数调整提示。
本步骤建立在步骤402的判断结果为异常配置参数的异常原因为未知原因或是一个未预设有纠正方式的已知原因的基础上,旨在返回包含异常配置参数和预设识别标准的异常参数调整提示,以期通过该提示来获取更多的处理措施,或者告知开发者尝试调整页面框架配置文件的导出方式,以尝试能否消除异常配置参数。
在上述任意实施例的基础上,本实施例针对页面框架配置文件无法被待代码开发平台完全识别的情况,通过步骤401-步骤404提供了多种处理方式,以期尽可能的消除异常配置参数、提升提取出的实际配置参数的全面性和准确性。
在上述任意实施例的基础上,根据页面框架配置文件表现形式的不同,从中提取出实际配置参数的方式也有所不同,例如当页面框架配置文件为JavaScript脚本时,可以按照页面框架参数的与Java语言对应的识别标准,从JavaScript脚本中提取页面框架的实际配置参数;而当页面框架配置文件为层叠样式表CSS时,则可以按照页面框架参数的与CSS对应的识别标准,从CSS中提取页面框架的样式配置参数。以尽可能的确保所提出的参数的准确性和全面性。
在上述任意实施例的基础上,为便于后续再次使用该自定义页面框架,以及便于其它的开发者借用该自定义页面框架,还可以确定自定义页面框架的身份信息,并将附加有身份信息的自定义页面框架存储至云端页面框架库,身份信息将作为相应的自定义页面框架的索引信息来指导进行准确的查询;然后在接收到包含身份信息的本地调用请求时,从云端页面框架库获取自定义页面框架,并挂载至本地的低代码开发平台(例如借助浏览器作为访问载体时,可将该自定义功能组件挂载至本地浏览器),从而便于通过本地进行调用。
另外,除上述身份信息之外,还可以通过为每个自定义页面框架附加与注入时间、特点、开发者、被使用次数等标签,从而在查询者未持有身份信息或索引信息的情况下提供模糊查询功能。
为加深理解,本公开还结合一个具体应用场景,给出了一种具体的实现方案,主要包括两部分,一个是为低代码开发平台自身增加多样化的页面框架配置模板和模板内的多个配置类型调节项,另一个则是为低代码开发平台增加直接继承导出自其它应用的页面框架配置文件所包含的页面框架配置参数的功能。
为实现上述目的,所设计方案包括:
内置框架布局模板:提供几种常用应用布局,便于用户快速创建符合需求风格的框架;
内置应用挂件组件:应用框架设计器中可以支持对通用模块的布局自定义,例如:Logo(标志)、Brand(品牌)、消息通知、个人中心、页面管理、应用开发、应用管理等,可以以组件的形态允许用户拖拽并自定义摆放到框架区域;
应用级框架管理:提供应用框架的增(从平台级Layout模板选择,其中Layout意为布局)、删、改,另外,还可以支持框架的复制功能,主要为了降低自定义框架创建的成本;
应用创建支持Layout设置:在应用创建流程中添加对Layout的设置能力;
提供应用框架设计器:即Framework Editor(框架编辑器),基于布局模板,支持应用框架内容的可视化设计、预览,另外,可以支持自定义布局这种高级功能;框架&页面交互场景主要包含初始化顺序、数据同步、事件触发,例如:Console(仪表盘)页面中框架数据load(载入)完成后再去初始化页面;框架中,区域与页面数据的同步,区域切换需要reload(重新载入)页面;页面中,页面区域切换需要同步给框架。
以下将分别对每个部分进行展开描述:
框架布局模板设计
Layout Editor可以提供常用应用框架布局,至少覆盖基本应用场景,便于应用套用。结合现在Console产品框架的形态,基本可以分为行(Row)和列(Col)两种,整体框架或者页面内容可以以定宽或沾满屏幕的形态进行渲染,另外,一些应用还提供“固定工具条”,常用布局有:1)仅设置有左侧边栏;2)仅设置有顶部导航栏;3)同时设置有顶部导航栏和底部状态栏;4)同时设置有左侧边栏和顶部导航栏;5)同时设置左侧边栏、顶部导航栏和底部状态栏;6)仅在页面边缘设置有滚动工具条等。具体的,在多种栏同时设置时,还可以根据相互之前的覆盖情况西非为更多组合,此处不再一一列举。
实现思路如下:
Layout Render(布局渲染器):只需要一套,提供多样化配置,AMIS(低代码前端框架,它使用JSON配置来生成页面,可以节省页面开发工作量,极大提升开发前端页面的效率)提供了Layout页面布局组件,支持左边栏、顶部、内容区域布局,同时支持Fixed、Boxed(两种不同的布局方式),但目前能力无法满足以上多样化的布局,在框架编辑器中可以基于AMIS Layout进行封装,提供多样化布局渲染器;
Custom Layout(自定义布局):自定义Layout理解为对于内置Layout模板无法满足的场景,通过引入外部JS脚本和CSS样式文件的方式,实现对布局的定制化,例如:能够快速对接用户已有应用框架。
Layout渲染器
Layout渲染器设计包含Layout定义、Layout类型、Layout定制化方案。
Layout预设:Layout将为用户预设常用挂件到可编辑区域,用户可以根据自己需要进行调整;
自定义Layout:自定义Layout是指开发者可以在内置的Layout类型基础上通过外部JS脚本和CSS样式文件定制页面布局,这里为外部脚本提供回调的注册和执行,方便解决用户自定义框架内影响页面渲染的异步行为问题。
另外,需要打通应用与自定义框架、页面之间的数据共享,实现数据域和上下文的通信:
首先,Layout提供extraJS和extraCSS属性,该属性为Object(对象)类型,包括url和callback,url用于指定待挂载的外部JS脚本的地址,callback用于定义回调函数(支持string和Function),Layout将在componentDidMount中判断是否存在外部脚本,如果存在则执行挂载,挂载过程中,先要判断是否已经挂载过,如果挂载过同名脚本需要先移除,然后执行script标签的组装和挂载,并监听load(载入)事件,当load完成后执行callback,并将上下文cxt(应用数据域)传入callback,这样框架设计者就可以在callback中定制与应用相关的逻辑了(例如待开发页面内的应用数据的通信规则)。到此外部脚本的挂载就完成了。
接下来说明框架设计中可能存在的处理逻辑,主要包含框架事件监听处理、数据更新同步:
第一,数据更新同步可以通过平台提供的上下文注册接口injectLayoutContext来实现,该接口将上下文数据注入到应用全局变量layoutContext,例如框架内置了一些异步请求,而页面以来请求返回的数据进行渲染,则可以在callback中通过监听数据返回成功事件来调用injectLayoutContext将数据同步给页面,页面渲染器可以通过绑定${layoutContext.xxx}来获取数据;
第二,平台提供了内置的页面reload接口和redirect接口,可以帮助实现框架中点击某按钮需要实现对当前页面的局部刷新和路由跳转的功能,即在callback中监听框架自定义事件并派发,页面可以监听并执行,为了让页面识别框架事件,平台还提供了自定义事件转换器,即它可以将框架自定义事件转换为平台页面能够监听的事件,在这个事件转换器中,支持用户自定义事件处理逻辑,即除了内置的reload和redirect处理,平台还支持用户定制的事件逻辑,当页面监听到某事件时,将自动帮用户执行给定的事件处理逻辑。
应用框架设计器
应用框架设计器主要提供应用框架的可视化设计能力,形态类似现在的页面可视化编辑器,设计器核心功能主要包括:
设计器基本模块:包括顶部工具(框架配置、预览、多端、版本、撤销、恢复、保存、退出、切换(恢复成预设)、框架大纲、AMIS组件(限制类型)、挂件、代码、画布、配置面板;
支持拖拽设计:用户可以将组件列表中的组件直接拖拽到框架内容进行预览配置;
交互高亮显示:提供主要容器的鼠标交互响应展示,例如:鼠标移入可配置区域高亮显示、选中后高亮标记;
支持外部JS脚本和CSS样式文件配置:放layout panel里面,预览的时候执行加载,支持上传(存在平台配置的存储介质上);
技术实现:基于AMIS和Editor快速构应用框架设计器,且能够保持风格统一,对外输出框架schema,主要包含renderers、plugins。
内置应用挂件组件
可视化框架设计器中可操作的内置应用挂件包含Logo、Brand、消息通知、个人中心、导航菜单、应用管理、整站搜索,这些组件由低代码开发平台提供。
应用框架管理
平台提供预设框架,完善应用创建流程,即提供应用创建流程中对框架的默认设置,并在应用创建之后同步到应用级框架管理中,应用框架管理中可以添加平台级框架,并提供应用级框架编辑能力。
进一步参考图5,作为对上述各图所示方法的实现,本公开提供了一种页面框架设置装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图5所示,本实施例的页面框架设置装置500可以包括:配置文件接收单元501、实际配置参数提取单元502、自定义页面框架创建单元503、自定义页面框架应用单元504。其中,配置文件接收单元501,被配置成接收通过预设的配置传输接口导入的页面框架配置文件;其中,页面框架配置文件由已开发完成的应用中导出;实际配置参数提取单元502,被配置成按照页面框架参数的预设识别标准,从页面框架配置文件中提取页面框架的实际配置参数;自定义页面框架创建单元503,被配置成根据实际配置参数在低代码开发平台上创建自定义页面框架;自定义页面框架应用单元504,被配置成根据待开发应用的页面设置需求,在相应的待开发页面上应用自定义页面框架。
在本实施例中,页面框架设置装置500中:配置文件接收单元501、实际配置参数提取单元502、自定义页面框架创建单元503、自定义页面框架应用单元504的具体处理及其所带来的技术效果可分别参考图2对应实施例中的步骤201-204的相关说明,在此不再赘述。
在本实施例的一些可选的实现方式中,实际配置参数提取单元502可以被进一步配置成:
响应于页面框架配置文件为JavaScript脚本,按照页面框架参数的与Java语言对应的识别标准,从JavaScript脚本中提取页面框架的实际配置参数;
响应于页面框架配置文件为层叠样式表CSS,按照页面框架参数的与CSS对应的识别标准,从CSS中提取页面框架的样式配置参数。
在本实施例的一些可选的实现方式中,自定义页面框架创建单元503可以被进一步配置成:
确定实际配置参数包含的各种页面配置类型,得到实际配置类型集;
对实际配置类型集中低代码开发平台支持进行配置参数调整的第一配置类型,将第一配置类型的配置参数设置为相应的实际配置参数;
对实际配置类型集中低代码开发平台不支持进行配置参数调整的第二配置类型,保持第二配置类型的配置参数为默认参数。
在本实施例的一些可选的实现方式中,页面框架设置装置500还可以包括:
基于配置效果的替换配置确定单元,被配置成根据第二配置类型对应的页面配置效果,确定效果相似度满足预设要求的第三配置类型或第四配置方式;其中,第三配置类型和第四配置方式为低代码开发平台支持进行参数调整的配置类型和配置方式;
替换方案推送单元,被配置成推送包含第三配置类型和第四配置方式的配置替换方案。
在本实施例的一些可选的实现方式中,页面框架设置装置500还可以包括:
异常配置参数识别单元,被配置成响应于页面框架配置文件无法被完全识别,确定无法被预设识别标准识别的异常配置参数;
自动纠正单元,被配置成响应于异常配置参数的异常原因为已知原因且预设有纠正方式,按纠正方式对异常配置参数进行纠正;
提示单元,被配置成响应于异常配置参数的异常原因未知,返回包含异常配置参数和预设识别标准的异常参数调整提示。
在本实施例的一些可选的实现方式中,页面框架设置装置500还可以包括:
身份信息确定及存储单元,被配置成确定自定义页面框架的身份信息,并将附加有身份信息的自定义页面框架存储至云端页面框架库;其中,身份信息作为相应的自定义页面框架的索引信息;
远端调用及挂载单元,被配置成响应于接收到包含身份信息的本地调用请求,从云端页面框架库获取自定义页面框架,并挂载至本地的低代码开发平台。
在本实施例的一些可选的实现方式中,页面框架设置装置500还可以包括:
载入事件监听单元,被配置成响应于待开发页面已完成了实际页面框架的配置,监听载入事件;
回调函数执行及应用域传入单元,被配置成响应于监听到的载入事件完成,执行预定义的回调函数,并将待开发页面的上下文应用域传入回调函数;
通信规则设置单元,被配置成通过回调函数设置与待开发页面内的应用数据的通信规则。
本实施例作为对应于上述方法实施例的装置实施例存在。
为了更灵活的通过低代码开发平台对所开发应用的页面框架进行设置,本公开实施例提供的页面框架设置装置,将从已有应用导出的页面框架配置文件导入低代码开发平台,即低代码开发平台通过解析导入的页面框架配置文件的实际参数,进而快速的完成从已有应用到所开发应用的页面框架继承,根据不同的已有应用就可以快速的完成不同所开发应用页面框架的差异化配置,从而丰富了通过低代码开发平台所开发应用的页面框架样式,可便捷的实现页面框架的集成、套用,提升了所开发应用之间的差异化。
根据本公开的实施例,本公开还提供了一种电子设备,该电子设备包括:至少一个处理器;以及与至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,该指令被至少一个处理器执行,以使至少一个处理器执行时能够实现上述任意实施例所描述的页面框架设置方法。
根据本公开的实施例,本公开还提供了一种可读存储介质,该可读存储介质存储有计算机指令,该计算机指令用于使计算机执行时能够实现上述任意实施例所描述的页面框架设置方法。
根据本公开的实施例,本公开还提供了一种计算机程序产品,该计算机程序在被处理器执行时能够实现上述任意实施例所描述的页面框架设置方法。
图6示出了可以用来实施本公开的实施例的示例电子设备600的示意性框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图6所示,设备600包括计算单元601,其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序,来执行各种适当的动作和处理。在RAM 603中,还可存储设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
设备600中的多个部件连接至I/O接口605,包括:输入单元606,例如键盘、鼠标等;输出单元607,例如各种类型的显示器、扬声器等;存储单元608,例如磁盘、光盘等;以及通信单元609,例如网卡、调制解调器、无线通信收发机等。通信单元609允许设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理,例如页面框架设置方法。例如,在一些实施例中,页面框架设置方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元608。在一些实施例中,计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到设备600上。当计算机程序加载到RAM 603并由计算单元601执行时,可以执行上文描述的页面框架设置方法的一个或多个步骤。备选地,在其他实施例中,计算单元601可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行页面框架设置方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决传统物理主机与虚拟专用服务器(VPS,Virtual Private Server)服务中存在的管理难度大,业务扩展性弱的缺陷。
为了更灵活的通过低代码开发平台对所开发应用的页面框架进行设置,本公开实施例将从已有应用导出的页面框架配置文件导入低代码开发平台,即低代码开发平台通过解析导入的页面框架配置文件的实际参数,进而快速的完成从已有应用到所开发应用的页面框架继承,根据不同的已有应用就可以快速的完成不同所开发应用页面框架的差异化配置,从而丰富了通过低代码开发平台所开发应用的页面框架样式,可便捷的实现页面框架的集成、套用,提升了所开发应用之间的差异化。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本公开保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等,均应包含在本公开保护范围之内。

Claims (17)

1.一种页面框架设置方法,包括:
接收通过预设的配置传输接口导入的页面框架配置文件;其中,所述页面框架配置文件由已开发完成的应用中导出;
按照页面框架参数的预设识别标准,从所述页面框架配置文件中提取页面框架的实际配置参数;
根据所述实际配置参数在低代码开发平台上创建自定义页面框架;
根据待开发应用的页面设置需求,在相应的待开发页面上应用所述自定义页面框架。
2.根据权利要求1所述的方法,其中,所述按照页面框架参数的预设识别标准,从所述页面框架配置文件中提取页面框架的实际配置参数,包括:
响应于所述页面框架配置文件为JavaScript脚本,按照页面框架参数的与Java语言对应的识别标准,从所述JavaScript脚本中提取页面框架的实际配置参数;
响应于所述页面框架配置文件为层叠样式表CSS,按照页面框架参数的与CSS对应的识别标准,从所述CSS中提取页面框架的样式配置参数。
3.根据权利要求1所述的方法,其中,所述根据所述实际配置参数在低代码开发平台上创建自定义页面框架,包括:
确定所述实际配置参数包含的各种页面配置类型,得到实际配置类型集;
对所述实际配置类型集中所述低代码开发平台支持进行配置参数调整的第一配置类型,将所述第一配置类型的配置参数设置为相应的实际配置参数;
对所述实际配置类型集中所述低代码开发平台不支持进行配置参数调整的第二配置类型,保持所述第二配置类型的配置参数为默认参数。
4.根据权利要求3所述的方法,还包括:
根据所述第二配置类型对应的页面配置效果,确定效果相似度满足预设要求的第三配置类型或第四配置方式;其中,所述第三配置类型和所述第四配置方式为所述低代码开发平台支持进行参数调整的配置类型和配置方式;
推送包含所述第三配置类型和所述第四配置方式的配置替换方案。
5.根据权利要求1所述的方法,还包括:
响应于所述页面框架配置文件无法被完全识别,确定无法被所述预设识别标准识别的异常配置参数;
响应于所述异常配置参数的异常原因为已知原因且预设有纠正方式,按所述纠正方式对所述异常配置参数进行纠正;
响应于所述异常配置参数的异常原因未知,返回包含所述异常配置参数和所述预设识别标准的异常参数调整提示。
6.根据权利要求1所述的方法,还包括:
确定所述自定义页面框架的身份信息,并将附加有所述身份信息的自定义页面框架存储至云端页面框架库;其中,所述身份信息作为相应的自定义页面框架的索引信息;
响应于接收到包含所述身份信息的本地调用请求,从所述云端页面框架库获取所述自定义页面框架,并挂载至本地的低代码开发平台。
7.根据权利要求1-6任一项所述的方法,还包括:
响应于所述待开发页面已完成了实际页面框架的配置,监听载入事件;
响应于监听到的载入事件完成后执行预定义的回调函数,并将所述待开发页面的上下文应用域传入所述回调函数;
通过所述回调函数设置与所述待开发页面内的应用数据的通信规则。
8.一种页面框架设置装置,包括:
配置文件接收单元,被配置成接收通过预设的配置传输接口导入的页面框架配置文件;其中,所述页面框架配置文件由已开发完成的应用中导出;
实际配置参数提取单元,被配置成按照页面框架参数的预设识别标准,从所述页面框架配置文件中提取页面框架的实际配置参数;
自定义页面框架创建单元,被配置成根据所述实际配置参数在低代码开发平台上创建自定义页面框架;
自定义页面框架应用单元,被配置成根据待开发应用的页面设置需求,在相应的待开发页面上应用所述自定义页面框架。
9.根据权利要求8所述的装置,其中,所述实际配置参数提取单元被进一步配置成:
响应于所述页面框架配置文件为JavaScript脚本,按照页面框架参数的与Java语言对应的识别标准,从所述JavaScript脚本中提取页面框架的实际配置参数;
响应于所述页面框架配置文件为层叠样式表CSS,按照页面框架参数的与CSS对应的识别标准,从所述CSS中提取页面框架的样式配置参数。
10.根据权利要求8所述的装置,其中,所述自定义页面框架创建单元被进一步配置成:
确定所述实际配置参数包含的各种页面配置类型,得到实际配置类型集;
对所述实际配置类型集中所述低代码开发平台支持进行配置参数调整的第一配置类型,将所述第一配置类型的配置参数设置为相应的实际配置参数;
对所述实际配置类型集中所述低代码开发平台不支持进行配置参数调整的第二配置类型,保持所述第二配置类型的配置参数为默认参数。
11.根据权利要求10所述的装置,还包括:
基于配置效果的替换配置确定单元,被配置成根据所述第二配置类型对应的页面配置效果,确定效果相似度满足预设要求的第三配置类型或第四配置方式;其中,所述第三配置类型和所述第四配置方式为所述低代码开发平台支持进行参数调整的配置类型和配置方式;
替换方案推送单元,被配置成推送包含所述第三配置类型和所述第四配置方式的配置替换方案。
12.根据权利要求8所述的装置,还包括:
异常配置参数识别单元,被配置成响应于所述页面框架配置文件无法被完全识别,确定无法被所述预设识别标准识别的异常配置参数;
自动纠正单元,被配置成响应于所述异常配置参数的异常原因为已知原因且预设有纠正方式,按所述纠正方式对所述异常配置参数进行纠正;
提示单元,被配置成响应于所述异常配置参数的异常原因未知,返回包含所述异常配置参数和所述预设识别标准的异常参数调整提示。
13.根据权利要求8所述的装置,还包括:
身份信息确定及存储单元,被配置成确定所述自定义页面框架的身份信息,并将附加有所述身份信息的自定义页面框架存储至云端页面框架库;其中,所述身份信息作为相应的自定义页面框架的索引信息;
远端调用及挂载单元,被配置成响应于接收到包含所述身份信息的本地调用请求,从所述云端页面框架库获取所述自定义页面框架,并挂载至本地的低代码开发平台。
14.根据权利要求8-13任一项所述的装置,还包括:
载入事件监听单元,被配置成响应于所述待开发页面已完成了实际页面框架的配置,监听载入事件;
回调函数执行及应用域传入单元,被配置成响应于监听到的载入事件完成,执行预定义的回调函数,并将所述待开发页面的上下文应用域传入所述回调函数;
通信规则设置单元,被配置成通过所述回调函数设置与所述待开发页面内的应用数据的通信规则。
15.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-7中任一项所述的页面框架设置方法。
16.一种存储有计算机指令的非瞬时计算机可读存储介质,所述计算机指令用于使所述计算机执行权利要求1-7中任一项所述的页面框架设置方法。
17.一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现根据权利要求1-7中任一项所述页面框架设置方法的步骤。
CN202111571296.9A 2021-12-21 2021-12-21 页面框架设置方法、装置、设备、存储介质及程序产品 Pending CN114281310A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111571296.9A CN114281310A (zh) 2021-12-21 2021-12-21 页面框架设置方法、装置、设备、存储介质及程序产品

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111571296.9A CN114281310A (zh) 2021-12-21 2021-12-21 页面框架设置方法、装置、设备、存储介质及程序产品

Publications (1)

Publication Number Publication Date
CN114281310A true CN114281310A (zh) 2022-04-05

Family

ID=80873479

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111571296.9A Pending CN114281310A (zh) 2021-12-21 2021-12-21 页面框架设置方法、装置、设备、存储介质及程序产品

Country Status (1)

Country Link
CN (1) CN114281310A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114968221A (zh) * 2022-07-18 2022-08-30 湖南云畅网络科技有限公司 一种基于前端低代码编排系统及方法

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114968221A (zh) * 2022-07-18 2022-08-30 湖南云畅网络科技有限公司 一种基于前端低代码编排系统及方法

Similar Documents

Publication Publication Date Title
US10824691B2 (en) Page rendering method, device, and data storage medium
KR102179149B1 (ko) 페이지 컴포넌트 동적 레이아웃
CN113268226A (zh) 页面数据生成方法、装置、存储介质及设备
US10951486B2 (en) Terminal device, UI expansion method, and UI expansion program
CN112068911A (zh) 电子表单的生成方法、装置、系统、设备以及介质
CN115309516A (zh) 一种应用生命周期的检测方法、装置及计算机设备
CN115080016A (zh) 基于ue编辑器的扩展功能实现方法、装置、设备及介质
CN114281310A (zh) 页面框架设置方法、装置、设备、存储介质及程序产品
CN114217789A (zh) 功能组件拓展方法、装置、设备、存储介质及程序产品
WO2024066825A1 (zh) 页面项目开发方法、装置、设备、介质及产品
CN116719456A (zh) 图标样式切换方法、装置、电子设备及存储介质
CN111142990A (zh) 一种微信小程序页面展示方法、装置、及存储介质
CN116048515A (zh) 一种虚拟场景编辑方法、装置、设备和可读存储介质
CN113821295A (zh) 基于组件库的移动金融应用开发方法及装置
CN115248891A (zh) 一种页面展示方法、装置、电子设备和存储介质
CN114594945A (zh) 高级弹窗选择框的生成方法、装置、系统、设备以及介质
CN112068828A (zh) 标题控件的生成方法、装置、系统、设备以及介质
CN107085578B (zh) 一种网页编辑方法和装置
CN114115681B (zh) 页面生成方法及装置、电子设备和介质
CN113806596B (zh) 运营数据管理方法及相关装置
CN115080044B (zh) 一种组合组件的处理方法、装置、前端设备及存储介质
US20240211161A1 (en) Data processing method and apparatus, electronic device, storage medium, and program product
CN113342413B (zh) 用于处理组件的方法、装置、设备、介质和产品
CN112764750A (zh) 界面生成方法、装置、电子设备以及可读存储介质
CN113722341B (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