商品网页界面配置方法及系统与流程

本发明涉及网络通信领域，尤其涉及一种商品网页界面配置方法及系统。

背景技术：

用户界面是当前与用户结合最为紧密的计算机技术之一，同时用户界面也是根据用户的具体需求来进行设计的。现在用户对端面网页界面操作的需求越来越多样性，在实际的界面应用开发中，界面越来越复杂多样，项目开发成本也相应增高。

技术实现要素：

本发明要解决的技术问题是为了克服现有技术中界面应用开发中，界面越来越复杂多样，项目开发成本也相应增高的缺陷，提供一种商品网页界面配置方法及系统。

本发明是通过下述技术方案来解决上述技术问题：

一种商品网页界面配置方法，所述商品网页界面配置方法包括：

s1、构建一模板，所述模板包括至少一模块；

s2、在商品网页界面中加载所述模板，根据预设的配置调用所述模块。

较佳地，所述模块包括以下模块中的至少一个：

按钮模块，所述按钮模块包括若干级按钮、超链接按钮、关闭按钮中的至少一个，所述按钮模块中的按钮的大小包括不同的尺寸；

表单模块，所述表单模块包括单选框、复选框、输入框、下拉框、输入框错误状态、带标题表单组件、带标题带提示信息表单组件中的至少一个；

表格模块，所述表格模块包括若干级表格样式中的至少一个；

图标模块，所述图标模块包括成功图标、错误图标、提示图标和警告图标中的至少一个，所述图标模块中的图标的大小包括不同的尺寸；

导航模块，所述导航模块包括主导航、主导航带二级导航、主导航带二级三级导航、面包屑导航、带标题切换类导航中的至少一个；

翻页模块，所述翻页模块包括标准分页样式、简版分页样式、弹窗分页样式中的至少一个；

搜索模块，所述搜索模块包括搜索框组件样式、多条件搜索框样式中的至少一个；

加载模块，所述加载模块包括标准加载中样式、带指定图形的加载中样式中的至少一个，所述加载模块中的图标的大小包括不同的尺寸。

较佳地，所述模块还包括商品属性展示模块，所述商品属性展示模块包括房态房价展示模块。

较佳地，所述房态房价展示模块包括房价组件、房量组件、房态组件、政策组件、订单最晚预定时间组件、礼盒组件、修改房价浮层组件、修改房态浮层组件、批量修改房价浮层组件和批量修改房态浮层组件中的至少一个。

一种商品网页界面配置系统，所述商品网页界面配置系统包括：

一预先构建的模板，所述模板包括至少一模块；

加载装置，所述加载装置用于在商品网页界面中加载所述模板，根据预设的配置调用所述模块。

较佳地，所述模块包括以下模块中的至少一个：

按钮模块，所述按钮模块包括若干级按钮、超链接按钮、关闭按钮中的至少一个，所述按钮模块中的按钮的大小包括不同的尺寸；

表单模块，所述表单模块包括单选框、复选框、输入框、下拉框、输入框错误状态、带标题表单组件、带标题带提示信息表单组件中的至少一个；

表格模块，所述表格模块包括若干级表格样式中的至少一个；

图标模块，所述图标模块包括成功图标、错误图标、提示图标和警告图标中的至少一个，所述图标模块中的图标的大小包括不同的尺寸；

导航模块，所述导航模块包括主导航、主导航带二级导航、主导航带二级三级导航、面包屑导航、带标题切换类导航中的至少一个；

翻页模块，所述翻页模块包括标准分页样式、简版分页样式、弹窗分页样式中的至少一个；

搜索模块，所述搜索模块包括搜索框组件样式、多条件搜索框样式中的至少一个；

加载模块，所述加载模块包括标准加载中样式、带指定图形的加载中样式中的至少一个，所述加载模块中的图标的大小包括不同的尺寸。

较佳地，所述模块还包括商品属性展示模块，所述商品属性展示模块包括房态房价展示模块。

较佳地，所述房态房价展示模块包括房价组件、房量组件、房态组件、政策组件、订单最晚预定时间组件、礼盒组件、修改房价浮层组件、修改房态浮层组件、批量修改房价浮层组件和批量修改房态浮层组件中的至少一个。

本发明的积极进步效果在于：

本发明的商品网页界面配置方法通过预先构建一包括至少一模块的模板，在商品网页界面中加载模板，根据预设的配置调用模块，大大增加了模块的复用性以及易维护性，减少了大量的开发成本，模块化的样式以及管理，可以根据用户的需求进行人性化的配置，给用户提供统一舒适的用户操作界面，供用户进行实际的操作。

附图说明

图1为本发明实施例1的商品网页界面配置方法的流程图。

图2为本发明实施例1的商品网页界面配置方法中模板的示意图。

图3为本发明实施例1的商品网页界面配置方法中商品网页界面的示意图。

图4为本发明实施例2的商品网页界面配置系统的模块示意图。

具体实施方式

下面通过实施例的方式进一步说明本发明，但并不因此将本发明限制在所述的实施例范围之中。

实施例1

本实施例提供一种商品网页界面配置方法，如图1所示，商品网页界面配置方法包括：

步骤101、构建一模板，如图2所示，模板包括至少一模块。

模块包括以下模块中的至少一个：

按钮模块，按钮模块包括若干级按钮、超链接按钮、关闭按钮中的至少一个，按钮模块中的按钮的大小包括不同的尺寸。

若干级按钮包括一级按钮、二级按钮、三级按钮。

表单模块，表单模块包括单选框、复选框、输入框、下拉框、输入框错误状态、带标题表单组件、带标题带提示信息表单组件中的至少一个。

表格模块，表格模块包括若干级表格样式中的至少一个。

若干级表格包括一级表格、二级表格。

图标模块，图标模块包括成功图标、错误图标、提示图标和警告图标中的至少一个，图标模块中的图标的大小包括不同的尺寸。

导航模块，导航模块包括主导航、主导航带二级导航、主导航带二级三级导航、面包屑导航、带标题切换类导航中的至少一个。

翻页模块，翻页模块包括标准分页样式、简版分页样式、弹窗分页样式中的至少一个。翻页模块用于供用户进行前后翻页。

搜索模块，搜索模块包括搜索框组件样式、多条件搜索框样式中的至少一个。搜索模块用于供用户进行条件或者关键词搜索。

加载模块，加载模块包括标准加载中样式、带指定图形的加载中样式中的至少一个，加载模块中的图标的大小包括不同的尺寸。加载模块用于提示用户网络数据正在传输中。

模块还包括商品属性展示模块，商品属性展示模块包括房态房价展示模块。

房态房价展示模块包括房价组件、房量组件、房态组件、政策组件、订单最晚预定时间组件、礼盒组件、修改房价浮层组件、修改房态浮层组件、批量修改房价浮层组件和批量修改房态浮层组件中的至少一个。房价组件用于显示房间价格，房量组件用于显示房间数量，房态组件用于显示房间当前的状态属性，政策组件用于显示当前的政策活动信息，订单最晚预定时间组件用于显示预定房间最晚截止时间，礼盒组件用于显示当前的礼盒活动信息，修改房价浮层组件用于修改当前房间的房价，修改房态浮层组件用于修改当前房间的房态，批量修改房价浮层组件用于一次进行批量房价的修改，批量修改房态浮层组件用于一次进行批量房态的修改。

步骤102、在商品网页界面中加载模板，根据预设的配置调用模块。

如图3为一商品网页界面示意图，图中示出的酒店管理为调用默认按钮的显示结果，价态量管理、房型管理和房价审核为调用一级按钮的调用结果。查询用份和搜索为调用搜索模块的显示结果。前一月和后一月为调用翻页模块的显示结果。批量修改房价为调用批量修改房价浮层组件的显示结果。批量修改房态为调用批量修改房态浮层组件的显示结果。图3中的其他显示结果不再一一列举，可以根据实际需求和配置，进行相应模块的调用。

本实施例的商品网页界面配置方法通过预先构建一包括至少一模块的模板，在商品网页界面中加载模板，根据预设的配置调用模块，大大增加了模块的复用性以及易维护性，减少了大量的开发成本，模块化的样式以及管理，可以根据用户的需求进行人性化的配置，给用户提供统一舒适的用户操作界面，供用户进行实际的操作。

实施例2

本实施例提供一种商品网页界面配置系统，如图4所示，商品网页界面配置系统包括一预先构建的模板201和加载装置202。

如图4所示，模板201包括至少一模块2011。模块2011包括以下模块中的至少一个：

按钮模块，按钮模块包括若干级按钮、超链接按钮、关闭按钮中的至少一个，按钮模块中的按钮的大小包括不同的尺寸。

若干级按钮包括一级按钮、二级按钮、三级按钮。

表单模块，表单模块包括单选框、复选框、输入框、下拉框、输入框错误状态、带标题表单组件、带标题带提示信息表单组件中的至少一个。

表格模块，表格模块包括若干级表格样式中的至少一个。

若干级表格包括一级表格、二级表格。

图标模块，图标模块包括成功图标、错误图标、提示图标和警告图标中的至少一个，图标模块中的图标的大小包括不同的尺寸。

导航模块，导航模块包括主导航、主导航带二级导航、主导航带二级三级导航、面包屑导航、带标题切换类导航中的至少一个。

翻页模块，翻页模块包括标准分页样式、简版分页样式、弹窗分页样式中的至少一个。翻页模块用于供用户进行前后翻页。

搜索模块，搜索模块包括搜索框组件样式、多条件搜索框样式中的至少一个。搜索模块用于供用户进行条件或者关键词搜索。

加载模块，加载模块包括标准加载中样式、带指定图形的加载中样式中的至少一个，加载模块中的图标的大小包括不同的尺寸。加载模块用于提示用户网络数据正在传输中。

模块2011还包括商品属性展示模块，商品属性展示模块包括房态房价展示模块。

房态房价展示模块包括房价组件、房量组件、房态组件、政策组件、订单最晚预定时间组件、礼盒组件、修改房价浮层组件、修改房态浮层组件、批量修改房价浮层组件和批量修改房态浮层组件中的至少一个。房价组件用于显示房间价格，房量组件用于显示房间数量，房态组件用于显示房间当前的状态属性，政策组件用于显示当前的政策活动信息，订单最晚预定时间组件用于显示预定房间最晚截止时间，礼盒组件用于显示当前的礼盒活动信息，修改房价浮层组件用于修改当前房间的房价，修改房态浮层组件用于修改当前房间的房态，批量修改房价浮层组件用于一次进行批量房价的修改，批量修改房态浮层组件用于一次进行批量房态的修改。

加载装置202用于在商品网页界面中加载模板201，根据预设的配置调用模块。

如图3为一商品网页界面示意图，图中示出的酒店管理为调用默认按钮的显示结果，价态量管理、房型管理和房价审核为调用一级按钮的调用结果。查询用份和搜索为调用搜索模块的显示结果。前一月和后一月为调用翻页模块的显示结果。批量修改房价为调用批量修改房价浮层组件的显示结果。批量修改房态为调用批量修改房态浮层组件的显示结果。图3中的其他显示结果不再一一列举，可以根据实际需求和配置，进行相应模块的调用。

本实施例的商品网页界面配置系统通过预先构建一包括至少一模块的模板，在商品网页界面中加载模板，根据预设的配置调用模块，大大增加了模块的复用性以及易维护性，减少了大量的开发成本，模块化的样式以及管理，可以根据用户的需求进行人性化的配置，给用户提供统一舒适的用户操作界面，供用户进行实际的操作。

虽然以上描述了本发明的具体实施方式，但是本领域的技术人员应当理解，这仅是举例说明，本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下，可以对这些实施方式做出多种变更或修改，但这些变更和修改均落入本发明的保护范围。