用户界面组件可实时编辑及渲染的方法及装置制造方法及图纸

本发明专利技术公开了一种用户界面组件可实时编辑及渲染的方法及装置，该方法包括：获取用户界面组件的属性编辑窗口提交的用户在所述属性编辑窗口上输入的编辑信息；所述属性编辑窗口用于实时编辑所述用户界面组件的属性信息；根据所述编辑信息，生成所述属性信息对应的代码；将所述代码发送至用户界面浏览器，以使所述用户界面浏览器根据所述代码渲染所述用户界面组件。可见，实施本发明专利技术能够对用户界面组件进行实时编辑和实时渲染，提高对用户界面组件的编辑效率。件的编辑效率。件的编辑效率。

【技术实现步骤摘要】
用户界面组件可实时编辑及渲染的方法及装置


[0001]本专利技术涉及用户界面编辑
，尤其涉及一种用户界面组件可实时编辑及渲染的方法及装置。

技术介绍

[0002]用户界面(UI)是系统和用户之间进行交互和信息交换的媒介，由一个或多个组件所组成的。随着社会的发展和人民生活水平的提高，个性化的需求越来越受到民众的欢迎，因此，在用户界面上的个性化的定制以及为了吸引用户而进行的用户界面的定期更新正越来越常见。
[0003]然而，在实际当中，编辑用户界面主要存在两个问题：1、每次编辑用户界面中的部分或全部组件都需修改主题资源文件并重新部署到服务器上，不能实时编辑；2、编辑用户界面的组件后必须先应用到具体页面场景中才能看到效果，无法在编辑组件属性时实时预览效果。可见，如何对用户界面组件实现可实时编辑和可实时渲染显得非常重要。

技术实现思路

[0004]本专利技术所要解决的技术问题在于，提供一种用户界面组件可实时编辑及渲染的方法及装置，能够对用户界面组件进行实时编辑和实时渲染，提高对用户界面组件的编辑效率。<br/>[0005]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种用户界面组件可实时编辑及渲染的方法，其特征在于，所述方法包括：获取用户界面组件的属性编辑窗口提交的用户在所述属性编辑窗口上输入的编辑信息；所述属性编辑窗口用于实时编辑所述用户界面组件的属性信息；根据所述编辑信息，生成所述属性信息对应的代码；将所述代码发送至用户界面浏览器，以使所述用户界面浏览器根据所述代码渲染所述用户界面组件。2.根据权利要求1所述的用户界面组件可实时编辑及渲染的方法，其特征在于，所述属性编辑窗口为所述用户界面组件的可视编辑窗口或者所述用户界面组件的代码编辑窗口，所述根据所述编辑信息，生成所述属性信息对应的代码，包括：确定所述编辑信息的来源；所述编辑信息的来源包括所述可视编辑窗口和/或所述代码编辑窗口；当确定出所述编辑信息来自所述可视编辑窗口，根据所述编辑信息及预设的代码生成方式，生成所述用户界面组件的属性信息对应的代码；当确定出所述编辑信息来自所述代码编辑窗口，根据所述编辑信息生成所述用户界面组件的属性信息对应的代码。3.根据权利要求1或2所述的用户界面组件可实时编辑及渲染的方法，其特征在于，在所述获取用户界面组件的属性编辑窗口提交的用户在所述属性编辑窗口上输入的编辑信息之前，所述方法还包括：确定需要编辑的用户界面组件的组件类型；其中，所述组件类型包括自定义类型和非自定义类型；当确定需要编辑的所述组件类型为所述自定义类型时，生成代码编辑窗口的预设样式对应的样式代码，将所述样式代码发送至用户界面浏览器，以使所述用户界面浏览器渲染代码编辑窗口，并触发执行所述的获取用户界面组件的属性编辑窗口提交的用户在所述属性编辑窗口上输入的编辑信息的操作；当确定需要编辑的所述组件类型为所述非自定义类型时，向用户界面浏览器发送可视编辑窗口的预设样式对应的样式配置文件，以使所述用户界面浏览器根据所述样式配置文件渲染所述可视编辑窗口，并触发执行所述的获取用户界面组件的属性编辑窗口提交的用户在所述属性编辑窗口上输入的编辑信息的操作。4.根据权利要求2或3所述的用户界面组件可实时编辑及渲染的方法，其特征在于，所述根据所述编辑信息及预设的代码生成方式，生成所述用户界面组件的属性信息对应的代码，包括：根据所述编辑信息，生成所述属性信息对应的属性文件；请求所述用户界面浏览器将预设样式文件存储在所述用户界面浏览器对应的缓存中；当检测到所述预设样式文件已存储在所述用户界面浏览器对应的缓存中时，获取所述属性文件和所述预设样式文件，根据所述属性文件和所述预设样式文件生...

【专利技术属性】
技术研发人员：李忠文，赵铭，陈林，李丹波，
申请(专利权)人：南方电网深圳数字电网研究院有限公司，
类型：发明
国别省市：