商品网页界面配置方法及系统技术方案

技术编号:17970078 阅读:40 留言:0更新日期:2018-05-16 11:06
本发明专利技术公开了一种商品网页界面配置方法及系统,其中所述商品网页界面配置方法包括S1、构建一模板,所述模板包括至少一模块;S2、在商品网页界面中加载所述模板,根据预设的配置调用所述模块。本发明专利技术的商品网页界面配置方法通过预先构建一包括至少一模块的模板,在商品网页界面中加载模板,根据预设的配置调用模块,大大增加了模块的复用性以及易维护性,减少了大量的开发成本,模块化的样式以及管理,可以根据用户的需求进行人性化的配置,给用户提供统一舒适的用户操作界面,供用户进行实际的操作。

【技术实现步骤摘要】
商品网页界面配置方法及系统
本专利技术涉及网络通信领域,尤其涉及一种商品网页界面配置方法及系统。
技术介绍
用户界面是当前与用户结合最为紧密的计算机技术之一,同时用户界面也是根据用户的具体需求来进行设计的。现在用户对端面网页界面操作的需求越来越多样性,在实际的界面应用开发中,界面越来越复杂多样,项目开发成本也相应增高。
技术实现思路
本专利技术要解决的技术问题是为了克服现有技术中界面应用开发中,界面越来越复杂多样,项目开发成本也相应增高的缺陷,提供一种商品网页界面配置方法及系统。本专利技术是通过下述技术方案来解决上述技术问题:一种商品网页界面配置方法,所述商品网页界面配置方法包括:S1、构建一模板,所述模板包括至少一模块;S2、在商品网页界面中加载所述模板,根据预设的配置调用所述模块。较佳地,所述模块包括以下模块中的至少一个:按钮模块,所述按钮模块包括若干级按钮、超链接按钮、关闭按钮中的至少一个,所述按钮模块中的按钮的大小包括不同的尺寸;表单模块,所述表单模块包括单选框、复选框、输入框、下拉框、输入框错误状态、带标题表单组件、带标题带提示信息表单组件中的至少一个;表格模块,所述表格模块包括若干级表格样式中的至少一个;图标模块,所述图标模块包括成功图标、错误图标、提示图标和警告图标中的至少一个,所述图标模块中的图标的大小包括不同的尺寸;导航模块,所述导航模块包括主导航、主导航带二级导航、主导航带二级三级导航、面包屑导航、带标题切换类导航中的至少一个;翻页模块,所述翻页模块包括标准分页样式、简版分页样式、弹窗分页样式中的至少一个;搜索模块,所述搜索模块包括搜索框组件样式、多条件搜索框样式中的至少一个;加载模块,所述加载模块包括标准加载中样式、带指定图形的加载中样式中的至少一个,所述加载模块中的图标的大小包括不同的尺寸。较佳地,所述模块还包括商品属性展示模块,所述商品属性展示模块包括房态房价展示模块。较佳地,所述房态房价展示模块包括房价组件、房量组件、房态组件、政策组件、订单最晚预定时间组件、礼盒组件、修改房价浮层组件、修改房态浮层组件、批量修改房价浮层组件和批量修改房态浮层组件中的至少一个。一种商品网页界面配置系统,所述商品网页界面配置系统包括:一预先构建的模板,所述模板包括至少一模块;加载装置,所述加载装置用于在商品网页界面中加载所述模板,根据预设的配置调用所述模块。较佳地,所述模块包括以下模块中的至少一个:按钮模块,所述按钮模块包括若干级按钮、超链接按钮、关闭按钮中的至少一个,所述按钮模块中的按钮的大小包括不同的尺寸;表单模块,所述表单模块包括单选框、复选框、输入框、下拉框、输入框错误状态、带标题表单组件、带标题带提示信息表单组件中的至少一个;表格模块,所述表格模块包括若干级表格样式中的至少一个;图标模块,所述图标模块包括成功图标、错误图标、提示图标和警告图标中的至少一个,所述图标模块中的图标的大小包括不同的尺寸;导航模块,所述导航模块包括主导航、主导航带二级导航、主导航带二级三级导航、面包屑导航、带标题切换类导航中的至少一个;翻页模块,所述翻页模块包括标准分页样式、简版分页样式、弹窗分页样式中的至少一个;搜索模块,所述搜索模块包括搜索框组件样式、多条件搜索框样式中的至少一个;加载模块,所述加载模块包括标准加载中样式、带指定图形的加载中样式中的至少一个,所述加载模块中的图标的大小包括不同的尺寸。较佳地,所述模块还包括商品属性展示模块,所述商品属性展示模块包括房态房价展示模块。较佳地,所述房态房价展示模块包括房价组件、房量组件、房态组件、政策组件、订单最晚预定时间组件、礼盒组件、修改房价浮层组件、修改房态浮层组件、批量修改房价浮层组件和批量修改房态浮层组件中的至少一个。本专利技术的积极进步效果在于:本专利技术的商品网页界面配置方法通过预先构建一包括至少一模块的模板,在商品网页界面中加载模板,根据预设的配置调用模块,大大增加了模块的复用性以及易维护性,减少了大量的开发成本,模块化的样式以及管理,可以根据用户的需求进行人性化的配置,给用户提供统一舒适的用户操作界面,供用户进行实际的操作。附图说明图1为本专利技术实施例1的商品网页界面配置方法的流程图。图2为本专利技术实施例1的商品网页界面配置方法中模板的示意图。图3为本专利技术实施例1的商品网页界面配置方法中商品网页界面的示意图。图4为本专利技术实施例2的商品网页界面配置系统的模块示意图。具体实施方式下面通过实施例的方式进一步说明本专利技术,但并不因此将本专利技术限制在所述的实施例范围之中。实施例1本实施例提供一种商品网页界面配置方法,如图1所示,商品网页界面配置方法包括:步骤101、构建一模板,如图2所示,模板包括至少一模块。模块包括以下模块中的至少一个:按钮模块,按钮模块包括若干级按钮、超链接按钮、关闭按钮中的至少一个,按钮模块中的按钮的大小包括不同的尺寸。若干级按钮包括一级按钮、二级按钮、三级按钮。表单模块,表单模块包括单选框、复选框、输入框、下拉框、输入框错误状态、带标题表单组件、带标题带提示信息表单组件中的至少一个。表格模块,表格模块包括若干级表格样式中的至少一个。若干级表格包括一级表格、二级表格。图标模块,图标模块包括成功图标、错误图标、提示图标和警告图标中的至少一个,图标模块中的图标的大小包括不同的尺寸。导航模块,导航模块包括主导航、主导航带二级导航、主导航带二级三级导航、面包屑导航、带标题切换类导航中的至少一个。翻页模块,翻页模块包括标准分页样式、简版分页样式、弹窗分页样式中的至少一个。翻页模块用于供用户进行前后翻页。搜索模块,搜索模块包括搜索框组件样式、多条件搜索框样式中的至少一个。搜索模块用于供用户进行条件或者关键词搜索。加载模块,加载模块包括标准加载中样式、带指定图形的加载中样式中的至少一个,加载模块中的图标的大小包括不同的尺寸。加载模块用于提示用户网络数据正在传输中。模块还包括商品属性展示模块,商品属性展示模块包括房态房价展示模块。房态房价展示模块包括房价组件、房量组件、房态组件、政策组件、订单最晚预定时间组件、礼盒组件、修改房价浮层组件、修改房态浮层组件、批量修改房价浮层组件和批量修改房态浮层组件中的至少一个。房价组件用于显示房间价格,房量组件用于显示房间数量,房态组件用于显示房间当前的状态属性,政策组件用于显示当前的政策活动信息,订单最晚预定时间组件用于显示预定房间最晚截止时间,礼盒组件用于显示当前的礼盒活动信息,修改房价浮层组件用于修改当前房间的房价,修改房态浮层组件用于修改当前房间的房态,批量修改房价浮层组件用于一次进行批量房价的修改,批量修改房态浮层组件用于一次进行批量房态的修改。步骤102、在商品网页界面中加载模板,根据预设的配置调用模块。如图3为一商品网页界面示意图,图中示出的酒店管理为调用默认按钮的显示结果,价态量管理、房型管理和房价审核为调用一级按钮的调用结果。查询用份和搜索为调用搜索模块的显示结果。前一月和后一月为调用翻页模块的显示结果。批量修改房价为调用批量修改房价浮层组件的显示结果。批量修改房态为调用批量修改房态浮层组件的显示结果。图3中的其他显示结果不再一一列举,可以根据实际需求和配置,进行相应模块的调用。本实施例的商品网页界面配置方法通过预本文档来自技高网...
商品网页界面配置方法及系统

【技术保护点】
一种商品网页界面配置方法,其特征在于,所述商品网页界面配置方法包括:S1、构建一模板,所述模板包括至少一模块;S2、在商品网页界面中加载所述模板,根据预设的配置调用所述模块。

【技术特征摘要】
1.一种商品网页界面配置方法,其特征在于,所述商品网页界面配置方法包括:S1、构建一模板,所述模板包括至少一模块;S2、在商品网页界面中加载所述模板,根据预设的配置调用所述模块。2.如权利要求1所述的商品网页界面配置方法,其特征在于,所述模块包括以下模块中的至少一个:按钮模块,所述按钮模块包括若干级按钮、超链接按钮、关闭按钮中的至少一个,所述按钮模块中的按钮的大小包括不同的尺寸;表单模块,所述表单模块包括单选框、复选框、输入框、下拉框、输入框错误状态、带标题表单组件、带标题带提示信息表单组件中的至少一个;表格模块,所述表格模块包括若干级表格样式中的至少一个;图标模块,所述图标模块包括成功图标、错误图标、提示图标和警告图标中的至少一个,所述图标模块中的图标的大小包括不同的尺寸;导航模块,所述导航模块包括主导航、主导航带二级导航、主导航带二级三级导航、面包屑导航、带标题切换类导航中的至少一个;翻页模块,所述翻页模块包括标准分页样式、简版分页样式、弹窗分页样式中的至少一个;搜索模块,所述搜索模块包括搜索框组件样式、多条件搜索框样式中的至少一个;加载模块,所述加载模块包括标准加载中样式、带指定图形的加载中样式中的至少一个,所述加载模块中的图标的大小包括不同的尺寸。3.如权利要求1所述的商品网页界面配置方法,其特征在于,所述模块还包括商品属性展示模块,所述商品属性展示模块包括房态房价展示模块。4.如权利要求3所述的商品网页界面配置方法,其特征在于,所述房态房价展示模块包括房价组件、房量组件、房态组件、政策组件、订单最晚预定时间组件、礼盒组件、修改房价浮层组件、修改房态浮层组件、批量修改房价浮层组件和批量修改房态浮层组件中的至少一个。5.一种商...

【专利技术属性】
技术研发人员:江毅平杨峰傅颂华李巍张婷
申请(专利权)人:携程计算机技术上海有限公司
类型:发明
国别省市:上海,31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1