CN118259906A - 一种基于PaaS框架的多端页面适配方法、设备及介质 - Google Patents
一种基于PaaS框架的多端页面适配方法、设备及介质 Download PDFInfo
- Publication number
- CN118259906A CN118259906A CN202410350760.9A CN202410350760A CN118259906A CN 118259906 A CN118259906 A CN 118259906A CN 202410350760 A CN202410350760 A CN 202410350760A CN 118259906 A CN118259906 A CN 118259906A
- Authority
- CN
- China
- Prior art keywords
- page
- terminal
- application program
- preset
- adaptation
- 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
Links
- 230000006978 adaptation Effects 0.000 title claims abstract description 85
- 238000000034 method Methods 0.000 title claims abstract description 58
- 238000011161 development Methods 0.000 claims abstract description 35
- 238000009877 rendering Methods 0.000 claims abstract description 17
- 238000003860 storage Methods 0.000 claims description 20
- 238000012545 processing Methods 0.000 claims description 19
- 238000012544 monitoring process Methods 0.000 claims description 14
- 230000003993 interaction Effects 0.000 claims description 8
- 238000012360 testing method Methods 0.000 claims description 8
- 238000006243 chemical reaction Methods 0.000 claims description 7
- 230000002159 abnormal effect Effects 0.000 claims description 6
- 230000006399 behavior Effects 0.000 claims description 4
- 238000005457 optimization Methods 0.000 claims description 4
- 238000011056 performance test Methods 0.000 claims description 4
- 238000011990 functional testing Methods 0.000 claims description 3
- 230000008569 process Effects 0.000 description 12
- 238000010586 diagram Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 8
- 238000004590 computer program Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 7
- 238000013461 design Methods 0.000 description 6
- 230000009286 beneficial effect Effects 0.000 description 4
- 238000004458 analytical method Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000000926 separation method Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000015556 catabolic process Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000006731 degradation reaction Methods 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000013515 script Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
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/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/3668—Software testing
- G06F11/3672—Test management
-
- 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/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Computing Systems (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本申请公开了一种基于PaaS框架的多端页面适配方法、设备及介质,涉及计算机软件技术领域。方法包括:基于预设的开发规范,开发页面应用程序;其中,页面应用程序中的页面逻辑以及视图相互分离;接收页面应用程序对应的可适配端的端标识,以根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件;在需要对页面应用程序进行多端适配的情况下,获取待适配端页面适配请求,并基于待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面本申请通过上述方法实现了多端页面的统一管理和适配。
Description
技术领域
本申请涉及计算机软件技术领域,尤其涉及一种基于PaaS框架的多端页面适配方法、设备及介质。
背景技术
多端页面支持是当今软件开发领域面临的一个重要挑战。从用户角度来看,多端页面支持意味着能够在不同设备上安装和运行同一套应用软件,从而为用户提供无缝的使用体验。然而,在传统的软件开发模式下,为了满足不同设备的需求,开发者需要编写多套软件代码,这既增加了开发成本,又可能导致功能的不一致性和用户体验的下降。
对于软件开发者而言,多端页面支持意味着需要编写能够兼容各种设备的软件代码。然而,由于不同设备的屏幕尺寸、分辨率、操作系统等存在差异,实现跨平台的兼容性和一致性成为了一个巨大的挑战。传统的开发方法通常是针对每个设备平台独立进行开发,这不仅导致了开发周期的延长,也使得维护和更新变得复杂和困难。
PaaS(Platform-as-a-Service,平台即服务)作为云计算的一种服务模式,其核心理念是将软件开发平台作为一种稳定且高可拓展性的服务提供给用户。在PaaS平台上,各类应用程序所需的运行时环境得到了良好的支持,使得开发者能够专注于业务逻辑的实现,而无需关注底层技术的细节。然而,在传统的PaaS系统中,多端独立开发的问题依然存在。由于不同设备平台的差异性,开发者仍然需要针对不同设备编写独立的代码,这导致了系统功能的不一致性和用户自定义配置的复杂性。
此外,随着移动互联网的快速发展,用户对于跨平台应用的需求也日益增长。用户希望能够在不同的设备上获得一致的使用体验,而不需要担心设备的兼容性问题。因此,如何实现多端页面的统一管理和适配,成为了软件开发领域亟待解决的问题。
发明内容
本申请实施例提供了一种基于PaaS框架的多端页面适配方法、设备及介质,用以解决如下技术问题:如何实现多端页面的统一管理和适配。
第一方面,本申请实施例提供了一种基于PaaS框架的多端页面适配方法,其特征在于,方法包括:基于预设的开发规范,开发页面应用程序;其中,页面应用程序中的页面逻辑以及视图相互分离;接收页面应用程序对应的可适配端的端标识,以根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件;在需要对页面应用程序进行多端适配的情况下,获取待适配端页面适配请求,并基于待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面。
在本申请的一种实现方式中,基于预设的开发规范,开发页面应用程序,具体包括:通过JavaScript编写用户交互与数据处理对应的页面逻辑,并通过HTML和CSS描述视图;定义页面各部分的页面逻辑与视图的关联关系,以实现页面应用程序的开发。
在本申请的一种实现方式中,在根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译之前,方法还包括:开发各待适配端对应的预设编译插件,具体包括:分析各待适配端的交互方式,以确定对应的适配策略;基于适配策略,构建对应的预设编译插件的页面应用程序解析逻辑及转换逻辑;将预设编译插件集成到PaaS框架中。
在本申请的一种实现方式中,根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译,具体包括:根据接收到的端标识,识别对应的可适配端类型;基于可适配端类型,在PaaS框架中选取与可适配端类型相匹配的预设编译插件;将页面应用程序作为输入参数,传入匹配的预设编译插件中;通过预设编译插件,对页面应用程序进行编译处理,生成适用于对应可适配端的端页面资源文件;将生成的端页面资源文件保存至预设的文件存储位置。
在本申请的一种实现方式中,基于待适配端页面适配请求,渲染对应的待适配端端页面资源文件,具体包括:解析待适配端页面适配请求,以获取待适配端的端标识及预设主题配置;基于待适配端的端标识,在文件存储位置中读取对应的端页面资源文件,并基于预设主题配置,对端页面资源文件进行处理,以获得待应用端页面资源文件;对待应用端页面资源文件进行解析,以获得待渲染内容信息;其中,待渲染内容信息包括:主题配置信息、页面逻辑、视图描述、页面逻辑与视图的关联关系;基于待适配端的属性信息,对待渲染内容信息进行适配,以实现对待应用端页面资源文件的渲染;其中,属性信息包括:屏幕尺寸、分辨率。
在本申请的一种实现方式中,方法还包括:基于PaaS框架中预设的页面调试工具,接收调试指令;基于调试指令对对应的端页面资源文件进行调试处理。
在本申请的一种实现方式中,在展示对应待适配端页面之后,方法还包括:监测页面应用程序在待适配端的运行状态;在监测到页面应用程序的运行状态异常时,生成对应的异常告警信息,并发送至预设的告警接收端。
在本申请的一种实现方式中,方法还包括:构建自动化测试框架,对多端页面进行功能测试和性能测试;设置监控点,实时监控多端页面的运行状态和用户行为;根据测试结果和监控数据,对页面应用程序进行迭代优化。
第二方面,本申请实施例还提供了一种基于PaaS框架的多端页面适配设备,其特征在于,设备包括:至少一个处理器;以及,与至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够:基于预设的开发规范,开发页面应用程序;其中,页面应用程序中的页面逻辑以及视图相互分离;接收页面应用程序对应的可适配端的端标识,以根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件;在需要对页面应用程序进行多端适配的情况下,获取待适配端页面适配请求,并基于待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面。
第三方面,本申请实施例还提供了一种基于PaaS框架的多端页面适配的非易失性计算机存储介质,存储有计算机可执行指令,其特征在于,计算机可执行指令设置为:基于预设的开发规范,开发页面应用程序;其中,页面应用程序中的页面逻辑以及视图相互分离;接收页面应用程序对应的可适配端的端标识,以根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件;在需要对页面应用程序进行多端适配的情况下,获取待适配端页面适配请求,并基于待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面。
本申请实施例提供的一种基于PaaS框架的多端页面适配方法、设备及介质,通过基于预设的开发规范开发页面应用程序,并实现页面逻辑与视图的分离,能够降低开发的复杂性,提高开发效率。同时,这种分离式设计使得页面逻辑可以在不同的设备平台上复用,减少了重复开发的工作量。允许根据端标识将页面应用程序传入对应的预设编译插件中进行编译,从而自动生成适用于不同端的页面资源文件。这一过程大大简化了多端适配的复杂性,降低了适配成本,提高了适配的准确性和效率。通过对待适配端的属性信息进行适配,方案能够确保页面在不同设备上展示出良好的视觉效果和交互体验,有助于提升用户对应用程序的满意度和忠诚度。允许开发各待适配端对应的预设编译插件,并可以根据需要集成到PaaS框架中,使得方案具有很高的灵活性和可扩展性,能够适应不同设备和平台的需求变化。通过提供基于PaaS框架的页面调试工具,方案使得开发者能够方便地对端页面资源文件进行调试处理,从而快速定位和解决问题。此外,方案还通过构建自动化测试框架和设置监控点,实现了对多端页面的功能测试、性能测试以及运行状态和用户行为的实时监控,为页面的迭代优化提供了有力的支持。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例提供的一种基于PaaS框架的多端页面适配方法流程图;
图2为本申请实施例提供的一种基于PaaS框架的多端页面适配设备内部结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请实施例提供了一种基于PaaS框架的多端页面适配方法、设备及介质,用以解决如下技术问题:如何实现多端页面的统一管理和适配。
下面通过附图对本申请实施例提出的技术方案进行详细的说明。
图1为本申请实施例提供的一种基于PaaS框架的多端页面适配方法流程图。如图1所示,本申请实施例提供的一种基于PaaS框架的多端页面适配方法,具体包括以下步骤:
步骤101、基于预设的开发规范,开发页面应用程序。
在本申请的一个实施例中,为实现基于PaaS框架的多端页面适配,开发的页面应用程序中的页面逻辑以及视图需要相互分离。
在本申请的一个实施例中,基于预设的开发规范,开发页面应用程序,具体包括:通过JavaScript编写用户交互与数据处理对应的页面逻辑,并通过HTML和CSS描述视图;定义页面各部分的页面逻辑与视图的关联关系,以实现页面应用程序的开发。
在一个实施例中,假设有一个电商平台需要开发一个支持多端展示的商品详情页面应用程序。根据预设的开发规范,我们将采用JavaScript、HTML和CSS来实现页面逻辑和视图的分离式设计。
首先,我们使用JavaScript来编写页面逻辑。这部分逻辑主要关注用户交互和数据处理。例如,当用户点击商品详情页面的“加入购物车”按钮时,JavaScript代码将捕获这一事件,并触发相应的处理逻辑,如验证用户登录状态、更新购物车数量等。同时,JavaScript还负责从后端API获取商品数据,并在前端进行展示。
接下来,我们使用HTML和CSS来描述页面视图。HTML用于定义页面的结构,包括商品标题、价格、描述、图片等元素。CSS则负责控制这些元素的样式,如颜色、字体、布局等。通过这种方式,我们可以创建出具有吸引力和一致性的商品详情页面。
在完成了页面逻辑和视图的编写后,我们需要定义它们之间的关联关系。这通常通过在HTML元素中添加特定的标识符(如ID或类名),并在JavaScript中通过这些标识符来操作对应的元素和事件。例如,我们可以在“加入购物车”按钮上添加一个唯一的ID,并在JavaScript中通过该ID来绑定点击事件处理函数。
通过以上步骤,我们成功地实现了页面逻辑与视图的分离式设计,并完成了商品详情页面应用程序的开发。这种设计方式不仅提高了代码的可读性和可维护性,还使得页面逻辑可以在不同的设备平台上复用,降低了开发成本。
步骤102、接收页面应用程序对应的可适配端的端标识,以根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件。
在本申请的一个实施例中,在开发页面应用程序之后,接收页面应用程序对应的可适配端的端标识。可以理解的是,可适配端的端标识是基于PaaS框架中预置的可适配端确定的。
进一步地,根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译。
具体地,根据接收到的端标识,识别对应的可适配端类型;基于可适配端类型,在PaaS框架中选取与可适配端类型相匹配的预设编译插件;将页面应用程序作为输入参数,传入匹配的预设编译插件中;通过预设编译插件,对页面应用程序进行编译处理,生成适用于对应可适配端的端页面资源文件;将生成的端页面资源文件保存至预设的文件存储位置。
在一个实施例中,假设有一个基于PaaS框架的跨平台应用,需要支持Android、iOS和Web三种不同的端。每种端都有其特定的交互方式和显示要求,因此需要相应的预设编译插件来进行适配。
首先,当我们的PaaS框架接收到一个页面应用程序的编译请求时,该请求中会包含目标端的标识,如“Android”、“iOS”或“Web”。根据这个端标识,我们的框架会识别出对应的可适配端类型。
接着,基于识别出的可适配端类型,我们的PaaS框架会在其内部预置的编译插件库中,查找与这个端类型相匹配的预设编译插件。例如,如果端标识是“Android”,那么框架就会选取专门为Android端设计的编译插件。
然后,我们将页面应用程序作为输入参数,传入这个匹配的预设编译插件中。这个编译插件会根据其内部的编译逻辑和规则,对页面应用程序进行编译处理。这个过程可能包括将页面逻辑与视图进行适配性调整,以确保它们能在目标端上正确运行和显示。
经过编译插件的处理后,会生成一个适用于对应可适配端的端页面资源文件。这个文件包含了所有在目标端上运行所需的资源,如HTML、CSS、JavaScript代码,以及可能的其他媒体资源。
最后,我们的PaaS框架会将这个生成的端页面资源文件保存至预设的文件存储位置。这个位置通常是基于云服务的,可以确保文件的安全性和可访问性。同时,为了方便后续的管理和部署,这些文件通常会按照端标识和版本信息进行组织。
在本申请的一个实施例中,在根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译之前,方法还包括:开发各待适配端对应的预设编译插件,具体包括:分析各待适配端的交互方式,以确定对应的适配策略;基于适配策略,构建对应的预设编译插件的页面应用程序解析逻辑及转换逻辑;将预设编译插件集成到PaaS框架中。
在一个实施例中,假设基于PaaS框架的移动应用开发平台支持iOS、Android和微信小程序这三个不同的端开发对应的预设编译插件,首先我们需要分析iOS、Android和微信小程序这三个待适配端的交互方式。对于iOS端,我们需要了解它的触摸交互、动画效果以及特有的API接口;对于Android端,我们需要研究其基于Java或Kotlin的开发环境、Material Design设计规范以及多分辨率适配机制;对于微信小程序,我们则需要考虑其特有的WXML模板语法、WXSS样式规则以及微信提供的API接口。
基于对这些交互方式的分析,我们可以确定每个端的适配策略。例如,对于iOS端,我们可能需要实现一些特定的手势识别和动画过渡效果;对于Android端,我们可能需要优化页面在不同分辨率屏幕上的显示效果;对于微信小程序,我们则需要确保页面逻辑能够与微信平台的API接口无缝对接。
接下来,我们根据这些适配策略,构建对应的预设编译插件。每个编译插件都需要具备页面应用程序解析逻辑和转换逻辑。解析逻辑负责读取页面应用程序的代码,理解其结构和功能;转换逻辑则根据目标端的适配策略,将页面应用程序的代码转换为能够在该端上运行的格式。
以iOS端为例,我们的预设编译插件可能会包含将JavaScript代码转换为Objective-C或Swift代码的转换逻辑,以便在iOS平台上执行;同时,它还会处理HTML和CSS的转换,确保页面元素在iOS设备上正确显示。
完成编译插件的开发后,我们需要将它们集成到PaaS框架中。这通常涉及到将编译插件的代码添加到框架的相应模块中,并确保框架能够正确地调用这些插件来执行编译任务。此外,我们还需要在框架中设置相应的配置选项,以便用户能够选择他们想要适配的端,并触发相应的编译过程。
在本申请的一个实施例中,PaaS框架中还预置了页面调试工具,在获得对应的端页面资源文件之后,基于PaaS框架中预设的页面调试工具,接收调试指令;基于调试指令对对应的端页面资源文件进行调试处理。
在一个实施例中,本申请PaaS框架,不仅支持页面应用程序的编译,还预置了一套强大的页面调试工具。这套工具旨在帮助开发人员高效地调试和优化生成的端页面资源文件。
首先,当PaaS框架完成页面应用程序的编译,并生成对应的端页面资源文件后,这些文件会被存储在一个预设的文件存储位置,如云服务端或本地开发环境。此时,开发人员可以通过PaaS框架的用户界面或命令行接口,触发页面调试工具。
一旦页面调试工具被触发,它会开始监听调试指令。这些调试指令可以由开发人员通过用户界面输入,也可以通过其他集成工具或自动化脚本发送。调试指令的内容可以非常丰富,包括查看页面元素、修改样式属性、执行JavaScript代码、检查网络请求等。
当PaaS框架接收到调试指令后,它会基于预设的页面调试工具对对应的端页面资源文件进行调试处理。例如,如果开发人员想要查看某个页面元素的布局信息,调试工具会加载该页面资源文件,并在浏览器中渲染出对应的页面。然后,它会高亮显示目标元素,并显示出该元素的尺寸、位置等布局信息。
如果开发人员想要修改某个元素的样式属性,调试工具同样会加载页面资源文件并在浏览器中渲染页面。然后,它会提供一个交互式的样式编辑器,允许开发人员实时修改元素的样式,并立即查看修改后的效果。
此外,页面调试工具还支持执行JavaScript代码和检查网络请求。开发人员可以在调试工具中输入JavaScript代码片段,并立即在目标页面上执行。同时,调试工具还可以记录并显示页面发出的所有网络请求,帮助开发人员分析性能瓶颈和潜在的安全问题。
步骤103、在需要对页面应用程序进行多端适配的情况下,获取待适配端页面适配请求,并基于待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面。
在本申请的一个实施例中,在对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件之后,在需要对页面应用程序进行多端适配的情况下,获取待适配端页面适配请求。
进一步地,在获取待适配端页面适配请求之后,基于待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面。
具体地,解析待适配端页面适配请求,以获取待适配端的端标识及预设主题配置;基于待适配端的端标识,在文件存储位置中读取对应的端页面资源文件,并基于预设主题配置,对端页面资源文件进行处理,以获得待应用端页面资源文件;对待应用端页面资源文件进行解析,以获得待渲染内容信息;其中,待渲染内容信息包括:主题配置信息、页面逻辑、视图描述、页面逻辑与视图的关联关系;基于待适配端的属性信息,对待渲染内容信息进行适配,以实现对待应用端页面资源文件的渲染;其中,属性信息包括:屏幕尺寸、分辨率。
在一个实施例中,当接收到待适配端的页面适配请求时,我们需要对其进行解析。这一步骤的目的是从请求中提取出关键信息,以便后续进行精准的资源文件读取和处理。解析过程中,我们可以获取到待适配端的端标识以及预设的主题配置。端标识用于标识请求的终端类型,如Android、iOS或Web等;而预设主题配置则包含了用户或开发者为该终端设定的主题样式,如颜色、字体、布局等。
接下来,基于获取到的端标识,我们会在预先设定的文件存储位置中查找并读取对应的端页面资源文件。这些资源文件是在之前的编译过程中生成的,包含了终端页面所需的所有元素和逻辑。读取到资源文件后,我们会根据预设的主题配置对其进行处理。处理过程可能包括替换资源文件中的样式定义、调整布局参数等,以确保页面能够按照用户的主题配置进行展示。
完成资源文件的处理后,我们得到了待应用端页面资源文件。此时,我们需要对这份文件进行解析,以获取待渲染的内容信息。这些信息包括主题配置信息、页面逻辑、视图描述以及页面逻辑与视图的关联关系等。解析过程中,我们可以使用合适的解析工具或算法,对文件内容进行解析和提取,为后续的渲染操作提供必要的数据支持。
最后,基于待适配端的属性信息,我们对提取出的待渲染内容信息进行适配处理。属性信息通常包括屏幕尺寸、分辨率等,这些信息对于实现页面的精确渲染至关重要。在适配过程中,我们会根据屏幕尺寸调整页面元素的布局和大小,确保在不同尺寸的屏幕上都能呈现出良好的视觉效果;同时,我们还会根据分辨率调整图像的显示质量,避免出现模糊或失真等问题。
通过以上步骤,可以实现对待应用端页面资源文件的精准渲染,确保页面在不同类型的终端上都能呈现出一致且优质的用户体验。这一实现方式不仅提高了页面开发的灵活性和可维护性,还降低了跨平台开发的难度和成本。
在本申请的一个实施例中,在展示对应待适配端页面之后,方法还包括:监测页面应用程序在待适配端的运行状态;在监测到页面应用程序的运行状态异常时,生成对应的异常告警信息,并发送至预设的告警接收端。
在本申请的一种实现方式中,方法还包括:构建自动化测试框架,对多端页面进行功能测试和性能测试;设置监控点,实时监控多端页面的运行状态和用户行为;根据测试结果和监控数据,对页面应用程序进行迭代优化。
以上为本申请提出的方法实施例。基于同样的发明构思,本申请实施例还提供了一种基于PaaS框架的多端页面适配设备,其结构如图2所示。
图2为本申请实施例提供的一种基于PaaS框架的多端页面适配设备内部结构示意图。如图2所示,设备包括:
至少一个处理器201;
以及,与至少一个处理器通信连接的存储器202;
其中,存储器202存储有可被至少一个处理器执行的指令,指令被至少一个处理器201执行,以使至少一个处理器201能够:
基于预设的开发规范,开发页面应用程序;其中,页面应用程序中的页面逻辑以及视图相互分离;
接收页面应用程序对应的可适配端的端标识,以根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件;
在需要对页面应用程序进行多端适配的情况下,获取待适配端页面适配请求,并基于待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面。
本申请的一些实施例提供的对应于图1的一种基于PaaS框架的多端页面适配的非易失性计算机存储介质,存储有计算机可执行指令,计算机可执行指令设置为:
基于预设的开发规范,开发页面应用程序;其中,页面应用程序中的页面逻辑以及视图相互分离;
接收页面应用程序对应的可适配端的端标识,以根据端标识,将页面应用程序传入对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件;
在需要对页面应用程序进行多端适配的情况下,获取待适配端页面适配请求,并基于待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面。
本申请中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于物联网设备和介质实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本申请实施例提供的系统和介质与方法是一一对应的,因此,系统和介质也具有与其对应的方法类似的有益技术效果,由于上面已经对方法的有益技术效果进行了详细说明,因此,这里不再赘述系统和介质的有益技术效果。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种基于PaaS框架的多端页面适配方法,其特征在于,所述方法包括:
基于预设的开发规范,开发页面应用程序;其中,所述页面应用程序中的页面逻辑以及视图相互分离;
接收所述页面应用程序对应的可适配端的端标识,以根据所述端标识,将所述页面应用程序传入对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件;
在需要对所述页面应用程序进行多端适配的情况下,获取待适配端页面适配请求,并基于所述待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面。
2.根据权利要求1所述的一种基于PaaS框架的多端页面适配方法,其特征在于,基于预设的开发规范,开发页面应用程序,具体包括:
通过JavaScript编写用户交互与数据处理对应的页面逻辑,并通过HTML和CSS描述视图;
定义页面各部分的页面逻辑与视图的关联关系,以实现页面应用程序的开发。
3.根据权利要求1所述的一种基于PaaS框架的多端页面适配方法,其特征在于,在根据所述端标识,将所述页面应用程序传入对应的可适配端的预设编译插件中进行编译之前,所述方法还包括:
开发各待适配端对应的预设编译插件,具体包括:
分析各待适配端的交互方式,以确定对应的适配策略;
基于所述适配策略,构建对应的预设编译插件的页面应用程序解析逻辑及转换逻辑;
将所述预设编译插件集成到PaaS框架中。
4.根据权利要求3所述的一种基于PaaS框架的多端页面适配方法,其特征在于,根据所述端标识,将所述页面应用程序传入对应的可适配端的预设编译插件中进行编译,具体包括:
根据接收到的所述端标识,识别对应的可适配端类型;
基于所述可适配端类型,在所述PaaS框架中选取与所述可适配端类型相匹配的预设编译插件;
将页面应用程序作为输入参数,传入匹配的预设编译插件中;
通过所述预设编译插件,对页面应用程序进行编译处理,生成适用于对应可适配端的端页面资源文件;
将生成的端页面资源文件保存至预设的文件存储位置。
5.根据权利要求4所述的一种基于PaaS框架的多端页面适配方法,其特征在于,基于所述待适配端页面适配请求,渲染对应的待适配端端页面资源文件,具体包括:
解析所述待适配端页面适配请求,以获取待适配端的端标识及预设主题配置;
基于所述待适配端的端标识,在所述文件存储位置中读取对应的端页面资源文件,并基于所述预设主题配置,对所述端页面资源文件进行处理,以获得待应用端页面资源文件;
对所述待应用端页面资源文件进行解析,以获得待渲染内容信息;其中,所述待渲染内容信息包括:主题配置信息、页面逻辑、视图描述、页面逻辑与视图的关联关系;
基于所述待适配端的属性信息,对所述待渲染内容信息进行适配,以实现对所述待应用端页面资源文件的渲染;其中,所述属性信息包括:屏幕尺寸、分辨率。
6.根据权利要求1所述的一种基于PaaS框架的多端页面适配方法,其特征在于,所述方法还包括:
基于PaaS框架中预设的页面调试工具,接收调试指令;
基于所述调试指令对对应的端页面资源文件进行调试处理。
7.根据权利要求1所述的一种基于PaaS框架的多端页面适配方法,其特征在于,在展示对应待适配端页面之后,所述方法还包括:
监测页面应用程序在所述待适配端的运行状态;
在监测到所述页面应用程序的运行状态异常时,生成对应的异常告警信息,并发送至预设的告警接收端。
8.根据权利要求1所述的一种基于PaaS框架的多端页面适配方法,其特征在于,所述方法还包括:
构建自动化测试框架,对多端页面进行功能测试和性能测试;
设置监控点,实时监控多端页面的运行状态和用户行为;
根据测试结果和监控数据,对页面应用程序进行迭代优化。
9.一种基于PaaS框架的多端页面适配设备,其特征在于,所述设备包括:
至少一个处理器;
以及,与所述至少一个处理器通信连接的存储器;
其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:
基于预设的开发规范,开发页面应用程序;其中,所述页面应用程序中的页面逻辑以及视图相互分离;
接收所述页面应用程序对应的可适配端的端标识,以根据所述端标识,将所述页面应用程序传入对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件;
在需要对所述页面应用程序进行多端适配的情况下,获取待适配端页面适配请求,并基于所述待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面。
10.一种基于PaaS框架的多端页面适配的非易失性计算机存储介质,存储有计算机可执行指令,其特征在于,所述计算机可执行指令设置为:
基于预设的开发规范,开发页面应用程序;其中,所述页面应用程序中的页面逻辑以及视图相互分离;
接收所述页面应用程序对应的可适配端的端标识,以根据所述端标识,将所述页面应用程序传入对应的可适配端的预设编译插件中进行编译,获得对应的端页面资源文件;
在需要对所述页面应用程序进行多端适配的情况下,获取待适配端页面适配请求,并基于所述待适配端页面适配请求,渲染对应的待适配端端页面资源文件,以展示对应待适配端页面。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410350760.9A CN118259906A (zh) | 2024-03-26 | 2024-03-26 | 一种基于PaaS框架的多端页面适配方法、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410350760.9A CN118259906A (zh) | 2024-03-26 | 2024-03-26 | 一种基于PaaS框架的多端页面适配方法、设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN118259906A true CN118259906A (zh) | 2024-06-28 |
Family
ID=91604563
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202410350760.9A Pending CN118259906A (zh) | 2024-03-26 | 2024-03-26 | 一种基于PaaS框架的多端页面适配方法、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN118259906A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN118535146A (zh) * | 2024-07-19 | 2024-08-23 | 成都成电医星数字健康软件有限公司 | 多端一体渲染方法及低码平台、电子设备及存储介质 |
-
2024
- 2024-03-26 CN CN202410350760.9A patent/CN118259906A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN118535146A (zh) * | 2024-07-19 | 2024-08-23 | 成都成电医星数字健康软件有限公司 | 多端一体渲染方法及低码平台、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110020307B (zh) | 一种客户端视图的绘制方法和装置 | |
WO2018228211A1 (zh) | 应用转换方法、装置及设备 | |
JP6629848B2 (ja) | モバイルアプリ用ページ処理 | |
CN107291438B (zh) | 自动化脚本的生成方法、装置及电子设备 | |
CN110580147B (zh) | 一种应用程序的开发方法和装置 | |
US11392393B2 (en) | Application runtime configuration using design time artifacts | |
CN111176629B (zh) | 一种应用开发的方法和装置 | |
CN106933887B (zh) | 一种数据可视化方法及装置 | |
US11593342B2 (en) | Systems and methods for database orientation transformation | |
CN107015903B (zh) | 一种界面测试程序的生成方法、装置及电子设备 | |
JP2024536124A (ja) | コード更新時におけるソースコード有効性のチェック | |
CN118259906A (zh) | 一种基于PaaS框架的多端页面适配方法、设备及介质 | |
US20170054790A1 (en) | System and Method for Object Compression and State Synchronization | |
US20160321218A1 (en) | System and method for transforming image information for a target system interface | |
CN112169326B (zh) | 图片处理方法、装置、电子设备和存储介质 | |
CN114253537A (zh) | 表单生成方法及装置、电子设备和存储介质 | |
CN117112060A (zh) | 组件库构建方法、装置、电子设备及存储介质 | |
CN111736812A (zh) | 文档代码执行方法、装置、计算机设备及存储介质 | |
KR101552914B1 (ko) | 웹 서버 어플리케이션 프레임워크 장치와 프레임워크를 이용한 웹 어플리케이션 처리 방법 및 이를 구현할 수 있는 컴퓨터로 읽을 수 있는 기록 매체 | |
US11604662B2 (en) | System and method for accelerating modernization of user interfaces in a computing environment | |
CN116932399A (zh) | 报文生成方法、装置及非易失性存储介质 | |
CN113641594B (zh) | 跨端自动化测试方法以及相关装置 | |
Gundecha et al. | Learn Selenium: Build data-driven test frameworks for mobile and web applications with Selenium Web Driver 3 | |
Bretet | Spring mvc cookbook | |
CN113934412A (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 |