(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210647294.1 (22)申请日 2022.06.09 (71)申请人 知学云 （北京） 科技股份有限公司 地址 100070 北京市丰台区西四环南路101 号6层637号 (72)发明人 陈世文　黄克云　魏传博　 (74)专利代理 机构 北京麦汇智云知识产权代理 有限公司 1 1754 专利代理师 周雪峰 (51)Int.Cl. G06F 8/34(2018.01) G06F 8/38(2018.01) G06F 8/71(2018.01) G06F 9/445(2018.01) G06F 16/958(2019.01) (54)发明名称 一种基于aPaaS平台的移动端可视化页面配 置和渲染方法 (57)摘要 本发明提出了一种基于aPaaS平台的移动端 可视化页面配置和渲染方法， 涉及计算机应用技 术领域。 该方法包括： 在新 建页面时， 生成页面对 应的唯一ID。 利用可视化页面编辑器从后端调取 页面数据和可配置使用的组件信息， 用户选择任 意第一组件进行组件内部配置， 以进行页面配 置。 用户对 各个第一组件的配置数据将保存至后 台， 且配置完成后的页面将部署至用户侧， 则在 用户侧打开页面时， 页面首先加载基础框架， 然 后根据页面配置执行预先配置的事件任务， 并根 据配置数据对第一组件进行组合并渲染得到最 终页面。 不仅实现了配置多种复杂页面的目的， 而且相较于传统页面开发方法减少了大量的代 码编写， 提高了页面开发效率， 且具有极强灵活 性和普适 性。 权利要求书2页 说明书9页 附图8页 CN 115268884 A 2022.11.01 CN 115268884 A 1.一种基于aPaaS平台的移动端可视化页面配置和渲染方法， 其特征在于， 包括如下步 骤： 响应用户操作在页面管理界面新建页面的同时， 在后端生成与 所述新建页面对应的唯 一ID， 并初始化所述 新建页面的页面数据； 利用可视化页面编 辑器对任一页面进行页面配置， 所述可视化页面编辑器用于根据页 面ID， 从后端获取对应的页面数据及可配置使用的组件信息， 所述组件信息包括多个第一 组件； 基于可配置使用的组件信息， 响应用户操作选择任意第一组件进行页面设计， 并响应 用户点击操作选择任一第一组件进行组件内部配置， 以对整个页面进行多个页面配置， 所 述多个页面配置至少包括数据配置、 样式配置、 属性配置、 事件配置和交互配置中的一种或 多种； 将页面配置 完成后的配置数据保存至后台； 将配置完成后的页面部署至用户侧； 响应用户操作在所述用户侧对该页面的基础框架进行加载， 同时从后端获取该页面的 配置数据和对应的第一组件， 并根据所述配置数据将所述第一组件进 行组合并渲 染得到最 终页面， 同时根据所述页面配置执 行对应的事 件任务。 2.根据权利要求1所述的基于aPaaS平台的移动端可视化页面配置和渲染方法， 其特征 在于， 所述多个第一组件 包括容器组件和第二组件； 所述基于可配置使用的组件信 息， 响应用户操作选择任意第 一组件进行页面设计的步 骤包括： 响应用户操作选择任一容器组件和多个第二组件， 利用该容器组件进行页面布局后， 将所述多个第二组件添加至所述 容器组件中进行组合配置 。 3.根据权利要求1所述的基于aPaaS平台的移动端可视化页面配置和渲染方法， 其特征 在于， 所述将页面配置 完成后的配置数据保存至后台的步骤之前， 还 包括： 根据配置 完成后的页面， 展示预览页面效果。 4.根据权利要求1所述的基于aPaaS平台的移动端可视化页面配置和渲染方法， 其特征 在于， 所述响应用户点击操作选择任一第一组件进行组件内部配置， 以对整个页面进行多 个页面配置的步骤 包括： 响应用户操作添加目标 赋值对象， 并对所述目标 赋值对象进行 数据配置 。 5.根据权利要求1所述的基于aPaaS平台的移动端可视化页面配置和渲染方法， 其特征 在于， 所述响应用户点击操作选择任一第一组件进行组件内部配置， 以对整个页面进行多 个页面配置的步骤 包括： 响应用户操作对页面或任一第一组件的宽高数据、 背景数据、 边距数据、 边框数据、 阴 影数据、 文字样式进行 可视化配置 。 6.根据权利要求1所述的基于aPaaS平台的移动端可视化页面配置和渲染方法， 其特征 在于， 所述响应用户点击操作选择任一第一组件进行组件内部配置， 以对整个页面进行多 个页面配置的步骤 包括： 响应用户操作对任一第一组件进行属性配置， 所述属性配置至少包括名称、 内容、 提 示、 显示属性、 图标、 排列方式、 显示模式和默认值中的一种或多种。权　利　要　求　书 1/2 页 2 CN 115268884 A 27.根据权利要求1所述的基于aPaaS平台的移动端可视化页面配置和渲染方法， 其特征 在于， 还包括： 在所述后台与 所述用户侧的信 息传输路径上配置信 息传输接口， 所述信 息传输接口用 于传输配置数据。 8.根据权利要求1所述的基于aPaaS平台的移动端可视化页面配置和渲染方法， 其特征 在于， 根据所述页面配置执 行对应的事 件任务的步骤 包括： 结合第一组件信息和页面数据， 实现动态显示或隐藏所述第一组件。 9.一种电子设备， 其特 征在于， 包括： 存储器， 用于存 储一个或多个程序； 处理器； 当所述一个或多个程序被所述处理器执行时， 实现如权利要求1 ‑8中任一项所述的方 法。 10.一种计算机可读存储介质， 其上存储有计算机程序， 其特征在于， 该计算机程序被 处理器执行时实现如权利要求1 ‑8中任一项所述的方法。权　利　要　求　书 2/2 页 3 CN 115268884 A 3