CN112035111A - 页面编辑方法、系统、计算机设备与计算机可读存储介质 - Google Patents

页面编辑方法、系统、计算机设备与计算机可读存储介质 Download PDF

Info

Publication number
CN112035111A
CN112035111A CN202010905610.1A CN202010905610A CN112035111A CN 112035111 A CN112035111 A CN 112035111A CN 202010905610 A CN202010905610 A CN 202010905610A CN 112035111 A CN112035111 A CN 112035111A
Authority
CN
China
Prior art keywords
page
product data
display
product
target
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
CN202010905610.1A
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.)
Ping An Health Insurance Company of China Ltd
Original Assignee
Ping An Health Insurance Company of China 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 Ping An Health Insurance Company of China Ltd filed Critical Ping An Health Insurance Company of China Ltd
Priority to CN202010905610.1A priority Critical patent/CN112035111A/zh
Publication of CN112035111A publication Critical patent/CN112035111A/zh
Pending legal-status Critical Current

Links

Images

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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • G06F8/65—Updates
    • 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
    • G06Q30/0643—Graphical representation of items or shoppers

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Human Computer Interaction (AREA)
  • Development Economics (AREA)
  • Economics (AREA)
  • Marketing (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • Computer Security & Cryptography (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种页面编辑方法、系统、计算机设备与计算机可读存储介质，所述方法包括：获取目标产品的预览页面；接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息；获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中；通过内容分发网络将导入后的页面代码发送给前端；通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式；通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。本发明实施例的有益效果在于：能够快速对产品数据进行加载，且无需发布服务。

Description

页面编辑方法、系统、计算机设备与计算机可读存储介质
技术领域
本发明实施例涉及页面领域，尤其涉及一种页面编辑方法、系统、计算机设备与计算机可读存储介质。
背景技术
随着互联网技术的发展，大量软件产品应运而生。页面开发是软件产品整个开发过程最为重要的环节之一，如APP页面、Web网页等的开发。传统的页面开发过程大致如下：设计工程师进行页面设计得到设计图；重构工程师对设计图进行切图，编写页面代码，如HTML(超文本标记语言)代码和CSS(层叠式样表)代码等。
传统的商品预览平台上线后，假设业务要新上架多款类似的保险商品，此时前端会重复使用原来的代码，此举会增加大量重复性代码，增加代码维护的复杂度，增加人力成本。
另外，传统的商品预览平台，修改商品信息页面的文字、图片，需要发布服务，增加风险，并影响用户体验；而且无法实现商品页面的无感切换，影响线上售卖商品页面变化的响应速度。
发明内容
有鉴于此，本发明实施例的目的是提供一种页面编辑方法、系统、计算机设备与计算机可读存储介质，能够快速对产品数据进行加载，且无需发布服务。
为实现上述目的，本发明实施例提供了一种页面编辑方法，包括：
获取目标产品的预览页面；
接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息；
获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中；
通过内容分发网络将导入后的页面代码发送给前端；
通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式；
通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。
进一步地，所述获取目标产品的预览页面包括：
获取目标产品的产品配置数据；
通过模板引擎，根据所述产品配置数据生成预览页面与所述预览页面对应的第一链接地址。
进一步地，所述接收基于所述预览页面生成的更新指令包括：
识别用户基于目标产品数据的拖拽操作；
根据所述拖拽操作识别所述目标产品数据的目标位置信息；
获取所述目标产品数据的目标路径信息，根据所述目标路径信息与所述目标位置信息生成更新指令，所述更新指令包括所述目标位置信息与所述目标路径信息。
进一步地，所述通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式包括：
通过所述前端根据所述产品数据的类型标签识别所述产品数据的类型；
根据所述类型获取所述产品数据的展示方式，并根据所述展示方式加载展示控件。
进一步地，所述通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据包括：
通过所述前端根据所述更新指令将导入后的页面代码生成展示页面；
加载所述展示控件，基于所述展示控件在所述展示页面显示所述产品数据。
进一步地，所述方法还包括：
将所述展示页面上传至区块链中。
为实现上述目的，本发明实施例还提供了一种页面编辑系统，包括：
获取模块，用于获取目标产品的预览页面；
接收模块，用于接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息；
导入模块，用于获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中；
发送模块，用于通过内容分发网络将导入后的页面代码发送给前端；
识别模块，用于通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式；
生成模块，用于通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。
进一步地，所述获取模块还用于：
获取目标产品的产品配置数据；
通过模板引擎，根据所述产品配置数据生成预览页面与所述预览页面对应的第一链接地址。
为实现上述目的，本发明实施例还提供了一种计算机设备，所述计算机设备包括存储器、处理器，所述存储器上存储有可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如上所述的页面编辑方法的步骤。
为实现上述目的，本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序可被至少一个处理器所执行，以使所述至少一个处理器执行如上所述的页面编辑方法的步骤。
本发明实施例提供的页面编辑方法、系统、计算机设备与计算机可读存储介质，通过模板引擎根据产品配置数据生成目标商品的预览页面，当生成详情页面时，可进一步对预览页面进行更新，将更新的目标产品数据根据格式生成对应的链接地址，再在预览页面的代码上进行更新，得到展示页面，无需将图片信息存入数据库，减少了数据库存储空间，支持在线修改商品页面的所有图片以及商品信息，且无需发布服务。
附图说明
图1为本发明页面编辑方法实施例一的流程图。
图2为本发明实施例一中步骤S100的流程图。
图3为本发明实施例一中步骤S102的流程图。
图4为本发明实施例一中步骤S108的流程图。
图5为本发明实施例一中步骤S110的流程图。
图6为本发明页面编辑系统实施例二的程序模块示意图。
图7为本发明计算机设备实施例三的硬件结构示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
实施例一
参阅图1，示出了本发明实施例一之页面编辑方法的步骤流程图。可以理解，本方法实施例中的流程图不用于对执行步骤的顺序进行限定。下面以计算机设备2为执行主体进行示例性描述。具体如下。
步骤S100，获取目标产品的预览页面。
具体地，通过计算机设备中，产品编辑平台内置的模板引擎，根据目标产品的产品配置数据实时生成预览页面和预览页面对应的第一链接地址。预览页面的模块可以包括：展示保险商品详情、宣传文案；投保客户信息录入；根据录入信息保费试算；银行卡自动扣款签约；埋点采集用户行为。目标产品的宣传详情中包含目标产品数据，目标产品数据包括大量的图片、文字以及超链接等，同时针对各种元素都会增加不同样式，如：增加文字背景颜色、设置文字斜体等。
示例性地，参阅图2，所述步骤S100进一步包括：
步骤S100A，获取目标产品的产品配置数据。
具体地，目标产品可以为日用商品、家居商品、食品、车险商品，或者保险商品等产品，产品配置数据包括目标产品的商品定义、目标产品的展示模板以及配置文件信息，商品定义可以理解为目标产品的产品名称、产品类型、产品价格等定义。
步骤S100B，通过模板引擎，根据所述产品配置数据生成预览页面与所述预览页面对应的第一链接地址。
具体地，目标产品的展示模板为目标产品的前端格式，例如在页面的左上角是目标产品的图片，将目标产品的预览页面的共性布局、交互流程固化为展示模板，接收目标产品的产品配置数据后，将目标产品数据写入展示模版中，通过模板引擎生成预览页面进行个性化展示，将交互逻辑以配置化方式交由用户进行编辑。
步骤S102，接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息。
具体地，更新指令是用户的刷新指令，当用户需要对预览页面进行编辑时，接收用户选择输入的目标产品数据，并点击更新按钮生成更新指令。可以理解为，在预览页面对应的位置将产品数据进行展示，该更新指令带有位置信息。将包括所有图片、视频、PDF文档等类型的目标产品数据根据数据类型都通过统一接口单独上传，文件上传至IOBS后(input/output buffer system输入/输出缓冲系统)，将目标产品数据对应的目标路径信息返回。
示例性地，参阅图3，所述步骤S102还包括：
步骤S102A，识别用户基于目标产品数据的拖拽操作。
具体地，将目标产品数据输入至页面代码生成展示界面后，当用户需要对展示页面中图片类型的目标产品数据进行编辑时，可拖动图片进行编辑。
步骤S102B，根据所述拖拽操作识别所述目标产品数据的目标位置信息。
具体地，用户可对图片进行位置改变或者删除操作，当进行位置改变时位置信息发送改变，识别拖拽操作后的目标位置信息；当进行删除时，位置信息删除，此时的目标位置信息为(0,0)。
步骤S102C，获取所述目标产品数据的目标路径信息，根据所述目标路径信息与所述目标位置信息生成更新指令，所述更新指令包括所述目标位置信息与所述目标路径信息。
具体地，识别到目标产品数据发生改变后，在IOBS系统中获取目标产品数据的目标路径信息，基于目标路径信息与目标位置信息生成更新指令，以将目标路径信息与目标位置信息输入至页面代码中，更新展示页面。
步骤S104，获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中。
具体地，加载第一链接地址以获取页面代码，根据特定位置信息将目标产品数据中的目标路径信息绑定到具体的页面代码的特定位置，例如，更新的图片在预设。
步骤S106，通过内容分发网络将导入后的页面代码发送给前端。
具体地，前端可根据CDN(Content Delivery Network，即内容分发网络)进行加速展示，减少服务器压力；最后将在前端编辑的html代码返回至服务器即可，无需将图片信息存入数据库，减少了数据库存储空间。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
步骤S108，通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式。
具体地，根据数据类型判断进行怎样的展示，例如：图片与视频的类型，图片一般包括有jpg、png等格式，视频一般包括AVI格式、nAVI格式等。
示例性地，参阅图4，所述步骤S108包括：
步骤S108A，通过所述前端根据所述产品数据的类型标签识别所述产品数据的类型。
具体地，预先为产品数据设置对应的标签，例如，前端图片属性中增加了自定义标签“resource_type”，选择对应的图片类型后，会将对应的标签绑定到该图片上。
步骤S108B，根据所述类型获取所述产品数据的展示方式，并根据所述展示方式加载展示控件。
具体地，当识别出用户上传图片后，实时提交后台系统，同时在右侧的预览框中点击刷新，得到更新指令，自动将上传的文件路径返回进行前端渲染，达到图片上传实时预览的功能。当用户在左侧上传视频后，定时保存至后端数据库，实时预览窗口在右侧获取视频对应的目标路径信息，前端页面根据返回链接的数据类型，判断是视频还是图片，进而加载前端视频播放控件，进行自动视频播放。
示例性地，在用户点击图片后，可自动根据resource_type查询最新的资源文件，从而可以根据版本展示不同时间段资源文档。
步骤S110，通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。
具体地，根据更新指令对更新代码进行加载，更新生成展示页面。
示例性地，参阅图5，所述步骤S110包括：
步骤S110A，通过所述前端根据所述更新指令将导入后的页面代码生成展示页面。
具体地，根据目标产品数据的页面路径导入到页面代码的参数位置中，根据更新指令加载导入后的页面代码，以生成展示页面。
步骤S110B，加载所述展示控件，基于所述展示控件在所述展示页面显示所述产品数据。
具体地，根据产品数据的类型加载展示控件，对产品数据进行展示。例如视频，加载视频控制对视频进行播放。还可以加载不同的控件丰富展示页面，如上传文件控件、Excel导入控件等。可在模板文件上进行设置，只需要将对应控件嵌入对应页面代码位置，加载代码后就可以进行展示。后续各种控件开发完成后，可实现在线组装模板，自定义拖拽控件，可更加快速实现模板开发，提高开发效率。
示例性地，所述方法还包括：
将所述展示页面上传至区块链中。
具体地，将展示页面上传至区块链可保证其安全性和对用户的公正透明性。用户设备可以从区块链中下载得该摘要信息，以便查证展示页面及其页面代码是否被篡改。本示例所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
实施例二
请继续参阅图6，示出了本发明页面编辑系统实施例二的程序模块示意图。在本实施例中，页面编辑系统20可以包括或被分割成一个或多个程序模块，一个或者多个程序模块被存储于存储介质中，并由一个或多个处理器所执行，以完成本发明，并可实现上述页面编辑方法。本发明实施例所称的程序模块是指能够完成特定功能的一系列计算机程序指令段，比程序本身更适合于描述页面编辑系统20在存储介质中的执行过程。以下描述将具体介绍本实施例各程序模块的功能：
获取模块200，用于获取目标产品的预览页面。
具体地，通过计算机设备中，产品编辑平台内置的模板引擎，根据目标产品的产品配置数据实时生成预览页面和预览页面对应的第一链接地址。预览页面的模块可以包括：展示保险商品详情、宣传文案；投保客户信息录入；根据录入信息保费试算；银行卡自动扣款签约；埋点采集用户行为。目标产品的宣传详情中包含目标产品数据，目标产品数据包括大量的图片、文字以及超链接等，同时针对各种元素都会增加不同样式，如：增加文字背景颜色、设置文字斜体等。
示例性地，所述获取模块200还用于：
获取目标产品的产品配置数据。
具体地，目标产品可以为日用商品、家居商品、食品、车险商品，或者保险商品等产品，产品配置数据包括目标产品的商品定义、目标产品的展示模板以及配置文件信息，商品定义可以理解为目标产品的产品名称、产品类型、产品价格等定义。
通过模板引擎，根据所述产品配置数据生成预览页面与所述预览页面对应的第一链接地址。
具体地，目标产品的展示模板为目标产品的前端格式，例如在页面的左上角是目标产品的图片，将目标产品的预览页面的共性布局、交互流程固化为展示模板，接收目标产品的产品配置数据后，将目标产品数据写入展示模版中，通过模板引擎生成预览页面进行个性化展示，将交互逻辑以配置化方式交由用户进行编辑。
接收模块202，用于接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息。
具体地，更新指令是用户的刷新指令，当用户需要对预览页面进行编辑时，接收用户选择输入的目标产品数据，并点击更新按钮生成更新指令。可以理解为，在预览页面对应的位置将产品数据进行展示，该更新指令带有位置信息。将包括所有图片、视频、PDF文档等类型的目标产品数据根据数据类型都通过统一接口单独上传，文件上传至IOBS后(input/output buffer system输入/输出缓冲系统)，将目标产品数据对应的目标路径信息返回。
示例性地，所述接收模块202还用于：
识别用户基于目标产品数据的拖拽操作。
具体地，将目标产品数据输入至页面代码生成展示界面后，当用户需要对展示页面中图片类型的目标产品数据进行编辑时，可拖动图片进行编辑。
根据所述拖拽操作识别所述目标产品数据的目标位置信息。
具体地，用户可对图片进行位置改变或者删除操作，当进行位置改变时位置信息发送改变，识别拖拽操作后的目标位置信息；当进行删除时，位置信息删除，此时的目标位置信息为(0,0)。
获取所述目标产品数据的目标路径信息，根据所述目标路径信息与所述目标位置信息生成更新指令，所述更新指令包括所述目标位置信息与所述目标路径信息。
具体地，识别到目标产品数据发生改变后，在IOBS系统中获取目标产品数据的目标路径信息，基于目标路径信息与目标位置信息生成更新指令，以将目标路径信息与目标位置信息输入至页面代码中，更新展示页面。
导入模块204，用于获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中。
具体地，加载第一链接地址以获取页面代码，根据特定位置信息将目标产品数据中的目标路径信息绑定到具体的页面代码的特定位置，例如，更新的图片在预设。
发送模块206，用于通过内容分发网络将导入后的页面代码发送给前端。
具体地，前端可根据CDN(Content Delivery Network，即内容分发网络)进行加速展示，减少服务器压力；最后将在前端编辑的html代码返回至服务器即可，无需将图片信息存入数据库，减少了数据库存储空间。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
识别模块208，用于通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式。
具体地，根据数据类型判断进行怎样的展示，例如：图片与视频的类型，图片一般包括有jpg、png等格式，视频一般包括AVI格式、nAVI格式等。
示例性地，所述识别模块208还用于：
通过所述前端根据所述产品数据的类型标签识别所述产品数据的类型。
具体地，预先为产品数据设置对应的标签，例如，前端图片属性中增加了自定义标签“resource_type”，选择对应的图片类型后，会将对应的标签绑定到该图片上。
根据所述类型获取所述产品数据的展示方式，并根据所述展示方式加载展示控件。
具体地，当识别出用户上传图片后，实时提交后台系统，同时在右侧的预览框中点击刷新，得到更新指令，自动将上传的文件路径返回进行前端渲染，达到图片上传实时预览的功能。当用户在左侧上传视频后，定时保存至后端数据库，实时预览窗口在右侧获取视频对应的目标路径信息，前端页面根据返回链接的数据类型，判断是视频还是图片，进而加载前端视频播放控件，进行自动视频播放。
生成模块210，用于通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。
具体地，根据更新指令对更新代码进行加载，更新生成展示页面。
示例性地，所述生成模块210还用于：
通过所述前端根据所述更新指令将导入后的页面代码生成展示页面。
具体地，根据目标产品数据的页面路径导入到页面代码的参数位置中，根据更新指令加载导入后的页面代码，以生成展示页面。
加载所述展示控件，基于所述展示控件在所述展示页面显示所述产品数据。
具体地，根据产品数据的类型加载展示控件，对产品数据进行展示。例如视频，加载视频控制对视频进行播放。还可以加载不同的控件丰富展示页面，如上传文件控件、Excel导入控件等。可在模板文件上进行设置，只需要将对应控件嵌入对应页面代码位置，加载代码后就可以进行展示。后续各种控件开发完成后，可实现在线组装模板，自定义拖拽控件，可更加快速实现模板开发，提高开发效率。
实施例三
参阅图7，是本发明实施例三之计算机设备的硬件架构示意图。本实施例中，所述计算机设备2是一种能够按照事先设定或者存储的指令，自动进行数值计算和/或信息处理的设备。该计算机设备2可以是机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个服务器所组成的服务器集群)等。如图7所示，所述计算机设备2至少包括，但不限于，可通过系统总线相互通信连接存储器21、处理器22、网络接口23、以及页面编辑系统20。其中：
本实施例中，存储器21至少包括一种类型的计算机可读存储介质，所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器21可以是计算机设备2的内部存储单元，例如该计算机设备2的硬盘或内存。在另一些实施例中，存储器21也可以是计算机设备2的外部存储设备，例如该计算机设备2上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。当然，存储器21还可以既包括计算机设备2的内部存储单元也包括其外部存储设备。本实施例中，存储器21通常用于存储安装于计算机设备2的操作系统和各类应用软件，例如实施例二的页面编辑系统20的程序代码等。此外，存储器21还可以用于暂时地存储已经输出或者将要输出的各类数据。
处理器22在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器22通常用于控制计算机设备2的总体操作。本实施例中，处理器22用于运行存储器21中存储的程序代码或者处理数据，例如运行页面编辑系统20，以实现实施例一的页面编辑方法。
所述网络接口23可包括无线网络接口或有线网络接口，该网络接口23通常用于在所述服务器2与其他电子装置之间建立通信连接。例如，所述网络接口23用于通过网络将所述服务器2与外部终端相连，在所述服务器2与外部终端之间的建立数据传输通道和通信连接等。所述网络可以是企业内部网(Intranet)、互联网(Internet)、全球移动通讯系统(Global System of Mobile communication，GSM)、宽带码分多址(Wideband CodeDivision Multiple Access，WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi等无线或有线网络。需要指出的是，图7仅示出了具有部件20-23的计算机设备2，但是应理解的是，并不要求实施所有示出的部件，可以替代的实施更多或者更少的部件。
在本实施例中，存储于存储器21中的所述页面编辑系统20还可以被分割为一个或者多个程序模块，所述一个或者多个程序模块被存储于存储器21中，并由一个或多个处理器(本实施例为处理器22)所执行，以完成本发明。
例如，图6示出了所述实现页面编辑系统20实施例二的程序模块示意图，该实施例中，所述页面编辑系统20可以被划分为获取模块200、接收模块202、导入模块204、发送模块206、识别模块208以及生成模块210。其中，本发明所称的程序模块是指能够完成特定功能的一系列计算机程序指令段，比程序更适合于描述所述页面编辑系统20在所述计算机设备2中的执行过程。所述程序模块200-210的具体功能在实施例二中已有详细描述，在此不再赘述。
实施例四
本实施例还提供一种计算机可读存储介质，如闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘、服务器、App应用商城等等，其上存储有计算机程序，程序被处理器执行时实现相应功能。本实施例的计算机可读存储介质用于存储计算机程序，被处理器执行时实现实施例一的页面编辑方法。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种页面编辑方法，其特征在于，包括：
获取目标产品的预览页面；
接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息；
获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中；
通过内容分发网络将导入后的页面代码发送给前端；
通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式；
通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。
2.根据权利要求1所述的页面编辑方法，其特征在于，所述获取目标产品的预览页面包括：
获取目标产品的产品配置数据；
通过模板引擎，根据所述产品配置数据生成预览页面与所述预览页面对应的第一链接地址。
3.根据权利要求1所述的页面编辑方法，其特征在于，所述接收基于所述预览页面生成的更新指令包括：
识别用户基于目标产品数据的拖拽操作；
根据所述拖拽操作识别所述目标产品数据的目标位置信息；
获取所述目标产品数据的目标路径信息，根据所述目标路径信息与所述目标位置信息生成更新指令，所述更新指令包括所述目标位置信息与所述目标路径信息。
4.根据权利要求1所述的页面编辑方法，其特征在于，所述通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式包括：
通过所述前端根据所述产品数据的类型标签识别所述产品数据的类型；
根据所述类型获取所述产品数据的展示方式，并根据所述展示方式加载展示控件。
5.根据权利要求4所述的页面编辑方法，其特征在于，所述通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据包括：
通过所述前端根据所述更新指令将导入后的页面代码生成展示页面；
加载所述展示控件，基于所述展示控件在所述展示页面显示所述产品数据。
6.根据权利要求1所述的页面编辑方法，其特征在于，所述方法还包括：
将所述展示页面上传至区块链中。
7.一种页面编辑系统，其特征在于，包括：
获取模块，用于获取目标产品的预览页面；
接收模块，用于接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息；
导入模块，用于获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中；
发送模块，用于通过内容分发网络将导入后的页面代码发送给前端；
识别模块，用于通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式；
生成模块，用于通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。
8.根据权利要求7所述的页面编辑系统，其特征在于，所述获取模块还用于：
获取目标产品的产品配置数据；
通过模板引擎，根据所述产品配置数据生成预览页面与所述预览页面对应的第一链接地址。
9.一种计算机设备，其特征在于，所述计算机设备包括存储器、处理器，所述存储器上存储有可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1-6中任一项所述的页面编辑方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序可被至少一个处理器所执行，以使所述至少一个处理器执行如权利要求1-6中任一项所述的页面编辑方法的步骤。
CN202010905610.1A 2020-09-01 2020-09-01 页面编辑方法、系统、计算机设备与计算机可读存储介质 Pending CN112035111A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010905610.1A CN112035111A (zh) 2020-09-01 2020-09-01 页面编辑方法、系统、计算机设备与计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010905610.1A CN112035111A (zh) 2020-09-01 2020-09-01 页面编辑方法、系统、计算机设备与计算机可读存储介质

Publications (1)

Publication Number Publication Date
CN112035111A true CN112035111A (zh) 2020-12-04

Family

ID=73590959

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010905610.1A Pending CN112035111A (zh) 2020-09-01 2020-09-01 页面编辑方法、系统、计算机设备与计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN112035111A (zh)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112231196A (zh) * 2020-12-14 2021-01-15 平安科技（深圳）有限公司 App埋点行为分类方法、装置、计算机设备及存储介质
CN112527287A (zh) * 2020-12-08 2021-03-19 北京达佳互联信息技术有限公司 物品详情信息展示方法、装置、终端及存储介质
CN112561640A (zh) * 2020-12-15 2021-03-26 中国建设银行股份有限公司 商品页面模板的生成方法、装置、计算机设备和存储介质
CN112860310A (zh) * 2021-01-29 2021-05-28 银盛通信有限公司 一种基于tag的数据类型标识配置方法
CN113705177A (zh) * 2021-08-23 2021-11-26 风变科技（深圳）有限公司 基于集成写稿环境的稿件录入方法、装置和计算机设备
CN114489613A (zh) * 2021-12-22 2022-05-13 阿里巴巴（中国）有限公司 程序开发辅助方法、装置及电子设备
CN114491365A (zh) * 2022-01-17 2022-05-13 广州市玄武无线科技股份有限公司 一种实时预览配置页面的方法、装置、设备及介质
CN115268914A (zh) * 2022-08-09 2022-11-01 华润数字科技有限公司 基于模块化的微前端页面生成方法、装置、设备及介质

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112527287A (zh) * 2020-12-08 2021-03-19 北京达佳互联信息技术有限公司 物品详情信息展示方法、装置、终端及存储介质
CN112527287B (zh) * 2020-12-08 2024-03-12 北京达佳互联信息技术有限公司 物品详情信息展示方法、装置、终端及存储介质
CN112231196A (zh) * 2020-12-14 2021-01-15 平安科技（深圳）有限公司 App埋点行为分类方法、装置、计算机设备及存储介质
CN112231196B (zh) * 2020-12-14 2021-03-16 平安科技（深圳）有限公司 App埋点行为分类方法、装置、计算机设备及存储介质
CN112561640A (zh) * 2020-12-15 2021-03-26 中国建设银行股份有限公司 商品页面模板的生成方法、装置、计算机设备和存储介质
CN112860310A (zh) * 2021-01-29 2021-05-28 银盛通信有限公司 一种基于tag的数据类型标识配置方法
CN113705177A (zh) * 2021-08-23 2021-11-26 风变科技（深圳）有限公司 基于集成写稿环境的稿件录入方法、装置和计算机设备
CN114489613A (zh) * 2021-12-22 2022-05-13 阿里巴巴（中国）有限公司 程序开发辅助方法、装置及电子设备
CN114491365A (zh) * 2022-01-17 2022-05-13 广州市玄武无线科技股份有限公司 一种实时预览配置页面的方法、装置、设备及介质
CN115268914A (zh) * 2022-08-09 2022-11-01 华润数字科技有限公司 基于模块化的微前端页面生成方法、装置、设备及介质
CN115268914B (zh) * 2022-08-09 2023-04-07 华润数字科技有限公司 基于模块化的微前端页面生成方法、装置、设备及介质

Similar Documents

Publication Publication Date Title
CN112035111A (zh) 页面编辑方法、系统、计算机设备与计算机可读存储介质
US7430343B2 (en) System and method for displaying images
US9576246B2 (en) Predictive modeling and data analysis in a secure shared system
CN111984902A (zh) 可视化页面配置方法、系统、计算机设备和存储介质
US20160012551A1 (en) Apparatus and Application Server for Providing a Service to a User
CN113220657B (zh) 数据处理方法、装置及计算机设备
CN109962975A (zh) 基于物体识别的信息推送方法、装置、电子设备及系统
CN114385940A (zh) 一种数据可视化方法、装置、设备及介质
CN111752565A (zh) 一种界面生成方法、装置、计算机设备及可读存储介质
CN111339467A (zh) 基于电商平台商品详情页标准化模板的方法
CN113342249A (zh) 可实时预览的内容管理方法、装置、设备及存储介质
CN110765610B (zh) Pdm集成方法、装置、计算机设备及存储介质
CN111444368B (zh) 构建用户画像的方法、装置、计算机设备及存储介质
CN117195886A (zh) 基于人工智能的文本数据处理方法、装置、设备及介质
CN111221517A (zh) 一种模型创建方法、装置、计算机设备和可读存储介质
CN103699520A (zh) 用于维持电子文档布局的字体处理方法
CN115618838A (zh) 报告生成方法及设备
CN111435300A (zh) web系统开发方法、装置、设备及存储介质
CN113139145B (zh) 页面生成方法、装置、电子设备及可读存储介质
CN114169306A (zh) 一种生成电子回执单的方法、装置、设备及可读存储介质
CN116263659A (zh) 数据处理方法、装置、计算机程序产品、设备及存储介质
CN114168875A (zh) 一种页面程序的生成方法、装置、计算机设备及存储介质
CN112035774A (zh) 网络页面生成方法、装置、计算机设备及可读存储介质
CN103106217A (zh) 一种留言信息的处理方法和设备
CN107705070B (zh) Erp系统中的物料信息录入方法、装置、计算机设备

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