CN112418997A - 一种用户界面显示方法、装置、设备及介质 - Google Patents
一种用户界面显示方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN112418997A CN112418997A CN202011398104.4A CN202011398104A CN112418997A CN 112418997 A CN112418997 A CN 112418997A CN 202011398104 A CN202011398104 A CN 202011398104A CN 112418997 A CN112418997 A CN 112418997A
- Authority
- CN
- China
- Prior art keywords
- custom
- component
- commodity
- attribute
- user 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0623—Item investigation
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Business, Economics & Management (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- Development Economics (AREA)
- Economics (AREA)
- Marketing (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
本申请公开了一种电商平台的用户界面显示方法、装置、设备、介质，该方法包括:创建用户界面上的自定义商品属性组件，其中，自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件；通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数；根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。这样能够在电商平台的用户界面上显示自定义商品属性组件，以便供应商和采购商补充商品信息。
Description
技术领域
本申请涉及计算机技术领域，特别涉及一种电商平台的用户界面显示方法、装置、设备、介质。
背景技术
在电商平台上，供应商发布商品时，存在一些无法描述清楚的商品的属性，或者是供应商不知道的商品属性。例如，开始服务的时间，只有采购人才知道该信息，又如装修房屋的面积等。所以需要供应商和采购人补充交易所需要的商品信息，供应商和采购人在补充商品信息时，用户界面上需要显示很多的自定义商品属性组件，也即需要显示很多的根据预设格式定义的用于描述商品特性的数据格式渲染出来的组件。因此，如何进行电商平台的用户界面显示是本领域技术人员要解决的问题。
发明内容
有鉴于此，本申请的目的在于提供一种电商平台的用户界面显示方法、装置、设备、介质，能够在电商平台的用户界面上显示自定义商品属性组件，以便供应商和采购商补充商品信息。其具体方案如下：
第一方面，本申请公开了一种电商平台的用户界面显示方法，其特征在于，应用于电商平台的客户端，包括：
创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件；
通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数；
根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
可选地，所述通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求之前，还包括：
接收创建各个所述自定义商品属性组件时基于所述待显示商品所属的类目发送的自定义属性配置获取请求；
基于所述待显示商品所属的类目对所述自定义属性配置获取请求进行去重处理，得到所述自定义商品属性组件对应的目标自定义属性配置获取请求。
可选地，所述根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上之后，还包括：
当获取到通过所述自定义商品属性组件输入的用户数据时，根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值。
可选地，所述根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值之前，还包括：
基于预设输入规则对所述用户数据进行校验；
如果校验失败，则进行输入错误提示。
可选地，所述根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值之后，还包括：
将所述用户数据传输至所述服务器，以便所述服务器将所述用户数据存储至数据库中，并对所述用户数据中的目标数据进行冗余，以便在商品详情页面上显示所述目标数据，其中，所述目标数据为所述用户数据中用于向买方展示商品的数据。
可选地，所述根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上之后，还包括：
在获取到对所述用户界面上显示的商品进行更新的指令时，比对所述用户界面上显示的当前商品所属的类目和更新后商品所属的类目是否相同；
如果不相同，则通过所述顶层组件重新向所述服务器发送所述更新后商品对应的更新后目标自定义属性配置获取请求；
根据获取到的与所述更新后目标自定义属性配置获取请求对应的更新后自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
可选地，所述根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上，包括：
根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置中的优先权类型字段和当前用户界面对应的用户身份信息确定是否在所述用户界面显示所述自定义商品属性组件，其中，所述用户身份信息表明当前用户为卖方或买方；
根据所述自定义属性配置中的组件显示类型字段渲染所述自定义商品属性组件的显示类型，其中，所述显示类型包括输入框、下拉选择框、图片上传及附件上传；
根据所述自定义属性配置中的标题字段渲染所述自定义商品属性组件的描述文字；
根据所述自定义属性配置中的组件值字段确定所述自定义商品属性组件的值。
第三方面，本申请公开了一种电商平台的客户端，包括：
组件创建模块，用于创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件；
请求发送模块，用于通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数；
组件渲染模块，用于根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
第三方面，本申请公开了一种电子设备，包括：
存储器和处理器；
其中，所述存储器，用于存储计算机程序；
所述处理器，用于执行所述计算机程序，以实现前述公开的电商平台的用户界面显示方法。
第四方面，本申请公开了一种计算机可读存储介质，用于保存计算机程序，其中，所述计算机程序被处理器执行时实现前述公开的电商平台的用户界面显示方法。
可见，本申请先创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件，然后通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数，以及根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。由此可见，本申请中先创建好用户界面上需要的自定义商品属性组件，然后通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，获取到自定义属性配置之后，便可以根据所述自定义属性配置将自定义商品属性组件渲染到所述用户界面上，这样能够在电商平台的用户界面上显示自定义商品属性组件，以便供应商和采购商补充商品信息，且自定义商品属性组件对于不同的商品可以通用，只需要获取不同商品对应的自定义属性配置，即可将自定义商品属性组件渲染成商品对应的样式等显示在用户界面上，使得自定义商品属性组件的可复用性较高。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
图1为本申请公开的一种电商平台的用户界面显示方法流程图；
图2为本申请公开的一种商品实体及其属性关系图；
图3为本申请公开的一种具体的电商平台的用户界面显示方法流程图；
图4为本申请公开的一种具体的自定义属性配置的格式；
图5为本申请公开的一种具体的组件显示类型(Type)；
图6为本申请公开的一种电商平台的客户端结构示意图；
图7为本申请公开的一种电子设备结构示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
参见图1所示，本申请实施例公开了一种电商平台的用户界面显示方法，应用于电商平台的客户端，该方法包括：
步骤S11：创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件。
在实际应用中，需要先创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件。本申请中的组件可以为前端组件，即对网页中部分页面元素布局、样式、交互和数据的简单封装。自定义属性为根据预设格式定义的数据格式。自定义商品属性为根据预设格式定义的用于描述商品特性的数据格式。
参见图2所示，为商品实体及其属性关系图。一个商品需要先根据3级类目分组，其中，3级类目为最下层的类目，例如，手机对应的3级类目就是手机。还需要决定商品在用户界面上的展示分组、展示顺序。商品属性包括名称、输入类型、枚举值、暗文描述、错误提示文案、单位，枚举值也即属性值。属性类型包括关键属性、销售属性、绑定属性、商品属性、其他属性以及协作属性，其中，协作属性也即发生具体交易时，才能由买卖双方或单方确定的属性。关键属性也即定义出品牌、型号、系列等项目，销售属性也即定义出颜色、尺码、内存、尺寸等SKU(Stock keeping Unit，库存保有单位)，协作属性在发生具体交易时，才能由买卖双方或单方确定，如装修时的面积、加油时的油量。
具体的，所述创建用户界面上的自定义商品属性组件可以是引用预设组件库中的自定义商品属性组件，以备在用户界面上显示所述自定义商品属性组件。
步骤S12：通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数。
在创建所述自定义商品属性组件之后，还需要通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数。
具体的，就是需要利用顶层组件包裹自定义商品属性组件，其中，所述顶层组件可以是context-provider。顶层组件可以接收创建各个所述自定义商品属性组件时基于所述待显示商品所属的类目发送的自定义属性配置获取请求；基于所述待显示商品所属的类目对所述自定义属性配置获取请求进行去重处理，得到所述自定义商品属性组件对应的目标自定义属性配置获取请求。
相同类目的商品对应的自定义属性配置相同，而创建自定义商品属性组件时，会分别基于待显示商品所属的类目发送多个自定义属性配置获取请求，所以在各个所述自定义商品属性组件创建之后，对各个所述自定义商品属性组件对应的自定义属性配置获取请求进行去重处理之后，得到所述自定义商品属性组件对应的目标自定义属性配置获取请求。然后便可以将所述目标自定义属性配置获取请求发送到所述客户端对应的服务器，以便获取对应的自定义属性配置。
步骤S13：根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
在获取到所述目标自定义属性配置获取请求对应的自定义属性配置之后，便可以根据所述自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上
可见，本申请先创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件，然后通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数，以及根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。由此可见，本申请中先创建好用户界面上需要的自定义商品属性组件，然后通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，获取到自定义属性配置之后，便可以根据所述自定义属性配置将自定义商品属性组件渲染到所述用户界面上，这样能够在电商平台的用户界面上显示自定义商品属性组件，以便供应商和采购商补充商品信息，且自定义商品属性组件对于不同的商品可以通用，只需要获取不同商品对应的自定义属性配置，即可将自定义商品属性组件渲染成商品对应的样式等显示在用户界面上，使得自定义商品属性组件的可复用性较高。
参见图3所示，本申请实施例公开了一种具体的电商平台的用户界面显示方法，应用于电商平台的客户端，该方法包括：
步骤S21：创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件。
步骤S22：通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数。
步骤S23：根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
在发送所述目标自定义属性配置获取请求之后，还需要根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
其中，所述自定义属性配置的格式可以参数图4所示。图中“协作属性”也即发生具体交易时，才能由买卖双方或单方确定的属性，一般包括优先权类型字段(PropertyType)、组件显示类型(Type)、标题字段(Title)、组件值(Value)。其中，优先权类型字段(PropertyType)用于表示该自定义商品属性组件是在买方显示，还是卖方显示。组件显示类型(Type)用于表示该自定义商品属性组件的显示样式，参见图5所示，为组件显示类型(Type)的具体类型，其中，包括单选、多选、日期、数字、单行输入、多行输入、附件、图片、日期时间、时间。其中，日期也即当期年月日，时间也即当前时分秒，日期时间也即当前年月日加时分秒，数字、单行输入、多行输入以输入框进行显示，单选、多选、日期、日期时间、时间以下拉选择框进行显示，图片以图片上传进行显示，附件以附件上传进行显示。
具体的，所述根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上，包括：根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置中的优先权类型字段和当前用户界面对应的用户身份信息确定是否在所述用户界面显示所述自定义商品属性组件，其中，所述用户身份信息表明当前用户为卖方或买方；根据所述自定义属性配置中的组件显示类型字段渲染所述自定义商品属性组件的显示类型，其中，所述显示类型包括输入框、下拉选择框、图片上传及附件上传；根据所述自定义属性配置中的标题字段渲染所述自定义商品属性组件的描述文字；根据所述自定义属性配置中的组件值字段确定所述自定义商品属性组件的值。
在根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上之后，还包括：当获取到通过所述自定义商品属性组件输入的用户数据时，根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值。也即，在获取到用户通过所述自定义商品属性组件输入的用户数据时，需要更新所述自定义属性配置中的组件值字段，并将所述用户数据更新到所述用户界面上的自定义商品属性前端组件的值中。
其中，在根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值之前，还包括：基于预设输入规则对所述用户数据进行校验；如果校验失败，则进行输入错误提示。也即，在获取到所述用户数据时，先对所述用户数据进行校验，例如，当需要输入的信息为年月日的日期时，输入的月份应该小于或等于12等，如果输入的日期中的月份大于12，则校验失败。在校验通过之后，再根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值。如果校验未通过，则提示输入错误。
在根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值之后，还包括：将所述用户数据传输至所述服务器，以便所述服务器将所述用户数据存储至数据库中，并对所述用户数据中的目标数据进行冗余，以便在商品详情页面上显示所述目标数据，其中，所述目标数据为所述用户数据中用于向买方展示商品的数据。也即，可以冗余自定义属性配置中的displayValue字段，此字段仅用于商品详情页的展示，在商品详情页时用户没法输入信息，冗余此字段能节省数据格式化的工作，其中，displayValue字段用于向买方展示商品的数据。
步骤S24：在获取到对所述用户界面上显示的商品进行更新的指令时，比对所述用户界面上显示的当前商品所属的类目和更新后商品所属的类目是否相同。
步骤S25：如果不相同，则通过所述顶层组件重新向所述服务器发送所述更新后商品对应的更新后目标自定义属性配置获取请求；
步骤S26：根据获取到的与所述更新后目标自定义属性配置获取请求对应的更新后自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
在实际应用中，在根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上之后，还包括：在获取到对所述用户界面上显示的商品进行更新的指令时，比对所述用户界面上显示的当前商品所属的类目和更新后商品所属的类目是否相同，如果不相同，则通过所述顶层组件重新向所述服务器发送所述更新后商品对应的更新后目标自定义属性配置获取请求，根据获取到的与所述更新后目标自定义属性配置获取请求对应的更新后自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
也即，在需要对用户界面上显示的商品进行更新时，需要比对所述用户界面上显示的当前商品所属的类目和更新后商品所属的类目是否相同，如果不相同，则表示更新后商品对应的自定义属性配置与当前商品对应的自定义属性配置不相同，所以需要通过所述顶层组件重新向所述服务器发送所述更新后商品对应的更新后目标自定义属性配置获取请求，并根据对应的更新后自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。如果相同，则表示不需要获取新的自定义属性配置。
参见图6所示，本申请实施例公开了一种电商平台的客户端，包括：
组件创建模块11，用于创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件；
请求发送模块12，用于通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数；
组件渲染模块13，用于根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
可见，本申请先创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件，然后通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数，以及根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。由此可见，本申请中先创建好用户界面上需要的自定义商品属性组件，然后通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，获取到自定义属性配置之后，便可以根据所述自定义属性配置将自定义商品属性组件渲染到所述用户界面上，这样能够在电商平台的用户界面上显示自定义商品属性组件，以便供应商和采购商补充商品信息，且自定义商品属性组件对于不同的商品可以通用，只需要获取不同商品对应的自定义属性配置，即可将自定义商品属性组件渲染成商品对应的样式等显示在用户界面上，使得自定义商品属性组件的可复用性较高。
在一些具体的实施例中，所述电商平台的客户端，还包括：
去重模块，用于接收创建各个所述自定义商品属性组件时基于所述待显示商品所属的类目发送的自定义属性配置获取请求；基于所述待显示商品所属的类目对所述自定义属性配置获取请求进行去重处理，得到所述自定义商品属性组件对应的目标自定义属性配置获取请求。
在一些具体的实施例中，所述电商平台的客户端，还包括：
第一数据更新模块，用于当获取到通过所述自定义商品属性组件输入的用户数据时，根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值。
在一些具体的实施例中，所述电商平台的客户端，还包括：
校验模块，用于基于预设输入规则对所述用户数据进行校验；如果校验失败，则进行输入错误提示。
在一些具体的实施例中，所述电商平台的客户端，还包括：
数据发送模块，用于将所述用户数据传输至所述服务器，以便所述服务器将所述用户数据存储至数据库中，并对所述用户数据中的目标数据进行冗余，以便在商品详情页面上显示所述目标数据，其中，所述目标数据为所述用户数据中用于向买方展示商品的数据。
在一些具体的实施例中，所述电商平台的客户端，还包括：
第二数据更新模块，用于在获取到对所述用户界面上显示的商品进行更新的指令时，比对所述用户界面上显示的当前商品所属的类目和更新后商品所属的类目是否相同；如果不相同，则通过所述顶层组件重新向所述服务器发送所述更新后商品对应的更新后目标自定义属性配置获取请求；根据获取到的与所述更新后目标自定义属性配置获取请求对应的更新后自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
在一些具体的实施例中，所述组件渲染模块13，用于：根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置中的优先权类型字段和当前用户界面对应的用户身份信息确定是否在所述用户界面显示所述自定义商品属性组件，其中，所述用户身份信息表明当前用户为卖方或买方；根据所述自定义属性配置中的组件显示类型字段渲染所述自定义商品属性组件的显示类型，其中，所述显示类型包括输入框、下拉选择框、图片上传及附件上传；根据所述自定义属性配置中的标题字段渲染所述自定义商品属性组件的描述文字；根据所述自定义属性配置中的组件值字段确定所述自定义商品属性组件的值。
参见图7所示，为本申请实施例提供的一种电子设备20的结构示意图，该电子设备20可以显示前述的电商平台的用户界面显示方法步骤。
通常，本实施例中的电子设备20包括：处理器21和存储器22。
其中，处理器21可以包括一个或多个处理核心，比如四核心处理器、八核心处理器等。处理器21可以采用DSP(digital signal processing,数字信号处理)、FPGA(field-programmable gate array,现场可编程们阵列)、PLA(programmable logic array,可编程逻辑阵列)中的至少一种硬件来实现。处理器21也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(central processing unit,中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器21可以集成有GPU(graphics processing unit,图像处理器)，GPU用于负责显示屏所需要显示的图像的渲染和绘制。一些实施例中，处理器21可以包括AI(artificialintelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。
存储器22可以包括一个或多个计算机可读存储介质，计算机可读存储介质可以是非暂态的。存储器22还可以包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。本实施例中，存储器22至少用于存储以下计算机程序221，其中，该计算机程序被处理器21加载并执行之后，能够实现前述任一实施例中公开的电商平台的用户界面显示方法步骤。
在一些实施例中，电子设备20还可包括有显示屏23、输入输出接口24、通信接口25、传感器26、电源27以及通信总线28。
本技术领域人员可以理解，图7中示出的结构并不构成对电子设备20的限定，可以包括比图示更多或更少的组件。
进一步的，本申请实施例还公开了一种计算机可读存储介质，用于保存计算机程序，其中，所述计算机程序被处理器执行时实现前述任一实施例中公开的电商平台的用户界面显示方法。
其中，关于上述电商平台的用户界面显示方法的具体过程可以参考前述实施例中公开的相应内容，在此不再进行赘述。
本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
最后，还需要说明的是，在本文中，诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或者操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得一系列包含其他要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上对本申请所提供的一种电商平台的用户界面显示方法、装置、设备、介质进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。
Claims (10)
1.一种电商平台的用户界面显示方法，其特征在于，应用于电商平台的客户端，包括：
创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件；
通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数；
根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
2.根据权利要求1所述的电商平台的用户界面显示方法，其特征在于，所述通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求之前，还包括：
接收创建各个所述自定义商品属性组件时基于所述待显示商品所属的类目发送的自定义属性配置获取请求；
基于所述待显示商品所属的类目对所述自定义属性配置获取请求进行去重处理，得到所述自定义商品属性组件对应的目标自定义属性配置获取请求。
3.根据权利要求1所述的电商平台的用户界面显示方法，其特征在于，所述根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上之后，还包括：
当获取到通过所述自定义商品属性组件输入的用户数据时，根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值。
4.根据权利要求3所述的电商平台的用户界面显示方法，其特征在于，所述根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值之前，还包括：
基于预设输入规则对所述用户数据进行校验；
如果校验失败，则进行输入错误提示。
5.根据权利要求3所述的电商平台的用户界面显示方法，其特征在于，所述根据所述用户数据更新所述自定义属性配置中的组件值字段，并更新所述用户界面上的所述自定义商品属性组件的值之后，还包括：
将所述用户数据传输至所述服务器，以便所述服务器将所述用户数据存储至数据库中，并对所述用户数据中的目标数据进行冗余，以便在商品详情页面上显示所述目标数据，其中，所述目标数据为所述用户数据中用于向买方展示商品的数据。
6.根据权利要求1所述的电商平台的用户界面显示方法，其特征在于，所述根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上之后，还包括：
在获取到对所述用户界面上显示的商品进行更新的指令时，比对所述用户界面上显示的当前商品所属的类目和更新后商品所属的类目是否相同；
如果不相同，则通过所述顶层组件重新向所述服务器发送所述更新后商品对应的更新后目标自定义属性配置获取请求；
根据获取到的与所述更新后目标自定义属性配置获取请求对应的更新后自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
7.根据权利要求1至6任一项所述的电商平台的用户界面显示方法，其特征在于，所述根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上，包括：
根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置中的优先权类型字段和当前用户界面对应的用户身份信息确定是否在所述用户界面显示所述自定义商品属性组件，其中，所述用户身份信息表明当前用户为卖方或买方；
根据所述自定义属性配置中的组件显示类型字段渲染所述自定义商品属性组件的显示类型，其中，所述显示类型包括输入框、下拉选择框、图片上传及附件上传；
根据所述自定义属性配置中的标题字段渲染所述自定义商品属性组件的描述文字；
根据所述自定义属性配置中的组件值字段确定所述自定义商品属性组件的值。
8.一种电商平台的客户端，其特征在于，包括：
组件创建模块，用于创建用户界面上的自定义商品属性组件，其中，所述自定义商品属性组件为根据预设格式定义的用于描述商品特性的数据格式渲染出的组件；
请求发送模块，用于通过顶层组件向所述客户端对应的服务器发送所述用户界面上待显示商品对应的目标自定义属性配置获取请求，其中，所述顶层组件用于包裹所述自定义商品属性组件，自定义属性配置包括用于渲染所述自定义商品属性组件的参数；
组件渲染模块，用于根据获取到的与所述目标自定义属性配置获取请求对应的自定义属性配置将所述自定义商品属性组件渲染到所述用户界面上。
9.一种电子设备，其特征在于，包括：
存储器和处理器；
其中，所述存储器，用于存储计算机程序；
所述处理器，用于执行所述计算机程序，以实现权利要求1至7任一项所述的电商平台的用户界面显示方法。
10.一种计算机可读存储介质，其特征在于，用于保存计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的电商平台的用户界面显示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011398104.4A CN112418997B (zh) | 2020-12-03 | 2020-12-03 | 一种用户界面显示方法、装置、设备及介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011398104.4A CN112418997B (zh) | 2020-12-03 | 2020-12-03 | 一种用户界面显示方法、装置、设备及介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112418997A true CN112418997A (zh) | 2021-02-26 |
| CN112418997B CN112418997B (zh) | 2023-06-20 |
Family
ID=74829814
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011398104.4A Active CN112418997B (zh) | 2020-12-03 | 2020-12-03 | 一种用户界面显示方法、装置、设备及介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112418997B (zh) |
Citations (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040021679A1 (en) * | 2000-06-09 | 2004-02-05 | Chapman David John | Human machine interface |
| CN102737128A (zh) * | 2012-06-20 | 2012-10-17 | 深圳市远行科技有限公司 | 一种基于浏览器的动态页面处理方法及装置 |
| US20130159893A1 (en) * | 2011-12-16 | 2013-06-20 | Research In Motion Limited | Method of rendering a user interface |
| CN106022858A (zh) * | 2016-05-05 | 2016-10-12 | 高大军 | 私人定制及服务提供方法及系统、电子设备、及服务器 |
| CN106919383A (zh) * | 2017-01-26 | 2017-07-04 | 武汉奇米网络科技有限公司 | 一种Android商品列表的展示方法及系统 |
| CN106933543A (zh) * | 2015-12-29 | 2017-07-07 | 上海显界数字科技有限公司 | 基于We3D的智能商务平台组件开发方法 |
| CN107368487A (zh) * | 2016-05-12 | 2017-11-21 | 阿里巴巴集团控股有限公司 | 一种页面组件动态布局方法、装置及客户端 |
| CN107424033A (zh) * | 2016-03-29 | 2017-12-01 | 阿里巴巴集团控股有限公司 | 一种组件渲染方法、页面显示方法、客户端、服务器以及存储介质 |
| CN107515903A (zh) * | 2017-07-26 | 2017-12-26 | 北京京东尚科信息技术有限公司 | 一种加载展示情景网页的方法和装置 |
| CN108664296A (zh) * | 2017-03-31 | 2018-10-16 | 阿里巴巴集团控股有限公司 | 一种页面渲染方法和装置、一种页面处理方法和装置 |
| CN111028038A (zh) * | 2019-05-22 | 2020-04-17 | 珠海随变科技有限公司 | 商品定制方法、装置、设备及存储介质 |
| CN111124477A (zh) * | 2019-12-19 | 2020-05-08 | 华云数据有限公司 | 一种前端配置方法、系统及电子设备 |
| CN111427652A (zh) * | 2020-03-31 | 2020-07-17 | 苏宁云计算有限公司 | 自定义按钮的展示方法、装置、介质及计算机设备 |
| CN111797343A (zh) * | 2020-07-09 | 2020-10-20 | 广州市百果园信息技术有限公司 | 一种运营活动的管理方法、配置服务器和展示终端 |
| CN114780196A (zh) * | 2022-04-29 | 2022-07-22 | 北京百度网讯科技有限公司 | 一种用户界面表单渲染方法、装置、电子设备和存储介质 |
-
2020
- 2020-12-03 CN CN202011398104.4A patent/CN112418997B/zh active Active
Patent Citations (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040021679A1 (en) * | 2000-06-09 | 2004-02-05 | Chapman David John | Human machine interface |
| US20130159893A1 (en) * | 2011-12-16 | 2013-06-20 | Research In Motion Limited | Method of rendering a user interface |
| CN102737128A (zh) * | 2012-06-20 | 2012-10-17 | 深圳市远行科技有限公司 | 一种基于浏览器的动态页面处理方法及装置 |
| CN106933543A (zh) * | 2015-12-29 | 2017-07-07 | 上海显界数字科技有限公司 | 基于We3D的智能商务平台组件开发方法 |
| CN107424033A (zh) * | 2016-03-29 | 2017-12-01 | 阿里巴巴集团控股有限公司 | 一种组件渲染方法、页面显示方法、客户端、服务器以及存储介质 |
| CN106022858A (zh) * | 2016-05-05 | 2016-10-12 | 高大军 | 私人定制及服务提供方法及系统、电子设备、及服务器 |
| CN107368487A (zh) * | 2016-05-12 | 2017-11-21 | 阿里巴巴集团控股有限公司 | 一种页面组件动态布局方法、装置及客户端 |
| CN106919383A (zh) * | 2017-01-26 | 2017-07-04 | 武汉奇米网络科技有限公司 | 一种Android商品列表的展示方法及系统 |
| CN108664296A (zh) * | 2017-03-31 | 2018-10-16 | 阿里巴巴集团控股有限公司 | 一种页面渲染方法和装置、一种页面处理方法和装置 |
| CN107515903A (zh) * | 2017-07-26 | 2017-12-26 | 北京京东尚科信息技术有限公司 | 一种加载展示情景网页的方法和装置 |
| CN111028038A (zh) * | 2019-05-22 | 2020-04-17 | 珠海随变科技有限公司 | 商品定制方法、装置、设备及存储介质 |
| CN111124477A (zh) * | 2019-12-19 | 2020-05-08 | 华云数据有限公司 | 一种前端配置方法、系统及电子设备 |
| CN111427652A (zh) * | 2020-03-31 | 2020-07-17 | 苏宁云计算有限公司 | 自定义按钮的展示方法、装置、介质及计算机设备 |
| CN111797343A (zh) * | 2020-07-09 | 2020-10-20 | 广州市百果园信息技术有限公司 | 一种运营活动的管理方法、配置服务器和展示终端 |
| CN114780196A (zh) * | 2022-04-29 | 2022-07-22 | 北京百度网讯科技有限公司 | 一种用户界面表单渲染方法、装置、电子设备和存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112418997B (zh) | 2023-06-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP2732388B1 (en) | Method for associating third party content with online document signing | |
| US9043232B1 (en) | Associating item images with item catalog data | |
| US9111307B1 (en) | Marketplace product catalog layering | |
| US9076180B2 (en) | Customized product display | |
| CN110033285A (zh) | 房源信息发布方法、装置、设备及计算机可读存储介质 | |
| CN111461801A (zh) | 一种页面生成方法及其装置 | |
| CN107515896A (zh) | 一种资源推荐方法、装置及设备 | |
| CN113360043A (zh) | 业务处理方法及设备 | |
| US9460163B1 (en) | Configurable extractions in social media | |
| US20190362309A1 (en) | Splitting and/or grouping items in an order based on rules | |
| CN110347887B (zh) | 获取业务场景时序数据的方法及装置 | |
| CN114444478A (zh) | 一种凭证可视化方法、装置、电子设备及存储介质 | |
| EP3414586A1 (en) | Methods, systems, and media for providing aggregated and uniformly arranged item information | |
| US8538826B1 (en) | Applying restrictions to items | |
| CN117094741A (zh) | 价值确定方法、装置、设备、存储介质和程序产品 | |
| CN112418997B (zh) | 一种用户界面显示方法、装置、设备及介质 | |
| US9230022B1 (en) | Customizable result sets for application program interfaces | |
| CN108536715B (zh) | 一种预览页面生成方法、装置、设备以及存储介质 | |
| CN115409014A (zh) | 单据模板生成方法、装置、计算机设备和存储介质 | |
| US8245020B1 (en) | Creating a partial instance of component in response to user specifying a value for a dynamic attribute of a selected component | |
| CN114169306A (zh) | 一种生成电子回执单的方法、装置、设备及可读存储介质 | |
| US11113461B2 (en) | Generating edit suggestions for transforming digital documents | |
| CN110751496B (zh) | 一种商品价格检测方法和装置 | |
| KR20180119854A (ko) | 옴니채널 관리 장치 및 방법 | |
| CN107274243A (zh) | 一种辅助信息输入方法及装置 |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |