[发明专利]一种保证网站系统样式统一的方法与工具

说明书

本发明公开了一种保证网站系统样式统一的方法与工具，方法包括获取待检查页面的源数据；对待检查页面的布局进行样式解析，并与布局规范进行对比映射，检查布局是否一致；当检查出布局不一致时，产生布局标签提示信息；检查组件代码与规范组件样式是否一致，以及文字层级是否正确是否采用对应的规范字体样式，并作出映射对比；当检查出组件样式不一致时，产生组件标签提示信息并执行下一步骤；生成包含组件唯一编码标识的标签并附于相应组件上面浮窗中；根据唯一编码标识生成规范样式及代码用以参考对页面进行实际调整。可以达到统一页面风格样式，从而改善用户体验提供了条件，减少了页面后期的维护成本，解决网站开发完成后样式不统一的问题。

技术领域

本发明属于计算机和互联网技术领域，具体涉及一种保证网站系统样式统一的方法与工具。

背景技术

近些年来，移动互联网和“互联网+”的实施，使互联网出现了爆炸性的发展，催生了大量的新生应用以及业务系统。

用户界面是系统和用户之间进行交互和信息交换的直接媒介，是重要的最直观的展现，实现企业、应用、系统、信息的内部形式与人类可以接受形式之间的转换。通常情况下需要团队开发，从设计人员到前端人员，由于系统建设速度过快及团队开发人员多沟通产生差异，会影响页面整体效果，导致了网站系统样式缺乏统一性，这样会直接影响到用户体验，甚至会导致软件开发过程的返工。

目前现有的技术多数只能片面解决组件规范问题，不能全局网站高度去调整风格样式的统一。

发明内容

本发明所要解决的技术问题是针对上述现有技术的不足，提供一种保证网站系统样式统一的方法与工具，可以达到统一页面风格样式，从而改善用户体验提供了条件，减少了页面后期的维护成本，解决网站开发完成后样式不统一的问题。

为实现上述技术目的，本发明采取的技术方案为：

一种保证网站系统样式统一的方法，包括：

S101，获取待检查页面的源数据，作为页面检查基础；

S102，对待检查页面的布局进行样式解析，并与布局规范进行对比映射，检查布局是否一致；

S103，当检查出布局不一致时，产生布局标签提示信息；

S104，检查组件代码与规范组件样式是否一致，以及文字层级是否正确是否采用对应的规范字体样式，并作出映射对比；

S105，当检查出组件样式不一致时，产生组件标签提示信息并执行下一步骤；

S106，生成包含组件唯一编码标识的标签并附于相应组件上面浮窗中；

S107，根据唯一编码标识生成规范样式及代码用以参考，对页面进行实际调整。

为优化上述技术方案，采取的具体措施还包括：

上述的源数据包括页面布局，组件代码，文字层级和交互方式信息。

上述的布局规范为预先设置的页面栅格布局样式，包括通栏、1:1比例布局、1:1:1比例布局、1:1:1:1比例布局、1:2:1比例布局、1:3比例布局、1:2比例布局样式。

上述的布局标签采用绿色进行信息提示。

上述的组件标签采用蓝色进行信息提示。

上述的规范组件样式为预先设置的常用组件样式，包括按钮大小颜色、下拉框、选择框、输入框；

规范字体样式包括预先设置的文字标题类别、颜色、字体。

上述的标签包括编码形式的标签名和与该标签名相关联的标签属性，每个组件对应唯一编码作为标识。