基于低代码的手机应用设计的方法及系统技术方案

本发明专利技术提供一种基于低代码的手机应用设计的方法及系统，涉及手机软件领域，包括提供在线协同设计平台进行手机应用的页面设计，具备共享协同功能和页面组件库，通过拖拽页面组件进行设计，生成页面描述数据并存储至第一数据库，生成唯一标识

【技术实现步骤摘要】
基于低代码的手机应用设计的方法及系统


[0001]本专利技术涉及手机软件技术，尤其涉及一种基于低代码的手机应用设计的方法及系统
。

技术介绍

[0002] H5
是指第5代
Html(
互联网超文本标记语言
)
，也指用
H5
语言制作的一切数字产品，随着各种移动设备普及，
H5
页面也越来越受欢迎，在
H5
页面浏览中，高质量的
H5
页面会通过音乐，图片，视频及滑动屏幕同时调用用户的视觉，触觉，听觉，从而提高产品的推广效果及传播效率，目前市面上
Android
端加载
H5
的方案主要是：每次加载
H5(
例如业务需求
)
页面需要创建
WebView
对象；
WebView
加载
URL
链接需要通过网络下载资源文件；资源文件下载完成后
WebView
才会进行页面的渲染和展示
。
现有技术存在的缺点是：
WebView
加载
H5
链接受网络速度影响，初次创建
WebView
的创建时间长，响应慢，用户体验差，
WebView
对象每次都是通过创建出来的，内存占用，效率低
。
[0003]CN202210119261.X
，公开了一种基于
Android framework
的系统级
APP
的
UI
设计方法及装置，本专利技术首先分析所有
APP
页面组成，将
APP
页面打散为多个控件的组合，并抽取所有控件组成控件库；针对每一控件，根据
APP
设计需求设计一套或多套
UI
方案；将用以实现所述控件及其对应的
UI
方案的代码移植到
Android framework
中，采用
Android
原生编译方式对用以实现所述控件及其对应的
UI
方案的代码进行编译，提取编译完成后的对应的
framework.jar
；利用所述
framework.jar
，并根据
APP
的
UI
设计方案从控件库中调用所需控件完成系统级
APP
的
UI
开发
。
使用
Android framework
为基础，综合设计
、
开发
、
维护，达到提高开发效率，降低成本，减少错误概率
。
[0004]CN202310355881.8
，本专利技术公开了一种
WebView
加载的性能优化方法及相关设备，所述方法包括：将
H5
安装包下载到本地，在加载
H5
链接前，判断使用
WebView
进行加载请求的
APP
是否存在本地，如果不存在则下载并保存到本地，如果存在则直接加载；新增
WebService
进程创建
WebView
对象，
APP
与启动后的
WebService
进行通信，
WebService
对
WebView
进行页面加载处理；当检测到用户二次打开
WebView
页面时，
WebService
进程直接返回
WebView
对象进行加载
。
本专利技术提供了一种
Android
端加载
WebView
性能优化的解决方案，提升了
WebView
加载响应时间
,
减少了应用内存占用，提升了应用性能
。
[0005]综上，现有技术以来原生框架设计网页页面，且在网页加载时需要联网读取网页链接，启动和加载效率低下，且不能够离线快速生成，导致现有技术无法快速设计和加载页面，缺乏应对快速发展的互联网环境，本专利技术的应用至少能够解决现有技术的部分问题
。

技术实现思路

[0006]本专利技术实施例提供一种基于低代码的手机应用设计的方法及系统，至少能够解决现有技术中部分问题
。
[0007]本专利技术实施例的第一方面，
提供提供在线协同设计平台进行手机应用的页面设计，所述在线协同设计平台包含共享协同功能以及手机应用设计的页面组件库，所述页面组件库包含手机应用设计的页面组件，通过拖拽所述页面组件，配置手机应用的页面，生成所述页面对应的页面描述数据，将所述页面描述数据保存到第一数据库中，为所述页面描述数据生成一个唯一标识
KEY
，并生成一个二维码，将所述第一数据库中的所述页面描述数据存储至第二数据库中；提供手机应用基座，所述手机应用基座包含图标
、
名称，所述手机应用基座还提供定制的
webview
组件，所述
webview
组件提供渲染功能和与所述手机中硬件的交互接口，将所述手机应用基座，打包成手机应用，将所述手机应用，安装在手机上；所述手机应用通过扫描所述二维码，将所述第二数据库中的所述页面描述数据加载到本地存储数据库中，同时将所述页面描述数据对应版本的页面执行器加载到所述手机应用基座；当解析页面时，所述页面执行器从本地存储数据库中加载并解析所述页面描述数据，通过所述定制的
webview
组件来渲染生成
HTML5
页面，以及通过所述交互接口实现所述
HTML5
页面与所述手机的硬件交互
。
[0008]在一种可选的实施例中，提供在线协同设计平台进行手机应用的页面设计，所述在线协同设计平台包含共享协同功能，包括：用
WebSocket
实现实时数据同步，所述数据同步是为用户的每个操作分配一个递增版本号，记录所述用户的操作历史，将所述版本号发送到服务器，然后由服务器广播给其他用户，以重放所述用户的操作，所述其他用户可以看到所述用户的操作，所述操作包括添加
、
删除
、
移动组件；其中，所述重放所述用户的操作包括：基于
CRDT
（
Conflict
‑
free Replicated Data Types
）算法解决协同编辑冲突，初始化
CRDT
数据结构，用于跟踪编辑操作，并保存操作记录，所述操作记录包括操作类型
、
组件标识
、
组件层级
、
时间戳
,
所述
CRDT
算法提供实时冲突检测和解决本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种基于低代码的手机应用设计的方法，其特征在于，所述方法包括：提供在线协同设计平台进行手机应用的页面设计，所述在线协同设计平台包含共享协同功能以及手机应用设计的页面组件库，所述页面组件库包含手机应用设计的页面组件，通过拖拽所述页面组件，配置手机应用的页面，生成所述页面对应的页面描述数据，将所述页面描述数据保存到第一数据库中，为所述页面描述数据生成一个唯一标识
KEY
，并生成一个二维码，将所述第一数据库中的所述页面描述数据存储至第二数据库中；提供手机应用基座，所述手机应用基座包含图标
、
名称，所述手机应用基座还提供定制的
webview
组件，所述
webview
组件提供渲染功能和与所述手机中硬件的交互接口，将所述手机应用基座，打包成手机应用，将所述手机应用，安装在手机上；所述手机应用通过扫描所述二维码，将所述第二数据库中的所述页面描述数据加载到本地存储数据库中，同时将所述页面描述数据对应版本的页面执行器加载到所述手机应用基座；当解析页面时，所述页面执行器从本地存储数据库中加载并解析所述页面描述数据，通过所述定制的
webview
组件来渲染生成
HTML5
页面，以及通过所述交互接口实现所述
HTML5
页面与所述手机的硬件交互
。2.
根据权利要求1所述的方法，其特征在于，提供在线协同设计平台进行手机应用的页面设计，所述在线协同设计平台包含共享协同功能，包括：用
WebSocket
实现实时数据同步，所述数据同步是为每个用户操作分配一个递增的版本号，记录所述用户操作历史，将所述版本号发送到服务器，然后由服务器广播给其他用户，以重放所述用户操作，所述其他用户可以看到所述用户操作，所述用户操作包括添加
、
删除
、
移动组件；其中，所述重放所述用户操作包括：基于预设的数据结构复制算法解决协同编辑冲突，初始化数据结构，用于跟踪编辑操作，并保存操作记录，所述操作记录包括操作类型
、
组件标识
、
组件层级
、
时间戳，所述数据结构复制算法提供实时冲突检测和解决机制，以捕获和处理冲突，所述其他用户接收并按照数据结构复制算法来执行合并操作，确保用户在任意时间和位置进行编辑，最终数据将自动收敛到一致状态
。3.
根据权利要求1所述的方法，其特征在于，将所述页面描述数据保存到第一数据库中，为所述页面描述数据生成一个唯一标识
KEY
，并生成一个二维码，将所述第一数据库中的所述页面描述数据存储至第二数据库中，包括：使用流数据处理技术，配置数据流存储容器，在所述数据流存储器中创建主题来组织数据，创建数据生产器，所述数据生产器从第一数据库中提取数据并将其发送到所述主题中；使用流处理框架配置流处理应用程序，所述流处理应用程序从所述主题中订阅和接收数据，充当数据消费器，所述数据消费器执行预设的转换逻辑，将所述第一数据库中的所述页面描述数据存储至所述第二数据库中
。4.
根据权利要求3所述的方法，其特征在于，将所述第一数据库中的所述页面描述数据存储至第二数据库中，还包括：选择无服务器计算平台，分配...

【专利技术属性】
技术研发人员：吴浩然，朱晶晶，羊旭峰，
申请(专利权)人：冠骋信息技术苏州有限公司，
类型：发明
国别省市：