终端界面设计系统、方法及相关设备技术方案

本发明专利技术公开了一种终端界面设计系统、方法及相关设备，以解决现有的终端界面开发技术需要针对用户终端的类型分别开发，效率低下等问题。本发明专利技术一些可行的实施方式中，系统可包括：控件库，用于提供界面控件；编辑器，用于提供可视化编辑界面，根据编辑指令从所述控件库中提取界面控件至所述可视化编辑界面，并设置提取的所述界面控件的属性，形成所需要的终端界面；代码生成器，用于根据所述编辑器中呈现的终端界面，以通用代码格式生成相应的界面描述文件；存储器，用于保存所述界面描述文件；以及，适配器，用于提供适配库，所述适配库用于获取并解析所述界面描述文件，生成与用户终端适配的、其它代码格式的界面程序代码。

【技术实现步骤摘要】
【专利摘要】本专利技术公开了一种终端界面设计系统、方法及相关设备，以解决现有的终端界面开发技术需要针对用户终端的类型分别开发，效率低下等问题。本专利技术一些可行的实施方式中，系统可包括：控件库，用于提供界面控件；编辑器，用于提供可视化编辑界面，根据编辑指令从所述控件库中提取界面控件至所述可视化编辑界面，并设置提取的所述界面控件的属性，形成所需要的终端界面；代码生成器，用于根据所述编辑器中呈现的终端界面，以通用代码格式生成相应的界面描述文件；存储器，用于保存所述界面描述文件；以及，适配器，用于提供适配库，所述适配库用于获取并解析所述界面描述文件，生成与用户终端适配的、其它代码格式的界面程序代码。【专利说明】终端界面设计系统、方法及相关设备
本专利技术涉及网络
，具体涉及一种终端界面设计系统、方法及相关设备。
技术介绍
用户终端的类型越来越多，包括PC(personalcomputer，个人计算机）、手机、平 板、智能电视等。一个业务的开发需要适配众多用户终端，而每种用户终端的终端界面开发 技术不尽相同，需要针对不同用户终端招聘不同的技术人员进行适配开发，耗费大量时间、 金钱，效率也相当低下。
技术实现思路
本专利技术实施例提供一种终端界面设计系统、方法及相关设备，以解决现有的终端 界面开发技术需要针对用户终端的类型分别开发，效率低下等问题。 本专利技术第一方面提供一种终端界面设计方法，包括： 控件库，用于提供界面控件； 编辑器，用于提供可视化编辑界面，根据编辑指令从所述控件库中提取界面控件 至所述可视化编辑界面，并设置提取的所述界面控件的属性，形成所需要的终端界面； 代码生成器，用于根据所述编辑器中呈现的终端界面，以通用代码格式生成相应 的界面描述文件； 存储器，用于保存所述界面描述文件；以及， 适配器，用于提供适配库，所述适配库用于获取并解析所述界面描述文件，生成与 用户终端适配的、其它代码格式的界面程序代码。 本专利技术第二方面提供一种终端界面设计系统，包括： 提供可视化编辑界面，根据编辑指令从所述控件库中提取界面控件至所述可视化 编辑界面，并设置提取的所述界面控件的属性，形成所需要的终端界面； 根据所述编辑器中呈现的终端界面，以通用代码格式生成相应的界面描述文件， 并保存所述界面描述文件；以及， 提供适配库，所述适配库用于获取并解析所述界面描述文件，生成与用户终端适 配的、其它代码格式的界面程序代码。 本专利技术第三方面提供一种用户终端，包括： 发送模块，用于发送终端界面访问请求给服务器； 接收模块，用于接收所述服务器返回的通用代码格式的界面描述文件； 适配库模块，用于解析所述界面描述文件，生成与所述用户终端适配的、其它代码 格式的界面程序代码； 显示模块，用于根据所述界面程序代码显示相应的终端界面。 本专利技术第四方面提供一种服务器，包括： 接收模块，用于接收用户终端发送的终端界面访问请求； 获取模块，用于根据所述终端界面访问请求提取相应的通用代码格式的界面描述 文件； 识别模块，用于识别所述用户终端的类型； 适配库模块，用于根据所述用户终端的类型，解析所述界面描述文件，生成与所述 用户终端适配的、其它代码格式的界面程序代码； 发送模块，用于发送所述其它代码格式的界面程序代码给所述用户终端。 由上可见，本专利技术实施例通过采用上述技术方案，使得，开发终端界面时，不需要 考虑用户终端的类型，只需要生成通用代码格式的界面描述文件即可；用户终端可利用适 配库将通用代码格式的界面描述文件转换为与用户终端适配的界面程序代码，最终呈现出 相应的终端界面；从而取得以下技术效果： 1、在可视化编辑界面中通过编辑控件形成终端界面，所见即所得，不需要直接写 代码，因而降低了开发难度，使得普通技术人员也可以开发终端界面。 2、由于可利用适配库进行代码转换，不需要针对每一种用户终端分别开发终端界 面，只需要根据形成的终端界面生成一种通用代码格式的界面描述文件即可，简化了开发 操作，提高了开发效率。 3、本专利技术终端界面设计系统能兼容多种主流平台的界面开发，所兼容的平台数量 取决于适配库的开发数量。 【专利附图】【附图说明】 为了更清楚地说明本专利技术实施例技术方案，下面将对实施例和现有技术描述中所 需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施 例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获 得其它的附图。 图1是本专利技术实施例提供的一种终端界面设计系统的结构示意图； 图2是本专利技术实施例终端界面设计系统的一个逻辑结构及原理示意图； 图3是本专利技术实施例提供的一种终端界面设计方法的流程示意图； 图4是本专利技术实施例提供的一种用户终端的结构示意图； 图5是本专利技术实施例提供的一种服务器的结构示意图。 【具体实施方式】 本专利技术实施例提供一种终端界面设计系统、方法及相关设备，以解决现有的终端 界面开发技术需要针对用户终端的类型分别开发，效率低下等问题。 为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的 附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是 本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术 人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范 围。 下面通过具体实施例，分别进行详细的说明。 实施例一、 请参考图1，本专利技术实施例提供一种终端界面设计系统，可包括： 控件库101，用于提供界面控件； 编辑器102,用于提供可视化编辑界面，根据编辑指令从所述控件库中提取界面控 件至所述可视化编辑界面，并设置提取的所述界面控件的属性，形成所需要的终端界面； 代码生成器103,用于根据所述编辑器102中呈现的终端界面，以通用代码格式生 成相应的界面描述文件； 存储器104,用于保存所述界面描述文件；以及， 适配器105,用于提供适配库，所述适配库用于获取并解析所述界面描述文件，生 成与用户终端适配的、其它代码格式的界面程序代码。 请参考图2,是本专利技术实施例终端界面设计系统的一个逻辑结构及原理示意图。下 面，结合图1和图2,对本专利技术做进一步详细说明： 本专利技术实施例中，所述控件库101中可存储多种常用类型的界面控件，例如可包 括按钮、选择框、文本框、输入框、图片、列表、跑马条、视频框等。 所述编辑器102可提供可视化编辑界面，用户可以在可视化编辑界面中新建终端 界面，可以从所述控件库中将需要的界面控件拖曳至新建的终端界面中，摆放在合适位置， 可以选中任一个界面控件，编辑其控件属性，控件属性可包括：位置、尺寸、内容等等。所述 可视化编辑界面可利用javascript脚本技术，来实现拖拽和属性编辑功能。编辑完毕，编 辑器102的可视化编辑界面中，呈现出最终需要的终端界面。所说的终端界面具体可以是 网页，游戏页面等。 完成编辑后，用户可指令代码生成器103执行代码生成步骤，代码本文档来自技高网...

【技术保护点】
一种终端界面设计系统，其特征在于，包括：控件库，用于提供界面控件；编辑器，用于提供可视化编辑界面，根据编辑指令从所述控件库中提取界面控件至所述可视化编辑界面，并设置提取的所述界面控件的属性，形成所需要的终端界面；代码生成器，用于根据所述编辑器中呈现的终端界面，以通用代码格式生成相应的界面描述文件；存储器，用于保存所述界面描述文件；以及，适配器，用于提供适配库，所述适配库用于获取并解析所述界面描述文件，生成与用户终端适配的、其它代码格式的界面程序代码。

【技术特征摘要】

【专利技术属性】
技术研发人员：罗均文，张芳景，钟虎林，黄世华，甘鸣春，吴静，
申请(专利权)人：深圳市路通网络技术有限公司，
类型：发明
国别省市：广东;44