界面展示方法、装置、设备及介质制造方法及图纸

本公开实施例涉及一种界面展示方法、装置、设备及介质，其中该方法包括：响应于在第一页面中对目标组件的触发操作，在第二页面的第一区域显示所述目标组件的代码编辑界面；获取所述代码编辑界面中的编辑内容，并将所述编辑内容发送至服务器；接收所述服务器根据所述编辑内容返回的代码编译结果，根据所述代码编译结果在第二页面的第二区域显示渲染结果。采用上述技术方案，在客户端侧实现内容编辑以及同步展示与编辑内容对应的渲染结果，实现界面开发过程中的实时渲染和预览，解决了相关技术中界面开发方案使用路径长、上手和使用成本高的技术问题，简化用户操作。简化用户操作。简化用户操作。

【技术实现步骤摘要】
界面展示方法、装置、设备及介质


[0001]本公开涉及计算机
，尤其涉及一种界面展示方法、装置、设备及介质。

技术介绍

[0002]前端界面开发是创建前端界面呈现给用户的过程，随着人们对前端界面的视觉效果和交互功能等需求的日益增长，各式各样的前端界面随之产生。在应用搭建类产品中，开发者通常通过代码的方式实现自定义的前端界面的开发。
[0003]相关技术中，在本地实现前端界面的代码编辑，通过工具推送或上传代码包至平台，通过代码包进行应用搭建，该界面开发方案中使用路径长，上手和使用成本较高。

技术实现思路

[0004]为了解决上述技术问题，本公开提供了一种界面展示方法、装置、设备及介质。
[0005]本公开实施例提供了一种界面展示方法，所述方法包括：
[0006]响应于在第一页面对目标组件的触发操作，在第二页面的第一区域显示所述目标组件的代码编辑界面；
[0007]获取所述代码编辑界面中的编辑内容，并将所述编辑内容发送至服务器；
[0008]接收所述服务器根据所述编辑内容返回的代码编译结本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种界面展示方法，其特征在于，包括：响应于在第一页面中对目标组件的触发操作，在第二页面的第一区域显示所述目标组件的代码编辑界面；获取所述代码编辑界面中的编辑内容，并将所述编辑内容发送至服务器；接收所述服务器根据所述编辑内容返回的代码编译结果，根据所述代码编译结果在所述第二页面的第二区域显示渲染结果。2.如权利要求1所述的方法，其特征在于，在响应于在第一页面中对目标组件的触发操作，在第二页面的第一区域显示所述目标组件的代码编辑界面之前，所述方法还包括：响应于在第一页面对目标组件标识选取操作，在所述第一页面中创建所述目标组件。3.如权利要求2所述的方法，其特征在于，所述响应于在第一页面中对目标组件的触发操作，在第二页面的第一区域显示所述目标组件的代码编辑界面，包括：响应于在第一页面中对目标组件的触发操作，显示第二页面，其中，所述第二页面的第一区域显示所述目标组件的代码编辑界面，所述第二页面的第二区域显示所述目标组件。4.如权利要求1所述的方法，其特征在于，所述获取所述代码编辑界面中的编辑内容，并将所述编辑内容发送至服务器，包括：按照预设时间间隔检测在当前时刻所述代码编辑界面中的第一内容和上一时刻所述代码编辑界面中的第二内容；当检测到所述第一内容与第二内容不一致的情况下，将所述第一内容发送至所述服务器。5.如权利要求1所述的方法，其特征在于，所述根据所述代码编译结果在所述第二页面的第二区域显示渲染结果，包括：在检测到所述服务器返回的所述代码编译结果包括问题标识的情况下，在所述第二页面的第二区域显示预设的渲染失败占位图。6.如权利要求1所述的方法，其特征在于，还包括：将所述代码编辑界面中的编辑内容与预设白名单进行匹配，其中，所述白名单包括第一标签和第一属性；当检测到所述编辑内容中包括第二标签和/或第二属性的情况下，根据所述第二标签和/或第二属性生成风险提示信息，其中，所述第一标签与所述第二标签不同，所述第一属性与所述第二属性不同。7.一种界面展示方法，其特征在于，包括：接收客户端发送的编辑内容，其中，所述编辑内容是通过在第一区域显示的目标组件的代码编辑界面得到的；根据所述编辑内容进行编译处理，生成代码编译结果；将所述代码编译结果发送至客户端，以使所述客户端根据所述代码编译结果在第二区域显示渲染结果。8.如权利要求7所述的方法，其特征在于，所述根据所述编辑内容进行编译处理，生成代码编译结果，包括：解析所述编辑内容，获取所述编辑内容包含的第三标签和/或第三属性；将所述第三标签和/或第三属性与预设黑名单匹配，在所述黑名单中存在与所述第三
标签...

【专利技术属性】
技术研发人员：张卿宇，李纪飞，熊煜峰，
申请(专利权)人：北京飞书科技有限公司，
类型：发明
国别省市：