CN111752561A - 区块开发方法、区块分享方法以及页面搭建方法和系统 - Google Patents

Abstract

本发明公开了一种区块开发方法、区块分享方法以及页面搭建方法和系统，涉及计算机技术领域。该系统的一具体实施方式包括：服务端和作为客户端的开发者端以及使用者端；其中，开发者端从服务端下载区块构建服务并将区块构建服务安装在本地，调用区块构建服务生成待发布区块向服务端提交；服务端审核待发布区块的代码，在审核通过之后将待发布区块发布在区块中心；使用者端将区块中心展示的至少一个区块与服务端提供的页面模板组合为所需页面。该实施方式能够在短时间内实现前端页面搭建。

Description

区块开发方法、区块分享方法以及页面搭建方法和系统

技术领域

本发明涉及计算机技术领域，尤其涉及一种区块开发方法、区块分享方法以及页面搭建方法和系统。

背景技术

随着中台架构在企业中占据越来越重要的位置，越来越多的前端页面例如HTML(Hypertext Markup Language，超文本标记语言)页面、APP(应用程序)页面需要后端开发人员编写，这需要后端开发人员在短时间内掌握相应的前端技术，这给后端开发人员带来巨大挑战并极大增加工作量。

发明内容

有鉴于此，本发明实施例提供一种区块开发方法、区块分享方法以及页面搭建方法和系统，能够在短时间内实现前端页面搭建。

为实现上述目的，根据本发明的一个方面，提供了一种区块开发方法。

本发明实施例的区块开发方法应用在开发者端，所述区块用于形成页面；所述方法包括：从服务端下载区块构建服务，将区块构建服务安装在本地；响应于开发者指令，调用区块构建服务执行区块开发；其中，所述区块开发包括：区块创建、区块编辑、区块发布、区块下载和/或区块拷贝。

可选地，所述开发者指令包括区块创建指令；执行区块创建的步骤包括：接收开发者输入的区块基本信息；调用区块构建服务从服务端获取区块模板；将区块基本信息和区块模板代码通过区块构建服务发送到服务端进行存储。

可选地，所述开发者指令包括区块编辑指令；执行区块编辑的步骤包括：接收开发者输入的针对区块模板至少一种可配置属性的数据类型定义和设置数据；其中，所述设置数据通过可视化界面输入；调用区块构建服务将所述设置数据插入区块模板代码中。

可选地，所述开发者指令包括区块发布指令，区块基本信息包括区块标识和区块在至少一个维度的所属类别；执行区块发布的步骤包括：确定待发布区块的版本号；调用区块构建服务将待发布区块的代码发送到服务端进行基于版本号的存储；其中，在待发布区块的代码通过审核之后：待发布区块被发布在服务端支持的区块中心，并以待发布区块所属类别作为索引。

可选地，所述服务端包括用于存储区块基本信息的第一服务器以及设置于云端并用于存储区块代码的第二服务器，区块基本信息还包括区块描述信息、区块框架信息和/或具有开发权限的开发者信息，所述开发者指令还包括区块下载指令和区块备份指令；以及，执行区块下载的步骤包括：当本地不存在区块中心展示的具有开发权限的区块时，调用区块构建服务将该区块的代码从第二服务器下载到本地；执行区块拷贝的步骤包括：针对区块中心展示的不具有开发权限的区块，调用区块构建服务获取该区块的代码并设置该区块的基本信息。

为实现上述目的，根据本发明的另一方面，提供了一种区块分享方法。

本发明实施例的区块分享方法应用在服务端，所述区块用于形成页面；所述方法包括：响应于开发者端发送的区块构建服务下载请求，将区块构建服务发送到开发者端；其中，区块构建服务被开发者端用来执行区块开发，所述区块开发包括区块创建、区块编辑、区块发布、区块下载和/或区块拷贝；接收并审核开发者端提交的待发布区块代码；在审核通过时，将待发布区块发布在区块中心供使用者端搭建页面。

可选地，所述服务端包括用于存储区块基本信息的第一服务器以及设置于云端用于接收并存储区块代码的第二服务器，区块基本信息包括区块标识、区块在至少一个维度的所属类别以及以下信息中的至少一种：区块描述信息、区块框架信息、具有开发权限的开发者信息；以及，将待发布区块发布在区块中心，包括：以区块所属类别作为索引将待发布区块发布在区块中心。

为实现上述目的，根据本发明的再一方面，提供了一种页面搭建方法。

本发明实施例的页面搭建方法应用在使用者端，所述方法包括：将服务端支持的区块中心展示的至少一个区块添加到服务端提供的页面模板中；确定所述区块在页面模板中的位置以及所述区块的可配置属性的设置数据，将所述区块和页面模板组合为所需页面；其中，所述设置数据通过可视化界面确定，所述区块是由开发者端调用服务端发送的区块构建服务生成的。

为实现上述目的，根据本发明的又一方面，提供了一种页面搭建系统。

本发明实施例的页面搭建系统包括：服务端和作为客户端的开发者端以及使用者端；其中，开发者端从服务端下载区块构建服务并将区块构建服务安装在本地，调用区块构建服务生成待发布区块向服务端提交；服务端审核待发布区块的代码，在审核通过之后将待发布区块发布在区块中心；使用者端将区块中心展示的至少一个区块与服务端提供的页面模板组合为所需页面。

可选地，响应于开发者发出的区块创建指令，开发者端接收开发者输入的区块基本信息，调用区块构建服务从服务端获取区块模板，将区块基本信息和区块模板代码通过区块构建服务发送到服务端进行存储；其中，区块基本信息包括区块标识、区块在至少一个维度的所属类别以及以下信息中的至少一种：区块描述信息、区块框架信息、具有开发权限的开发者信息；响应于开发者发出的区块编辑指令，开发者端接收开发者输入的针对区块模板至少一种可配置属性的数据类型定义和设置数据，调用区块构建服务将所述设置数据插入区块模板代码中；其中，所述设置数据通过可视化界面输入；响应于开发者发出的区块发布指令，开发者端确定待发布区块的版本号，调用区块构建服务将待发布区块的代码发送到服务端进行基于版本号的存储。

可选地，在待发布区块的代码通过审核之后，服务端以待发布区块所属类别作为索引将待发布区块发布在区块中心；使用者端将区块中心展示的至少一个区块添加到所述页面模板中，确定该区块在所述页面模板中的位置以及该区块的可配置属性的设置数据，并将该区块和页面模板组合为所需页面；其中，所述设置数据通过可视化界面确定。

为实现上述目的，根据本发明的又一方面，提供了一种电子设备。

本发明的一种电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明所提供的区块开发方法、区块分享方法或页面搭建方法。

为实现上述目的，根据本发明的再一方面，提供了一种计算机可读存储介质。

本发明的一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明所提供的区块开发方法、区块分享方法或页面搭建方法。

根据本发明的技术方案，上述发明中的一个实施例具有如下优点或有益效果：服务端向开发者端提供区块构建服务，开发者端调用安装在本地的区块构建服务执行区块创建、区块编辑、区块发布、区块下载、区块拷贝等操作，在区块创建时可获取服务端提供的区块模板，在区块编辑时可通过设置区块模板的可配置属性实现可视化编辑。编辑完成之后，开发者端可将区块发布到服务端，服务端对区块代码审核通过之后，可将区块发布到区块中心供使用者端使用。使用者端在将区块中心的一个或多个区块添加到服务端提供的页面模板之后，可以拖动区块进行页面布局，可以通过可视化方式修改区块可配置属性的相关数据来进一步编辑区块，最后将区块和页面模板组合即可得到所需页面。通过以上设置，本发明能够在不需要使用者(例如后端开发人员)具有深入前端知识的前提下实现前端页面的快速产出，同时由于区块中心发布的区块都已通过审核，因此产出的前端页面一般均为符合规范的标准化页面，从而满足了可视化、简便化、标准化的前端页面搭建需求。此外，本发明也为开发者端提供了区块开发平台，开发者端可以利用服务端提供的区块构建服务以可视化的方式进行区块的设计和发布。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是本发明实施例中页面搭建系统的架构示意图；

图2是本发明实施例中开发者端、区块中心、使用者端的支持功能示意图；

图3是本发明实施例的开发者端页面示意图；

图4是本发明实施例的区块中心页面示意图；

图5是本发明实施例的使用者端页面示意图；

图6是本发明实施例中区块开发方法的主要步骤示意图；

图7是本发明实施例中区块分享方法的主要步骤示意图；

图8是本发明实施例中页面搭建方法的主要步骤示意图；

图9是根据本发明实施例可以应用于其中的示例性系统架构图；

图10是用来实现本发明实施例中区块开发方法、区块分享方法或页面搭建方法的电子设备结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

需要指出的是，在不冲突的情况下，本发明的实施例以及实施例中的技术特征可以相互结合。

图1是本发明实施例中页面搭建系统的架构示意图。如图1所示，本发明实施例的页面搭建系统包括服务端和作为客户端的开发者端和使用者端。开发者端可以用来开发区块并在开发完成之后，将区块提交到服务端；服务端可以对开发者端提交的区块进行审核，并在审核通过之后将区块发布在区块中心；使用者端可以访问区块中心，并选择区块中心发布的一个多个区块用以搭建页面。实际应用中，开发者端和使用者端可以是智能手机、平板电脑、台式计算机等终端设备。

在本发明实施例中，区块指的是页面的部分或全部，一个或多个区块能够组合为页面。上述页面可以是HTML页面或H5(第五代HTML)页面，也可以是安卓系统或者iOS系统(安卓系统和iOS系统均为移动端操作系统)中APP的页面。当页面为HTML页面或H5页面时，区块可以是页面中的内容块或楼层(楼层指的是页面渲染过程中跳跃式出现的块状内容)，在代码中可以由<div>标签定义；当页面为APP页面时，区块可以是视图组件或控件。以下将主要以页面为HTML页面的情形为例进行说明，可以理解，这并不对本发明的应用场景形成限制。区块的显示粒度可以根据需要设置，例如可以将一整个页面设置为一个区块，也可以将一副图像、一段文本、一个文本输入框或者一个按钮设置为一个区块。

开发者端可以使用服务端提供的区块构建服务进行区块开发。区块构建服务是预先设置的应用程序，其能够帮助开发者端实现各种区块开发功能，并在开发者端与服务端之间建立连接用来传输文件或代码。具体应用中，区块构建服务可以是基于Node.js(一种JavaScript运行环境，JavaScript是一种脚本语言)和Webpack(一种模块打包器)开发的命令行程序，在执行区块开发之前，开发者端可以首先通过运行npm install(即npm安装，npm是Node.js的包管理工具)下载区块构建服务并将区块构建服务安装在本地，之后执行预设的命令行指令启动区块构建服务。

作为一个优选方案，区块构建服务启动之后，能够触发开启作为区块开发平台的网页，这些网页由服务端向开发者端发送，可以向开发者端提供新建区块、区块管理、区块中心和审核中心等功能，以上每一功能可以分别对应一个网页。其中，新建区块可用于实现区块的创建、编辑、发布等功能，区块管理用于展示开发者(即开发者端的操作者)发布的所有区块，开发者对这些区块具有开发权限。区块中心由服务端支持，用于向开发者端和使用者端展示当前通过审核并发布的所有区块。审核中心向开发者展示已经提交到服务端、处于待审核状态的区块。通过上述设置，能够利用浏览器网页作为区块开发平台，从而使开发者端支持Windows、Mac、Linux、安卓、iOS等各种操作系统。需要说明的是，开发者端的区块开发平台也可以是安装在开发者端的应用程序，例如Windows下的应用程序或者安卓、iOS下的APP，以上的新建区块、区块管理、区块中心和审核中心功能可以分别对应于应用程序或APP的一个页面。以下将主要以区块开发平台为浏览器网页进行说明。

在一些实施例中，开发者端的区块开发可以包括区块创建、区块编辑、区块发布、区块下载和区块拷贝。其中，区块创建用于从服务端获取区块模板，区块模板可包括HTML、CSS(Cascading Style Sheets，层叠样式表)、Javascript等代码。获取区块模板之后，开发者可以设置其属性数据进行编辑，编辑完成之后可以向服务端发布。实际应用中，如果开发者端本地不存在区块中心展示的具有开发权限的区块，例如在开发者当前使用的终端设备不是其开发区块时使用的终端设备时，开发者端可以将该区块从区块中心下载到本地进行二次开发。一般地，开发者是否具有某一区块的开发权限由区块创建时输入的区块基本信息确定。如果开发者端想使用区块中心展示的、其不具有开发权限的区块，可将该区块拷贝到本地进行开发，拷贝时需要输入区块基本信息。可以理解，下载或拷贝到本地的区块可以进行进一步编辑。

具体场景中，区块基本信息可以包括区块标识，例如区块的中文名称或英文名称。区块基本信息还可以包括区块在至少一个维度的所属类别，该类别可以作为区块的索引用来在区块中心查询区块，上述维度可以是元素维度、页面维度、交互维度，元素维度的相关类别可以是表格、表单、图片、文字、图文、图表、地图、卡片、树形、视频、导航、菜单、进度、方法等，页面维度的相关类别可以是首页、登录、注册、搜索、公告、欢迎、异常、引导、协议、账户信息、页眉页脚等，交互维度的相关类别可以是拖拽、滚动加载、分类、排序、通知提醒、折叠、切换、瀑布流、焦点轮播、手风琴、进度条等。以上维度及其相应类别均为网页设计领域的已知术语，因此不再一一说明。区块基本信息还可以进一步包括区块描述信息、区块框架信息以及具有开发权限的开发者信息，其中区块框架信息指的是开发区块使用的技术架构例如React框架或Vue框架(二者均为前端开发框架)。

较佳地，在本发明实施例中，执行区块创建、区块编辑或区块发布之后，开发者端可以调用区块构建服务将区块当前代码以及相关信息同步到服务端。例如在区块创建之后，开发者端可将区块模板代码和开发者输入的区块基本信息同步到服务端；在区块编辑完成之后，开发者端可将区块当前代码以及区块编辑完成的消息发送到服务端；在区块执行发布之后，开发者端可将区块当前代码以及区块执行发布的消息发送到服务端。

实际应用中，本发明可以使用一个或多个服务器组成上述服务端。优选地，本发明实施例的服务端可以包括第一服务器和第二服务器，第一服务器可用于存储区块基本信息、向开发者端提供区块构建服务、审核发布区块以及向开发者端和使用者端提供区块中心页面，第二服务器可用于根据区块版本号存储区块代码，其可以是设置在云端的Git仓库(一种远端代码仓库)。可以理解，针对区块的审核即针对区块代码的审核，可以通过自动方式或者人工方式实现。

在本发明实施例中，使用者端可以访问服务端支持的区块中心，并使用区块中心展示的区块构建项目。其中，上述项目可以包括多个待搭建的页面。在搭建每一页面时，使用者(即使用者端的操作者)可以在浏览器将选中的区块添加到相应项目，可以拖动区块改变其位置，可以设置区块属性数据，最后可将区块和服务端提供的页面模板组合成所需页面。使用者也可以将项目包括其中的页面和区块下载到本地进行编辑。在进行项目构建和页面设计时，使用者端可以将项目信息和页面信息发送到服务端进行同步。

以下将说明开发者端、服务端和使用者端的具体功能。在本发明实施例中，开发者端从服务端下载区块构建服务，将区块构建服务安装在本地，并响应于开发者指令(例如区块创建指令、区块编辑指令、区块发布指令、区块下载指令、区块拷贝指令)，调用区块构建服务执行区块创建、区块编辑、区块发布、区块下载或区块拷贝。实际应用中，开发者指令可以是开发者发出的点击指令、键盘按键按下指令、鼠标按键按下指令等，例如，当开发者点击页面中的区块创建按钮时，即发出区块创建指令。

开发者端监测到区块创建指令之后，可以向开发者提供用于输入区块基本信息的输入框。在接收到开发者输入的区块基本信息之后，开发者端可以使用预设的前端脚本校验输入数据格式的正确性，此后开发者端调用区块构建服务获取区块模板。示例性地，区块构建服务使用fs.mkdir方法在本地创建一个文件夹，使用fs.copyFile方法(fs.mkdir和fs.copyFile均为Node.js中的方法)将区块基本文件拷贝到该文件夹，并将区块基本信息同步到第一服务器，将区块模板代码同步到第二服务器。在区块创建过程中，区块构建服务与预设的前端脚本不断传递创建进度，因此可在页面中即时展示创建进度。

区块创建完成之后，当开发者端检测到区块编辑指令时，可以接收开发者输入的针对区块模板至少一种可配置属性的数据类型定义和设置数据。具体地，区块模板具有一种或多种支持开发者定义数据类型和设置具体数据的属性，例如，某区块的可配置属性有主标题、子标题和背景图，开发者端可以定义各属性的数据类型并修改相应数据来实现区块内容的编辑。区块模板的属性及其数据可以形成JSON(JavaScript Object Notation，JS对象标记)文件，开发者可以通过JSON Schema(一种JSON数据约定模式)定义属性的数据类型，通过JSON Editor(一种JSON数据编辑器)输入属性的设置数据。较佳地，可配置属性的数据类型定义和设置数据输入可以通过可视化界面实现，开发者端可以利用Hot-loader(区块构建服务提供的一种工具)实现边输入设置数据边查看区块效果的功能。当设置数据全部输入之后，区块构建服务器可使用writeFile(Node.js中的一种方法)将设置数据以变量的形式插入区块模板代码中，从而完成区块编辑。

区块编辑完成之后，开发者端可以将区块提交到服务端发布。具体地，开发者端接收到区块发布指令之后，可以调用区块构建服务计算推荐待发布区块的合适版本号。例如，在待发布区块以npm方式发布时(在本发明实施例中，可以支持大版本、中版本和小版本的区块发布)，区块构建服务可以推荐符合npm包规范的大、中、小版本号(即主版本号、次版本号、补丁版本号)。在待发布区块的版本号确定之后，开发者端调用区块构建服务将待发布区块的代码发送到第二服务器，第二服务器可以按照版本号存储待发布区块代码。同时，开发者端可将该区块设置为等待管理员审核的状态，处于服务端的管理员对所有提交的区块拥有审核权限，其按照预定的审核规则对区块进行审核，审核的结果可以是审核通过或者驳回修改。此外，开发者端可以在本地运行待发布区块，并使用puppeteer(一种前端开发工具)模拟区块展示，将展示效果转为canvas(画布)并保存为图片，该图片即为待发布区块的预览图，开发者端可将待发布区块的预览图发送到第一服务器用于在区块中心展示。

开发者端在接收到区块下载指令后，可以调用区块构建服务将相应区块的代码从第二服务器下载到本地进行二次开发。开发者端在接收到区块拷贝指令后，可以调用区块构建服务将相应区块的代码下载到本地进行开发，同时需要设置该区块的基本信息。开发者端还可在接收到相应的开发者指令后，执行以下区块开发：云端同步区块、查看/预览区块、修改区块信息。其中，多个开发者在不同终端(即不同的开发者端)协作编辑区块时，每一开发者需要将云端(即第二服务器)的区块代码下载到本地，在编辑完成之后执行同步操作将区块代码推送到云端，从而完成云端区块代码的同步。当开发者需要查看其不具有开发权限的区块时，可以通过发送HTTP(HyperText Transfer Protocol，超文本传输协议)请求获取区块预览链接、下载链接等信息，从而进行查看和预览。开发者端也可以修改具有开发权限的区块的标识、类别、描述信息、框架信息等。

开发者端将区块代码提交到服务端之后，服务端根据预设的审核规则审核开发者端提交的区块代码，审核规则可以根据需要遵守的代码规范以及安全性要求确定。审核通过之后，服务端可将区块展示在区块中心，并将区块在每一维度的所属类别作为用于查询区块的索引。例如，开发者和使用者可根据元素维度、页面维度和交互维度的具体类别筛选区块。区块中心一般支持查看大图、查看源代码、预览、收藏等功能。

使用者端可以使用区块中心所展示的区块完成项目开发，其主要功能有项目创建、页面创建、页面编辑、项目构建。在创建项目时，使用者需要填写项目名称、项目成员(即所有参与的使用者)、项目框架(即项目的开发架构)、项目描述、项目模板等信息，这些信息一般需要同步到服务端。服务端确认之后，使用者端即可展示新的项目。可以理解，项目模板由服务端提供并由使用者选择，其中可以包括一个或多个页面模板，每一页面模板均具有头部、尾部、菜单栏等基本框架内容。

在创建页面时，使用者需要填写页面名称、存储路径、页面链接地址、页面描述等页面基本信息。填写完成后，使用者端通过预设的前端脚本将上述信息同步到服务端。在编辑页面时，使用者端可将区块中心中的区块添加到页面模板，并通过drag.js库(一种拖拽工具)拖动区块从而随意改变区块位置，通过JSON Editor组件确定区块的可配置属性的设置数据来确定区块内容。可以理解，确定上述设置数据可以包括修改上述设置数据。对于任一区块来说，使用者端能够修改的可配置属性可以与开发者端的可配置属性相同，也可以是开发者端可配置属性的一部分。使用者端提供可视化界面(例如页面中的文本输入框)执行上述设置数据的修改，从而使使用者在页面编辑过程中简便地修改区块内容。使用者端使用一个数组记录每次修改之后的页面快照，支持页面编辑过程中的前进与后退功能，使用canvas将编辑的页面绘制成图片以提供预览。页面编辑完成之后，使用者端可将区块与页面模板组合为所需页面。

页面开发完成之后，使用者端可以利用Webpack执行项目构建，即将搭建完成的项目代码包括其中的页面代码进行编译。使用者端还可以从服务端查看或下载项目的历史构建版本，可以删除任一项目、项目中的任一页面以及页面中的任一区块，可以在线预览编辑完成的页面，可以修改页面基本信息。具体应用中，以上项目与页面开发可以在使用者端浏览器执行，也可以由使用者下载到本地执行。

在本发明实施例的页面搭建系统中，开发者端和使用者端可以支持Windows、Mac、Linux、安卓、iOS等各种操作系统，开发者端、区块中心、使用者端可以采用React结合Antd(一种React实现方式)的技术栈，也可以采用Vue等框架，后台可以利用Node.js、Nest.js等适用方式开发。

图2是本发明实施例中开发者端、区块中心、使用者端的支持功能示意图，由于其中的支持功能已在前文说明，此处不再重复。图3是本发明实施例的开发者端页面示意图，图4是本发明实施例的区块中心页面示意图，图5是本发明实施例的使用者端页面示意图。其中，图3所示为开发者端的区块管理界面，该界面中展示了开发者具有开发权限的所有区块，这些区块包括存在于本地的区块和存储在云端(即第二服务器)的区块。图5所示为使用者端的页面编辑界面。

在本发明实施例的技术方案中，服务端向开发者端提供区块构建服务，开发者端调用安装在本地的区块构建服务执行区块创建、区块编辑、区块发布、区块下载、区块拷贝等操作，在区块创建时可获取服务端提供的区块模板，在区块编辑时可通过设置区块模板的可配置属性实现可视化编辑。编辑完成之后，开发者端可将区块发布到服务端，服务端对区块代码审核通过之后，可将区块发布到区块中心供使用者端使用。使用者端在将区块中心的一个或多个区块添加到服务端提供的页面模板之后，可以拖动区块进行页面布局，可以通过可视化方式修改区块可配置属性的相关数据来进一步编辑区块，最后将区块和页面模板组合即可得到所需页面。通过以上设置，本发明能够在不需要使用者具有深入前端知识的前提下实现前端页面的在线可视化编辑，使用者只需关注可视内容，无需关注底层代码实现，因此能够减少页面Bug的存在，产出符合规范的标准化前端页面。此外，本发明也为开发者端提供了区块开发平台，开发者端可以利用服务端提供的区块构建服务以可视化的方式进行区块的设计和发布。

以下分别说明开发者端、服务端和使用者端执行的相关方法，由于各方法的具体执行细节已经在前文说明，因此以下仅说明其主要步骤。图6是本发明实施例中区块开发方法的主要步骤示意图，该方法应用在开发者端。如图6所示，该方法可以按照以下步骤执行：

步骤S601：从服务端下载区块构建服务，将区块构建服务安装在本地。步骤S602：响应于开发者指令，调用区块构建服务执行区块开发；其中，所述区块开发包括：区块创建、区块编辑、区块发布、区块下载和/或区块拷贝。

在本发明实施例中，所述开发者指令包括区块创建指令；执行区块创建的步骤包括：接收开发者输入的区块基本信息；调用区块构建服务从服务端获取区块模板；将区块基本信息和区块模板代码通过区块构建服务发送到服务端进行存储。

作为一个优选方案，所述开发者指令包括区块编辑指令；执行区块编辑的步骤包括：接收开发者输入的针对区块模板至少一种可配置属性的数据类型定义和设置数据；其中，所述设置数据通过可视化界面输入；调用区块构建服务将所述设置数据插入区块模板代码中。

较佳地，在本发明实施例中，所述开发者指令包括区块发布指令，区块基本信息包括区块标识和区块在至少一个维度的所属类别；执行区块发布的步骤包括：确定待发布区块的版本号；调用区块构建服务将待发布区块的代码发送到服务端进行基于版本号的存储；其中，在待发布区块的代码通过审核之后：待发布区块被发布在服务端支持的区块中心，并以待发布区块所属类别作为索引。

此外，在本发明实施例中，所述服务端包括用于存储区块基本信息的第一服务器以及设置于云端并用于存储区块代码的第二服务器，区块基本信息还包括区块描述信息、区块框架信息和/或具有开发权限的开发者信息，所述开发者指令还包括区块下载指令和区块备份指令；执行区块下载的步骤包括：当本地不存在区块中心展示的具有开发权限的区块时，调用区块构建服务将该区块的代码从第二服务器下载到本地；执行区块拷贝的步骤包括：针对区块中心展示的不具有开发权限的区块，调用区块构建服务获取该区块的代码并设置该区块的基本信息。

图7是本发明实施例中区块分享方法的主要步骤示意图，该方法应用在服务端。如图7所示，该方法可按照以下步骤执行：

步骤S701：响应于开发者端发送的区块构建服务下载请求，将区块构建服务发送到开发者端；其中，区块构建服务被开发者端用来执行区块开发，所述区块开发包括区块创建、区块编辑、区块发布、区块下载和/或区块拷贝。步骤S702：接收并审核开发者端提交的待发布区块代码；在审核通过时，将待发布区块发布在区块中心供使用者端搭建页面。

在本发明实施例中，所述服务端包括用于存储区块基本信息的第一服务器以及设置于云端用于接收并存储区块代码的第二服务器，区块基本信息包括区块标识、区块在至少一个维度的所属类别以及以下信息中的至少一种：区块描述信息、区块框架信息、具有开发权限的开发者信息；以及，将待发布区块发布在区块中心，包括：以区块所属类别作为索引将待发布区块发布在区块中心。

图8是本发明实施例中页面搭建方法的主要步骤示意图，该方法应用在使用者端。如图8所示，该方法可执行以下步骤：

步骤S801：将服务端支持的区块中心展示的至少一个区块添加到服务端提供的页面模板中。步骤S802：确定所述区块在页面模板中的位置以及所述区块的可配置属性的设置数据，将所述区块和页面模板组合为所需页面；其中，所述设置数据通过可视化界面确定，所述区块是由开发者端调用服务端发送的区块构建服务生成的。

在本发明实施例的技术方案中，服务端向开发者端提供区块构建服务，开发者端调用安装在本地的区块构建服务执行区块创建、区块编辑、区块发布、区块下载、区块拷贝等操作，在区块创建时可获取服务端提供的区块模板，在区块编辑时可通过设置区块模板的可配置属性实现可视化编辑。编辑完成之后，开发者端可将区块发布到服务端，服务端对区块代码审核通过之后，可将区块发布到区块中心供使用者端使用。使用者端在将区块中心的一个或多个区块添加到服务端提供的页面模板之后，可以拖动区块进行页面布局，可以通过可视化方式修改区块可配置属性的相关数据来进一步编辑区块，最后将区块和页面模板组合即可得到所需页面。通过以上设置，本发明能够在不需要使用者具有深入前端知识的前提下实现前端页面的快速产出，同时由于区块中心发布的区块都已通过审核，因此产出的前端页面一般均为符合规范的标准化页面，从而满足了可视化、简便化、标准化的前端页面搭建需求。此外，本发明也为开发者端提供了区块开发平台，开发者端可以利用服务端提供的区块构建服务以可视化的方式进行区块的设计和发布。

图9示出了可以应用本发明实施例的区块开发方法、区块分享方法或页面搭建方法的示例性系统架构900。

如图9所示，系统架构900可以包括终端设备901、902、903，网络904和服务器905(此架构仅仅是示例，具体架构中包含的组件可以根据申请具体情况调整)。网络904用以在终端设备901、902、903和服务器905之间提供通信链路的介质。网络904可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备901、902、903通过网络904与服务器905交互，以接收或发送消息等。终端设备901、902、903上可以安装有各种客户端应用，例如区块开发应用或页面搭建应用(仅为示例)。

终端设备901、902、903可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器905可以是提供各种服务的服务器，例如对用户利用终端设备901、902、903所操作的区块开发应用和页面搭建应用提供支持的区块分享服务器(仅为示例)。区块分享服务器可以对接收到的区块发布请求或者区块使用请求进行处理，并将处理结果(例如是否允许发布或是否允许使用--仅为示例)反馈给终端设备901、902、903。

需要说明的是，本发明实施例所提供的区块分享方法一般由服务器905执行，区块开发方法和页面搭建方法一般由终端设备901、902、903执行。

应该理解，图9中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

本发明还提供了一种电子设备。本发明实施例的电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明所提供的区块开发方法、区块分享方法或页面搭建方法。

下面参考图10，其示出了适于用来实现本发明实施例的电子设备的计算机系统1000的结构示意图。图10示出的电子设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图10所示，计算机系统1000包括中央处理单元(CPU)1001，其可以根据存储在只读存储器(ROM)1002中的程序或者从存储部分1008加载到随机访问存储器(RAM)1003中的程序而执行各种适当的动作和处理。在RAM1003中，还存储有计算机系统1000操作所需的各种程序和数据。CPU1001、ROM 1002以及RAM 1003通过总线1004彼此相连。输入/输出(I/O)接口1005也连接至总线1004。

以下部件连接至I/O接口1005：包括键盘、鼠标等的输入部分1006；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分1007；包括硬盘等的存储部分1008；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分1009。通信部分1009经由诸如因特网的网络执行通信处理。驱动器1010也根据需要连接至I/O接口1005。可拆卸介质1011，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1010上，以便从其上读出的计算机程序根据需要被安装入存储部分1008。

特别地，根据本发明公开的实施例，上文的主要步骤图描述的过程可以被实现为计算机软件程序。例如，本发明实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行主要步骤图所示的方法的程序代码。在上述实施例中，该计算机程序可以通过通信部分1009从网络上被下载和安装，和/或从可拆卸介质1011被安装。在该计算机程序被中央处理单元1001执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。在本发明中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这根据所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中的。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该设备执行时，使得该设备执行的步骤包括：从服务端下载区块构建服务，将区块构建服务安装在本地；响应于开发者指令，调用区块构建服务执行区块开发；其中，所述区块开发包括：区块创建、区块编辑、区块发布、区块下载和/或区块拷贝。或者，响应于开发者端发送的区块构建服务下载请求，将区块构建服务发送到开发者端；其中，区块构建服务被开发者端用来执行区块开发，所述区块开发包括区块创建、区块编辑、区块发布、区块下载和/或区块拷贝；接收并审核开发者端提交的待发布区块代码；在审核通过时，将待发布区块发布在区块中心供使用者端搭建页面。或者，将服务端支持的区块中心展示的至少一个区块添加到服务端提供的页面模板中；确定所述区块在页面模板中的位置以及所述区块的可配置属性的设置数据，将所述区块和页面模板组合为所需页面；其中，所述设置数据通过可视化界面确定，所述区块是由开发者端调用服务端发送的区块构建服务生成的。

在本发明实施例的技术方案中，服务端向开发者端提供区块构建服务，开发者端调用安装在本地的区块构建服务执行区块创建、区块编辑、区块发布、区块下载、区块拷贝等操作，在区块创建时可获取服务端提供的区块模板，在区块编辑时可通过设置区块模板的可配置属性实现可视化编辑。编辑完成之后，开发者端可将区块发布到服务端，服务端对区块代码审核通过之后，可将区块发布到区块中心供使用者端使用。使用者端在将区块中心的一个或多个区块添加到服务端提供的页面模板之后，可以拖动区块进行页面布局，可以通过可视化方式修改区块可配置属性的相关数据来进一步编辑区块，最后将区块和页面模板组合即可得到所需页面。通过以上设置，本发明能够在不需要使用者具有深入前端知识的前提下实现前端页面的快速产出，同时由于区块中心发布的区块都已通过审核，因此产出的前端页面一般均为符合规范的标准化页面，从而满足了可视化、简便化、标准化的前端页面搭建需求。此外，本发明也为开发者端提供了区块开发平台，开发者端可以利用服务端提供的区块构建服务以可视化的方式进行区块的设计和发布。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (13)

1.一种区块开发方法，应用在开发者端，所述区块用于形成页面；其特征在于，所述方法包括：

从服务端下载区块构建服务，将区块构建服务安装在本地；

响应于开发者指令，调用区块构建服务执行区块开发；其中，所述区块开发包括：区块创建、区块编辑、区块发布、区块下载和/或区块拷贝。

2.根据权利要求1所述的方法，其特征在于，所述开发者指令包括区块创建指令；执行区块创建的步骤包括：

接收开发者输入的区块基本信息；

调用区块构建服务从服务端获取区块模板；

将区块基本信息和区块模板代码通过区块构建服务发送到服务端进行存储。

3.根据权利要求2所述的方法，其特征在于，所述开发者指令包括区块编辑指令；执行区块编辑的步骤包括：

接收开发者输入的针对区块模板至少一种可配置属性的数据类型定义和设置数据；其中，所述设置数据通过可视化界面输入；

调用区块构建服务将所述设置数据插入区块模板代码中。

4.根据权利要求2所述的方法，其特征在于，所述开发者指令包括区块发布指令，区块基本信息包括区块标识和区块在至少一个维度的所属类别；执行区块发布的步骤包括：

确定待发布区块的版本号；

调用区块构建服务将待发布区块的代码发送到服务端进行基于版本号的存储；其中，在待发布区块的代码通过审核之后：待发布区块被发布在服务端支持的区块中心，并以待发布区块所属类别作为索引。

5.根据权利要求4所述的方法，其特征在于，所述服务端包括用于存储区块基本信息的第一服务器以及设置于云端并用于存储区块代码的第二服务器，区块基本信息还包括区块描述信息、区块框架信息和/或具有开发权限的开发者信息，所述开发者指令还包括区块下载指令和区块备份指令；以及

执行区块下载的步骤包括：

当本地不存在区块中心展示的具有开发权限的区块时，调用区块构建服务将该区块的代码从第二服务器下载到本地；

执行区块拷贝的步骤包括：

针对区块中心展示的不具有开发权限的区块，调用区块构建服务获取该区块的代码并设置该区块的基本信息。

6.一种区块分享方法，应用在服务端，所述区块用于形成页面；其特征在于，所述方法包括：

响应于开发者端发送的区块构建服务下载请求，将区块构建服务发送到开发者端；其中，区块构建服务被开发者端用来执行区块开发，所述区块开发包括区块创建、区块编辑、区块发布、区块下载和/或区块拷贝；

接收并审核开发者端提交的待发布区块代码；在审核通过时，将待发布区块发布在区块中心供使用者端搭建页面。

7.根据权利要求6所述的方法，其特征在于，所述服务端包括用于存储区块基本信息的第一服务器以及设置于云端用于接收并存储区块代码的第二服务器，区块基本信息包括区块标识、区块在至少一个维度的所属类别以及以下信息中的至少一种：区块描述信息、区块框架信息、具有开发权限的开发者信息；以及，将待发布区块发布在区块中心，包括：

以区块所属类别作为索引将待发布区块发布在区块中心。

8.一种页面搭建方法，应用在使用者端，其特征在于，所述方法包括：

将服务端支持的区块中心展示的至少一个区块添加到服务端提供的页面模板中；

确定所述区块在页面模板中的位置以及所述区块的可配置属性的设置数据，将所述区块和页面模板组合为所需页面；其中，

所述设置数据通过可视化界面确定，所述区块是由开发者端调用服务端发送的区块构建服务生成的。

9.一种页面搭建系统，其特征在于，包括：服务端和作为客户端的开发者端以及使用者端；其中，

开发者端从服务端下载区块构建服务并将区块构建服务安装在本地，调用区块构建服务生成待发布区块向服务端提交；

服务端审核待发布区块的代码，在审核通过之后将待发布区块发布在区块中心；

使用者端将区块中心展示的至少一个区块与服务端提供的页面模板组合为所需页面。

10.根据权利要求9所述的系统，其特征在于，

响应于开发者发出的区块创建指令，开发者端接收开发者输入的区块基本信息，调用区块构建服务从服务端获取区块模板，将区块基本信息和区块模板代码通过区块构建服务发送到服务端进行存储；其中，区块基本信息包括区块标识、区块在至少一个维度的所属类别以及以下信息中的至少一种：区块描述信息、区块框架信息、具有开发权限的开发者信息；

响应于开发者发出的区块编辑指令，开发者端接收开发者输入的针对区块模板至少一种可配置属性的数据类型定义和设置数据，调用区块构建服务将所述设置数据插入区块模板代码中；其中，所述设置数据通过可视化界面输入；

响应于开发者发出的区块发布指令，开发者端确定待发布区块的版本号，调用区块构建服务将待发布区块的代码发送到服务端进行基于版本号的存储。

11.根据权利要求10所述的系统，其特征在于，

在待发布区块的代码通过审核之后，服务端以待发布区块所属类别作为索引将待发布区块发布在区块中心；

使用者端将区块中心展示的至少一个区块添加到所述页面模板中，确定该区块在所述页面模板中的位置以及该区块的可配置属性的设置数据，并将该区块和页面模板组合为所需页面；其中，所述设置数据通过可视化界面确定。

12.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-8中任一所述的方法。

13.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-8中任一所述的方法。

Images