CN111198738A - 移动端页面展示方法、装置及电子设备 - Google Patents
移动端页面展示方法、装置及电子设备 Download PDFInfo
- Publication number
- CN111198738A CN111198738A CN201911321530.5A CN201911321530A CN111198738A CN 111198738 A CN111198738 A CN 111198738A CN 201911321530 A CN201911321530 A CN 201911321530A CN 111198738 A CN111198738 A CN 111198738A
- Authority
- CN
- China
- Prior art keywords
- page
- mobile terminal
- layout data
- component
- data
- 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
- 238000000034 method Methods 0.000 title claims abstract description 57
- 238000009877 rendering Methods 0.000 claims description 19
- 238000004458 analytical method Methods 0.000 claims description 17
- 238000003860 storage Methods 0.000 claims description 16
- 230000004044 response Effects 0.000 claims description 6
- 238000004590 computer program Methods 0.000 claims description 3
- 230000002452 interceptive effect Effects 0.000 abstract description 9
- 238000004519 manufacturing process Methods 0.000 abstract description 5
- 230000006870 function Effects 0.000 description 56
- 238000010586 diagram Methods 0.000 description 10
- 230000008569 process Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 238000009434 installation Methods 0.000 description 3
- 230000010354 integration Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000005111 flow chemistry technique Methods 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开涉及一种移动端页面展示方法、装置、电子设备及计算机可读介质。该方法包括：在移动端的应用中接收用户的第一操作指令；根据所述操作指令获取待展示页面地址；基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；以及基于所述移动端的系统类别解析所述界面布局数据以生成展示页面。本公开涉及的移动端页面展示方法、装置、电子设备及计算机可读介质，能够使用同一份代码在不同移动平台上生成同样样式且符合平台交互特性的交互界面，能够减少代码数量，提高生产效率。
Description
技术领域
本公开涉及计算机信息处理领域，具体而言，涉及一种移动端页面展示方法、装置、电子设备及计算机可读介质。
背景技术
在移动端进行网页或者应用界面展示时，通常需要获取页面对应的各种组件的位置和形状，然后进行渲染，进而进行显示。页面渲染主要有两种方式，本地渲染和服务器渲染。
服务器端渲染会在服务器上生成整个的HTML页面，然后整体返回给浏览器。由于它在返回给浏览器之前就已经处理好了，所以会避免客户端在数据获取和模板化的额外开销，但是服务器渲染的方式会增加移动端和服务器之间相互交互的次数和传输的数据量，占用网络资源，也给服务器端增加很多负载。
移动端本地渲染的话，仅需要由服务器端获取页面数据即可，然后移动本地端进行页面解析，进而进行渲染。但是移动本地端渲染的方式，需要根据不同的移动系统，生成不同的原始页面数据以供解析。在页面更新的时候，也要针对不同的系统进行页面更新，移动端本地渲染的方式，增加了开发人员的工作量。
因此，需要一种新的移动端页面展示方法、装置、电子设备及计算机可读介质。
在所述背景技术部分公开的上述信息仅用于加强对本公开的背景的理解，因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
有鉴于此，本公开提供一种移动端页面展示方法、装置、电子设备及计算机可读介质，能够使用同一份代码在不同移动平台上生成同样样式且符合平台交互特性的交互界面，能够减少代码数量，提高生产效率。
本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。
根据本公开的一方面，提出一种移动端页面展示方法，该方法包括：在移动端的应用中接收用户的第一操作指令；根据所述操作指令获取待展示页面地址；基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；以及基于所述移动端的系统类别解析所述界面布局数据以生成展示页面。
可选地，还包括：在所述展示页面中，接收用户的第二操作指令；以及基于所述第二操作指令进行事件响应。
可选地，还包括：定义通用的用户界面组件，所述用户组件中包括列表组件、按钮组件、文本组件、图片组件；定义事件处理函数，所述事件处理函数包括点击处理函数、长按处理函数、滑动处理函数；以及将所述用户界面组件集成至移动端的所述应用中。
可选地，还包括：在所述应用安装在移动端时，根据所述移动端的系统类别安装其对应的解析库。
可选地，基于所述移动端的系统类别解析所述界面布局数据以生成展示页面，包括：在所述移动端的系统为安卓系统时，通过第一函数解析所述界面布局数据以进行生成展示页面。
可选地，通过第一函数解析所述界面布局数据以生成展示页面，包括：通过analysisView:(String:layout)函数解析所述界面布局数据；基于所述界面布局数据中的通用组件创建第一原生组件；将所述界面布局数据中的属性数据、内容数据赋值给所述第一原生组件以生成所述展示页面。
可选地，将所述界面布局数据中的属性数据、内容数据赋值给所述第一原生组件以生成所述展示页面，包括：所述第一原生组件对所述属性数据、所述内容数据进行渲染；基于渲染结果生成所述展示页面。
可选地，基于所述移动端的系统类别解析所述界面布局数据以生成展示页面，包括：在所述移动端的系统为iOS系统时，通过第二函数解析所述界面布局数据以进行生成展示页面。
可选地，通过第二函数解析所述界面布局数据以生成展示页面，包括：通过analysisView(layout:String)函数解析所述界面布局数据；基于所述界面布局数据中的通用组件创建第二原生组件；将所述界面布局数据中的属性数据、内容数据赋值给所述第二原生组件以生成所述展示页面。
可选地，将所述界面布局数据中的属性数据、内容数据赋值给所述第二原生组件以生成所述展示页面，包括：所述第二原生组件对所述属性数据、所述内容数据进行渲染；基于渲染结果生成所述展示页面。
根据本公开的一方面，提出一种移动端页面展示装置，该装置包括：指令模块，用于在移动端的应用中接收用户的第一操作指令；地址模块，用于根据所述操作指令获取待展示页面地址；数据模块，用于基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；以及展示模块，用于基于所述移动端的系统类别解析所述界面布局数据以生成展示页面。
可选地，还包括：响应模块，用于在所述展示页面中，接收用户的第二操作指令；以及基于所述第二操作指令进行事件响应。
可选地，还包括：集成模块，用于定义通用的用户界面组件，所述用户组件中包括列表组件、按钮组件、文本组件、图片组件；定义事件处理函数，所述事件处理函数包括点击处理函数、长按处理函数、滑动处理函数；以及将所述用户界面组件集成至移动端的所述应用中。
可选地，还包括：安装模块，用于在所述应用安装在移动端时，根据所述移动端的系统类别安装其对应的解析库。
可选地，包括：第一解析单元，用于在所述移动端的系统为安卓系统时，通过第一函数解析所述界面布局数据以进行生成展示页面。
可选地，所述第一解析单元，包括：第一函数子单元，用于通过analysisView:(String:layout)函数解析所述界面布局数据；第一创建子单元，用于基于所述界面布局数据中的通用组件创建第一原生组件；第一赋值子单元，用于将所述界面布局数据中的属性数据、内容数据赋值给所述第一原生组件以生成所述展示页面。
可选地，所述第一赋值子单元，还用于所述第一原生组件对所述属性数据、所述内容数据进行渲染；以及基于渲染结果生成所述展示页面。
可选地，所述展示模块，包括：第二解析单元，用于在所述移动端的系统为iOS系统时，通过第二函数解析所述界面布局数据以进行生成展示页面。
可选地，所述第二解析单元，包括：第二函数子单元，用于通过analysisView(layout:String)函数解析所述界面布局数据；第二创建子单元，用于基于所述界面布局数据中的通用组件创建第二原生组件；第二赋值子单元，用于将所述界面布局数据中的属性数据、内容数据赋值给所述第二原生组件以生成所述展示页面。
可选地，第二赋值子单元，还用于所述第二原生组件对所述属性数据、所述内容数据进行渲染；基于渲染结果生成所述展示页面。
根据本公开的一方面，提出一种电子设备，该电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序；当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上文的方法。
根据本公开的一方面，提出一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现如上文中的方法。
根据本公开的移动端页面展示方法、装置、电子设备及计算机可读介质，在移动端的应用中接收用户的第一操作指令；根据所述操作指令获取待展示页面地址；基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；以及基于所述移动端的系统类别解析所述界面布局数据以生成展示页面的方式，能够使用同一份代码在不同移动平台上生成同样样式且符合平台交互特性的交互界面，能够减少代码数量，提高生产效率。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本公开。
附图说明
通过参照附图详细描述其示例实施例，本公开的上述和其它目标、特征及优点将变得更加显而易见。下面描述的附图仅仅是本公开的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是根据一示例性实施例示出的一种移动端页面展示方法及装置的系统框图。
图2是根据一示例性实施例示出的一种移动端页面展示方法的流程图。
图3是根据另一示例性实施例示出的一种移动端页面展示方法的流程图。
图4是根据另一示例性实施例示出的一种移动端页面展示方法的流程图。
图5是根据一示例性实施例示出的一种移动端页面展示装置的框图。
图6是根据另一示例性实施例示出的一种移动端页面展示装置的框图。
图7是根据一示例性实施例示出的一种电子设备的框图。
图8是根据一示例性实施例示出的一种计算机可读介质的框图。
具体实施方式
现在将参考附图更全面地描述示例实施例。然而，示例实施例能够以多种形式实施，且不应被理解为限于在此阐述的实施例；相反，提供这些实施例使得本公开将全面和完整，并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。
此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本公开的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本公开的各方面。
附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。
应理解，虽然本文中可能使用术语第一、第二、第三等来描述各种组件，但这些组件不应受这些术语限制。这些术语乃用以区分一组件与另一组件。因此，下文论述的第一组件可称为第二组件而不偏离本公开概念的教示。如本文中所使用，术语“及/或”包括相关联的列出项目中的任一个及一或多者的所有组合。
本领域技术人员可以理解，附图只是示例实施例的示意图，附图中的模块或流程并不一定是实施本公开所必须的，因此不能用于限制本公开的保护范围。
图1是根据一示例性实施例示出的一种移动端页面展示方法及装置的系统框图。
如图1所示，系统架构10可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯移动端应用，例如金融服务类应用、购物类应用、网页浏览器应用、即时通信工具、邮箱移动端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器，例如对用户利用终端设备101、102、103所浏览的金融服务类网站提供支持的后台管理服务器。后台管理服务器可以对接收到的用户数据进行分析等处理，并将处理结果(例如待展示页面)反馈给终端设备101、102、103。
终端设备101、102、103可例如在移动端的应用中接收用户的第一操作指令；终端设备101、102、103可例如根据所述操作指令获取待展示页面地址；终端设备101、102、103可例如基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；终端设备101、102、103可例如基于所述移动端的系统类别解析所述界面布局数据以生成展示页面。
终端设备101、102、103还可例如在所述展示页面中，接收用户的第二操作指令；终端设备101、102、103还可例如基于所述第二操作指令进行事件响应。
终端设备101、102、103还可例如定义通用的用户界面组件，所述用户组件中包括列表组件、按钮组件、文本组件、图片组件；终端设备101、102、103还可例如定义事件处理函数，所述事件处理函数包括点击处理函数、长按处理函数、滑动处理函数；以及终端设备101、102、103还可例如将所述用户界面组件集成至移动端的所述应用中
需要说明的是，本公开实施例所提供的移动端页面展示方法可以由终端设备101、102、103执行，相应地，移动端页面展示装置可以设置于终端设备101、102、103中。
图2是根据一示例性实施例示出的一种移动端页面展示方法的流程图。移动端页面展示方法20至少包括步骤S202至S208。
如图2所示，在S202中，在移动端的应用中接收用户的第一操作指令。
在S204中，根据所述操作指令获取待展示页面地址。
在S206中，基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据。
在一个实施例中，还包括：定义通用的用户界面(UI)组件，所述用户组件中包括列表组件、按钮组件、文本组件、图片组件；定义事件处理函数，所述事件处理函数包括点击处理函数、长按处理函数、滑动处理函数；以及将所述用户界面组件集成至移动端的所述应用中。
其中，通用UI组件可以FView为基类，拥有init()函数来初始化；更具体的，可通过width,height,color,insetEdge,gesture属性来表示自身的位置、内容和需要响应的手势(触摸事件)。
其中，UI组件还可例如继承自FView的FImageView，额外的setImage函数，及contentModel属性，可以接受图片的展示。
其中，UI组件还可例如继承自FView的FText，额外的setText函数用设置，及Font、textColor属性，来显示文字。
在S208中，基于所述移动端的系统类别解析所述界面布局数据以生成展示页面。
在一个实施例中，还包括：在所述应用安装在移动端时，根据所述移动端的系统类别安装其对应的解析库。解析库是在编译生成时就区分开安卓和iOS的。不同的系统分别集成不同的解析库。
在一个实施例中，，包括：在所述移动端的系统为安卓系统时，通过第一函数解析所述界面布局数据以进行生成展示页面。
在一个实施例中，包括：在所述移动端的系统为iOS系统时，通过第二函数解析所述界面布局数据以进行生成展示页面。
在一个实施例中，还包括：在所述展示页面中，接收用户的第二操作指令；以及基于所述第二操作指令进行事件响应。
根据本公开的移动端页面展示方法，在移动端的应用中接收用户的第一操作指令；根据所述操作指令获取待展示页面地址；基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；以及基于所述移动端的系统类别解析所述界面布局数据以生成展示页面的方式，能够使用同一份代码在不同移动平台上生成同样样式且符合平台交互特性的交互界面，能够减少代码数量，提高生产效率。
应清楚地理解，本公开描述了如何形成和使用特定示例，但本公开的原理不限于这些示例的任何细节。相反，基于本公开公开的内容的教导，这些原理能够应用于许多其它实施例。
图3是根据另一示例性实施例示出的一种移动端页面展示方法的流程图。图3所示的流程是对图2所示的流程中S208“基于所述移动端的系统类别解析所述界面布局数据以生成展示页面”的详细描述。
如图3所示，在S302中，在所述移动端的系统为安卓系统时，通过第一函数解析所述界面布局数据。
更具体的可例如，通过analysisView:(String:layout)函数解析所述界面布局数据；
在S304中，基于所述界面布局数据中的通用组件创建第一原生组件。
在S306中，将所述界面布局数据中的属性数据、内容数据赋值给所述第一原生组件以生成所述展示页面。包括：所述第一原生组件对所述属性数据、所述内容数据进行渲染；基于渲染结果生成所述展示页面。
安卓平台解析库可提供analysisView:(String:layout)函数来接受通用组件布局，然后将通用组件对应的创建安卓平台原生的组件，并把属性、内容赋值给原生组件
图4是根据另一示例性实施例示出的一种移动端页面展示方法的流程图。图4所示的流程是对图2所示的流程中S208“基于所述移动端的系统类别解析所述界面布局数据以生成展示页面”的详细描述。
如图4所示，在S402中，在所述移动端的系统为iOS系统时，通过第二函数解析所述界面布局数据。
更具体的，可例如通过analysisView(layout:String)函数解析所述界面布局数据；
在S404中，基于所述界面布局数据中的通用组件创建第二原生组件。
在S406中，将所述界面布局数据中的属性数据、内容数据赋值给所述第二原生组件以生成所述展示页面。包括：所述第二原生组件对所述属性数据、所述内容数据进行渲染；基于渲染结果生成所述展示页面。
iOS平台的解析库可提供analysisView(layout:String)函数来接受通用组件的布局，然后将通用组件对应的创建iOS平台原生的组件，并把属性、内容赋值给原生组件
本领域技术人员可以理解实现上述实施例的全部或部分步骤被实现为由CPU执行的计算机程序。在该计算机程序被CPU执行时，执行本公开提供的上述方法所限定的上述功能。所述的程序可以存储于一种计算机可读存储介质中，该存储介质可以是只读存储器，磁盘或光盘等。
此外，需要注意的是，上述附图仅是根据本公开示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。
下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。
图5是根据一示例性实施例示出的一种移动端页面展示装置的框图。如图5所示，移动端页面展示装置50包括：指令模块502，地址模块504，数据模块506，展示模块508。
指令模块502用于在移动端的应用中接收用户的第一操作指令；
地址模块504用于根据所述操作指令获取待展示页面地址；
数据模块506用于基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；以及
展示模块508用于基于所述移动端的系统类别解析所述界面布局数据以生成展示页面。所述展示模块508包括：第一解析单元，用于在所述移动端的系统为安卓系统时，通过第一函数解析所述界面布局数据以进行生成展示页面。所述第一解析单元，包括：第一函数子单元，用于通过analysisView:(String:layout)函数解析所述界面布局数据；第一创建子单元，用于基于所述界面布局数据中的通用组件创建第一原生组件；第一赋值子单元，用于将所述界面布局数据中的属性数据、内容数据赋值给所述第一原生组件以生成所述展示页面。所述第一赋值子单元，还用于所述第一原生组件对所述属性数据、所述内容数据进行渲染；以及基于渲染结果生成所述展示页面。
所述展示模块508还包括：第二解析单元，用于在所述移动端的系统为iOS系统时，通过第二函数解析所述界面布局数据以进行生成展示页面。所述第二解析单元，包括：第二函数子单元，用于通过analysisView(layout:String)函数解析所述界面布局数据；第二创建子单元，用于基于所述界面布局数据中的通用组件创建第二原生组件；第二赋值子单元，用于将所述界面布局数据中的属性数据、内容数据赋值给所述第二原生组件以生成所述展示页面。第二赋值子单元，还用于所述第二原生组件对所述属性数据、所述内容数据进行渲染；基于渲染结果生成所述展示页面。
图6是根据另一示例性实施例示出的一种移动端页面展示装置的框图。如图6所示，移动端页面展示装置60包括：响应模块602，集成模块604，安装模块606。
响应模块602用于在所述展示页面中，接收用户的第二操作指令；以及基于所述第二操作指令进行事件响应。
集成模块604用于定义通用的用户界面组件，所述用户组件中包括列表组件、按钮组件、文本组件、图片组件；定义事件处理函数，所述事件处理函数包括点击处理函数、长按处理函数、滑动处理函数；以及将所述用户界面组件集成至移动端的所述应用中。
安装模块606用于在所述应用安装在移动端时，根据所述移动端的系统类别安装其对应的解析库。
根据本公开的移动端页面展示装置，在移动端的应用中接收用户的第一操作指令；根据所述操作指令获取待展示页面地址；基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；以及基于所述移动端的系统类别解析所述界面布局数据以生成展示页面的方式，能够使用同一份代码在不同移动平台上生成同样样式且符合平台交互特性的交互界面，能够减少代码数量，提高生产效率。
图7是根据一示例性实施例示出的一种电子设备的框图。
下面参照图7来描述根据本公开的这种实施方式的电子设备700。图7显示的电子设备700仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图7所示，电子设备700以通用计算设备的形式表现。电子设备700的组件可以包括但不限于：至少一个处理单元710、至少一个存储单元720、连接不同系统组件(包括存储单元720和处理单元710)的总线730、显示单元740等。
其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元710执行，使得所述处理单元710执行本说明书上述电子处方流转处理方法部分中描述的根据本公开各种示例性实施方式的步骤。例如，所述处理单元710可以执行如图2，图3，图4中所示的步骤。
所述存储单元720可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)7201和/或高速缓存存储单元7202，还可以进一步包括只读存储单元(ROM)7203。
所述存储单元720还可以包括具有一组(至少一个)程序模块7205的程序/实用工具7204，这样的程序模块7205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线730可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备700也可以与一个或多个外部设备700’(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备700交互的设备通信，和/或与使得该电子设备700能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口750进行。并且，电子设备700还可以通过网络适配器760与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。网络适配器760可以通过总线730与电子设备700的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备700使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，如图8所示，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、或者网络设备等)执行根据本公开实施方式的上述方法。
所述软件产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
所述计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该计算机可读介质实现如下功能：在移动端的应用中接收用户的第一操作指令；根据所述操作指令获取待展示页面地址；基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；以及基于所述移动端的系统类别解析所述界面布局数据以生成展示页面。
本领域技术人员可以理解上述各模块可以按照实施例的描述分布于装置中，也可以进行相应变化唯一不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块，也可以进一步拆分成多个子模块。
通过以上的实施例的描述，本领域的技术人员易于理解，这里描述的示例实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施例的方法。
以上具体地示出和描述了本公开的示例性实施例。应可理解的是，本公开不限于这里描述的详细结构、设置方式或实现方法；相反，本公开意图涵盖包含在所附权利要求的精神和范围内的各种修改和等效设置。
Claims (10)
1.一种移动端页面展示方法，其特征在于，包括：
在移动端的应用中接收用户的第一操作指令；
根据所述操作指令获取待展示页面地址；
基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；以及
基于所述移动端的系统类别解析所述界面布局数据以生成展示页面。
2.如权利要求1所述的方法，其特征在于，还包括：
在所述展示页面中，接收用户的第二操作指令；以及
基于所述第二操作指令进行事件响应。
3.如权利要求1-2所述的方法，其特征在于，还包括：
定义通用的用户界面组件，所述用户组件中包括列表组件、按钮组件、文本组件、图片组件；
定义事件处理函数，所述事件处理函数包括点击处理函数、长按处理函数、滑动处理函数；以及
将所述用户界面组件集成至移动端的所述应用中。
4.如权利要求1-3所述的方法，其特征在于，还包括：
在所述应用安装在移动端时，根据所述移动端的系统类别安装其对应的解析库。
5.如权利要求1-4所述的方法，其特征在于，基于所述移动端的系统类别解析所述界面布局数据以生成展示页面，包括：
在所述移动端的系统为安卓系统时，
通过第一函数解析所述界面布局数据以进行生成展示页面。
6.如权利要求1-5所述的方法，其特征在于，通过第一函数解析所述界面布局数据以生成展示页面，包括：
通过analysisView:(String:layout)函数解析所述界面布局数据；
基于所述界面布局数据中的通用组件创建第一原生组件；
将所述界面布局数据中的属性数据、内容数据赋值给所述第一原生组件以生成所述展示页面。
7.如权利要求1-6所述的方法，其特征在于，将所述界面布局数据中的属性数据、内容数据赋值给所述第一原生组件以生成所述展示页面，包括：
所述第一原生组件对所述属性数据、所述内容数据进行渲染；
基于渲染结果生成所述展示页面。
通过第二函数解析所述界面布局数据以进行生成展示页面。
8.一种移动端页面展示装置，其特征在于，包括：
指令模块，用于在移动端的应用中接收用户的第一操作指令；
地址模块，用于根据所述操作指令获取待展示页面地址；
数据模块，用于基于所述页面地址获取页面布局数据，所述页面布局数据包括通用组件、属性数据、内容数据；以及
展示模块，用于基于所述移动端的系统类别解析所述界面布局数据以生成展示页面。
9.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序；
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
10.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911321530.5A CN111198738A (zh) | 2019-12-20 | 2019-12-20 | 移动端页面展示方法、装置及电子设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911321530.5A CN111198738A (zh) | 2019-12-20 | 2019-12-20 | 移动端页面展示方法、装置及电子设备 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111198738A true CN111198738A (zh) | 2020-05-26 |
Family
ID=70745386
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911321530.5A Pending CN111198738A (zh) | 2019-12-20 | 2019-12-20 | 移动端页面展示方法、装置及电子设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111198738A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111597010A (zh) * | 2020-05-27 | 2020-08-28 | 北京智美智学科技有限公司 | 一种Web页面的图片生成方法、装置、打印设备和记录介质 |
| CN113378089A (zh) * | 2021-04-07 | 2021-09-10 | 北京汇钧科技有限公司 | 网页前端视图的布局方法及相关设备 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109460276A (zh) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | 页面和页面配置文件生成方法、装置、终端设备及介质 |
| CN110083790A (zh) * | 2019-04-30 | 2019-08-02 | 珠海随变科技有限公司 | 页面编辑方法、页面输出方法、装置、计算机设备及介质 |
-
2019
- 2019-12-20 CN CN201911321530.5A patent/CN111198738A/zh active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109460276A (zh) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | 页面和页面配置文件生成方法、装置、终端设备及介质 |
| CN110083790A (zh) * | 2019-04-30 | 2019-08-02 | 珠海随变科技有限公司 | 页面编辑方法、页面输出方法、装置、计算机设备及介质 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111597010A (zh) * | 2020-05-27 | 2020-08-28 | 北京智美智学科技有限公司 | 一种Web页面的图片生成方法、装置、打印设备和记录介质 |
| CN113378089A (zh) * | 2021-04-07 | 2021-09-10 | 北京汇钧科技有限公司 | 网页前端视图的布局方法及相关设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106991154B (zh) | 网页渲染方法、装置、终端及服务器 | |
| CN109597617B (zh) | 基于模板快速生成业务页面的方法和装置 | |
| CN108984714B (zh) | 页面渲染方法、装置、电子设备及计算机可读介质 | |
| CN107832045B (zh) | 跨编程语言接口转换的方法和装置 | |
| CN110020329B (zh) | 用于生成网页的方法、装置和系统 | |
| CN111324833A (zh) | 页面展示方法、装置、电子设计及计算机可读介质 | |
| WO2021217661A1 (zh) | 一种实现图形化无代码软件开发平台及方法、计算机设备及存储介质 | |
| CN110795649A (zh) | 目标页面展示方法、装置、系统及电子设备 | |
| CN110795181A (zh) | 基于跳转协议的应用程序界面展示方法、装置及电子设备 | |
| CN110895471A (zh) | 安装包生成方法、装置、介质及电子设备 | |
| CN113407882A (zh) | 组件生成方法、装置、计算机可读存储介质及电子设备 | |
| CN113031946A (zh) | 一种渲染页面组件的方法和装置 | |
| CN111045653A (zh) | 系统生成方法、装置、计算机可读介质及电子设备 | |
| CN111198996A (zh) | 一种页面展示的方法、装置和电子设备 | |
| CN111198738A (zh) | 移动端页面展示方法、装置及电子设备 | |
| CN115309470A (zh) | 微件的加载方法、装置、设备以及存储介质 | |
| CN112346608A (zh) | 一种基于业务活动结果显示的页面展示方法、装置和电子设备 | |
| CN109408057B (zh) | 自动生成代码的方法、装置、介质和计算设备 | |
| CN110647327A (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
| CN113553123B (zh) | 数据处理方法、装置、电子设备及存储介质 | |
| CN111680240B (zh) | 一种页面展示的方法、装置和电子设备 | |
| CN111506848A (zh) | 网页处理方法、装置、设备及可读存储介质 | |
| Chang et al. | A study on the development of one source multi use cross-platform based on zero coding | |
| CN114115855A (zh) | 代码复用方法及装置、计算机可读存储介质、电子设备 | |
| CN111191166B (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 | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20200526 |