CN108037922A - 商品网页界面配置方法及系统 - Google Patents

商品网页界面配置方法及系统 Download PDF

Info

Publication number
CN108037922A
CN108037922A CN201711435651.3A CN201711435651A CN108037922A CN 108037922 A CN108037922 A CN 108037922A CN 201711435651 A CN201711435651 A CN 201711435651A CN 108037922 A CN108037922 A CN 108037922A
Authority
CN
China
Prior art keywords
module
component
icon
room
web interface
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201711435651.3A
Other languages
English (en)
Inventor
江毅平
杨峰
傅颂华
李巍
张婷
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ctrip Computer Technology Shanghai Co Ltd
Original Assignee
Ctrip Computer Technology Shanghai Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Ctrip Computer Technology Shanghai Co Ltd filed Critical Ctrip Computer Technology Shanghai Co Ltd
Priority to CN201711435651.3A priority Critical patent/CN108037922A/zh
Publication of CN108037922A publication Critical patent/CN108037922A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

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

Description

商品网页界面配置方法及系统
技术领域
本发明涉及网络通信领域，尤其涉及一种商品网页界面配置方法及系统。
背景技术
用户界面是当前与用户结合最为紧密的计算机技术之一，同时用户界面也是根据用户的具体需求来进行设计的。现在用户对端面网页界面操作的需求越来越多样性，在实际的界面应用开发中，界面越来越复杂多样，项目开发成本也相应增高。
发明内容
本发明要解决的技术问题是为了克服现有技术中界面应用开发中，界面越来越复杂多样，项目开发成本也相应增高的缺陷，提供一种商品网页界面配置方法及系统。
本发明是通过下述技术方案来解决上述技术问题：
一种商品网页界面配置方法，所述商品网页界面配置方法包括：
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中的其他显示结果不再一一列举，可以根据实际需求和配置，进行相应模块的调用。
本实施例的商品网页界面配置系统通过预先构建一包括至少一模块的模板，在商品网页界面中加载模板，根据预设的配置调用模块，大大增加了模块的复用性以及易维护性，减少了大量的开发成本，模块化的样式以及管理，可以根据用户的需求进行人性化的配置，给用户提供统一舒适的用户操作界面，供用户进行实际的操作。
虽然以上描述了本发明的具体实施方式，但是本领域的技术人员应当理解，这仅是举例说明，本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下，可以对这些实施方式做出多种变更或修改，但这些变更和修改均落入本发明的保护范围。

Claims (8)

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

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711435651.3A CN108037922A (zh) 2017-12-26 2017-12-26 商品网页界面配置方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711435651.3A CN108037922A (zh) 2017-12-26 2017-12-26 商品网页界面配置方法及系统

Publications (1)

Publication Number Publication Date
CN108037922A true CN108037922A (zh) 2018-05-15

Family

ID=62101271

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711435651.3A Pending CN108037922A (zh) 2017-12-26 2017-12-26 商品网页界面配置方法及系统

Country Status (1)

Country Link
CN (1) CN108037922A (zh)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101593207A (zh) * 2009-07-06 2009-12-02 孟智平 一种构造和生成网页的方法及系统
CN105528206A (zh) * 2015-12-02 2016-04-27 北京邮电大学 基于网页的界面生成方法

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101593207A (zh) * 2009-07-06 2009-12-02 孟智平 一种构造和生成网页的方法及系统
CN105528206A (zh) * 2015-12-02 2016-04-27 北京邮电大学 基于网页的界面生成方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
单立群: "基于模板的WEB界面客户化定制", 《中国优秀硕士学位论文全文数据库 信息科技辑》 *
陈蔚: "在线预定酒店的界面设计研究", 《中国优秀硕士学位论文全文数据库 信息科技辑》 *

Similar Documents

Publication Publication Date Title
CN108352003B (zh) 用于通过协同数据库服务的单选或多选数据呈现的方法和设备
EP3504619B1 (en) Apparatus and method for managing notification
US10691292B2 (en) Unified presentation of contextually connected information to improve user efficiency and interaction performance
CN105051722B (zh) 利用自动完成机制保持原子链接的实体的方法和设备
CN103425468B (zh) 插件式软件集成方法及装置
CN102169500A (zh) 一种业务流程动态展示装置
CN110489133A (zh) 一种灰度发布方法、系统及电子设备和存储介质
CN109669754A (zh) 语音交互窗口的动态显示方法、具有伸缩式交互窗口的语音交互方法及装置
CN101833417A (zh) 一种在手机上实现灵动视窗的系统及其方法
CN102436473A (zh) 菜单管理装置和菜单管理方法
CN102096699A (zh) 基于动态模板的展示方法及系统
WO2018194703A1 (en) Surfacing task-related applications in a heterogeneous tab environment
CN109325034A (zh) 数据处理方法、装置、计算机设备及存储介质
CN108648029A (zh) 动态管理产品服务的方法、服务器及存储介质
CN102946415A (zh) 一种移动终端本地应用的实现方法和装置
CN104714805A (zh) 一种控制应用程序的设置菜单的方法及装置
CN108241460A (zh) 图片悬浮显示方法、系统以及计算机可读存储介质
CN106856441A (zh) Nfvo中的vim选择方法和装置
CN108133088B (zh) Cad设计模型的自适应创建方法及系统
CN109343831A (zh) 一种html组件的管理方法及装置
CN108037922A (zh) 商品网页界面配置方法及系统
CN101685396A (zh) 对功能图标进行控制的系统及方法
CN101458628A (zh) 一种程序版本管理方法
CN104508615A (zh) 用于提供基于任务的用户接口的方法和装置
CN101355548A (zh) 一种pc侧对终端数据的处理方法及系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20180515