前端组件化开发方法、装置、电子设备及可读存储介质与流程

1.本发明涉及系统性能优化领域，尤其涉及一种前端组件化开发方法、装置、电子设备及可读存储介质。


背景技术：

2.前端开发是创建web页面或app等前端界面呈现给用户的过程，通过html，css及javascript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
3.目前常见的前端组件开发过程中，组件与组件间无法单独存在与使用，提高了前端组件的维护难度，除此之外，由于缺少权限限制等问题，组件容易被盗取，安全性低。


技术实现要素：

4.本发明提供一种前端组件化开发方法、装置、电子设备及计算机可读存储介质，其目的在于降低前端工程的维护难度，提高前端组件的安全性。
5.为实现上述目的，本发明提供的一种前端组件化开发方法，包括：
6.获取业务需求，根据所述业务需求构建多个子组件层及对应的路由层，将所述子组件层及所述路由层存放至预设的组件仓库中，并生成所述多个子组件层及相对应路由层在所述组件仓库中的子组件层组件路径；
7.在接收到用户输入的前端组件开发指令时，检验所述用户的操作权限；
8.当所述用户具有预设的操作权限时，根据所述子组件层组件路径，拉取所述子组件层及相对应路由层，并按照拉取所述子组件层及相对应路由层的先后顺序，逐个集成所述子组件层及对应路由层，得到多个组件层；
9.将所述组件层存放至所述组件仓库中，并生成相对应的组件层组件路径；
10.根据所述组件层组件路径，拉取所述组件层，并集成所述组件层，得到框架层。
11.可选地，所述在接收到用户输入的前端组件开发指令时，检验所述用户的操作权限，包括：
12.获取所述用户的用户名及密码；
13.判断所述用户名是否存在预设的配置文件中；
14.当所述用户名不存在于所述配置文件中时，将提示所述用户为非法人员；
15.当所述用户名存在于所述配置文件中时，将所述用户输入的密码与所述配置文件中所述用户名对应的密码进行对比验证；
16.当所述用户输入的密码与所述配置文件中所述用户名对应的密码相同时，获取所述用户的用户身份，根据所述用户身份匹配所述用户的操作权限。
17.可选地，所述生成多个子组件层及相对应路由层的子组件层组件路径，包括：
18.获取所述组件仓库的位置信息、所述子组件层及所述路由层的名称及时间信息；
19.根据所述位置信息，确定所述子组件层级所述路由层的根目录；
20.将所述根目录、所述时间信息及所述名称按顺序输出，得到所述多个子组件层及相对应路由层的子组件层组件路径。
21.可选地，所述根据所述组件层组件路径，拉取所述组件层，并集成所述组件层，得到框架层之后，所述方法还包括：
22.对所述子组件层及所述路由层进行版本号标记，得到所述子组件层及所述路由层的版本号；
23.通过对比所述版本号，当所述子组件层及/或路由层有更新时，对应地将所述组件层及所述框架层进行更新。
24.可选地，所述对应地将所述组件层及所述框架层进行更新，包括：
25.接收到所述子组件层及/或所述路由层的更新消息时，在拉取所述子组件层及/或所述路由层时，将所述子组件层及所述路由层与原子组件层及路由层进行对比；
26.若所述子组件层及/或所述路由层与原子组件层及/或原路由层的版本号不同，则删除所述原子组件层及/或原路由层，重新拉取子组件层及/或所述路由层，并对重新拉取得到的子组件层及/或所述路由层进行集成，得到更新后的组件层；
27.若所述更新后的组件层与原组件层的构造不同，则删除所述原组件层，重新拉取组件层，并对重新拉取的组件层进行集成，得到更新后的框架层。
28.可选地，所述根据所述子组件层组件路径，拉取所述子组件层及相对应路由层，包括：
29.根据所述子组件层组件路径，利用预设的dependentcomponents{}指令确定所述子组件层及相对应路由层的位置信息；
30.根据所述位置信息，利用预设的lego:com:push指令从所述组件仓库中拉取所述子组件层及相对应路由层。
31.可选地，所述组件仓库还包括前端组件化开发的工作环境。
32.为了解决上述问题，本发明还提供一种前端组件化开发装置，所述装置包括：
33.子组件层组件路径生成模块，用于获取业务需求，根据所述业务需求构建获取多个子组件层及对应的路由层，将所述子组件层及所述路由层存放至预设的组件仓库中，并生成所述多个子组件层及相对应路由层在所述组件仓库中的子组件层组件路径；
34.组件层组件路径生成模块，用于在接收到用户输入的前端组件开发指令时，检验所述用户的操作权限，当所述用户具有预设的操作权限时，根据所述子组件层组件路径，拉取所述子组件层及相对应路由层，并按照拉取所述子组件层及相对应路由层的先后顺序，逐个集成所述子组件层及对应路由层，得到多个组件层，将所述组件层存放至所述组件仓库中，并生成相对应的组件层组件路径；
35.框架层生成模块，用于根据所述组件层组件路径，拉取所述组件层，并集成所述组件层，得到框架层。
36.为了解决上述问题，本发明还提供一种电子设备，所述电子设备包括：
37.存储器，存储至少一个计算机程序；及
38.处理器，执行所述存储器中存储的计算机程序以实现上述所述的前端组件化开发方法。
39.为了解决上述问题，本发明还提供一种计算机可读存储介质，所述计算机可读存
储介质中存储有至少一个计算机程序，所述至少一个计算机程序被电子设备中的处理器执行以实现上述所述的前端组件化开发方法。
40.本发明实施例首先将开发好的子组件层及路由层存放至预设的组件仓库中，并生成相对应的子组件层组件路径，为后续开发团队单独使用子组件层及路由层等提供了路径，降低了维护难度；其次当用户需要拉取子组件层及/或路由层时，对所述用户进行权限验证，提高了前端组件开发的安全性，最后，将所述子组件层及路由层集成得到组件层并对所述组件层集成得到框架层，一层一层由不同团队单独开发，从而降低了开发难度，也解决的了维护难度大的问题。因此，本发明实施例提出的前端组件化开发方法、装置、电子设备及可读存储介质降低了前端工程的维护难度，提高了前端组件的安全性。
附图说明
41.图1为本发明一实施例提供的前端组件化开发方法的流程示意图；
42.图2为本发明一实施例提供的前端组件化开发装置的模块示意图；
43.图3为本发明一实施例提供的实现前端组件化开发方法的电子设备的内部结构示意图；
44.本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
45.应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
46.本发明实施例提供一种前端组件化开发方法。所述前端组件化开发方法的执行主体包括但不限于服务端、终端等能够被配置为执行本技术实施例提供的该方法的电子设备中的至少一种。换言之，所述前端组件化开发方法可以由安装在终端设备或服务端设备的软件或硬件来执行，所述软件可以是区块链平台。所述服务端可以包括独立的服务器，也可以包括提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(contentdelivery network，cdn)、以及大数据和人工智能平台等基础云计算服务的云服务器。
47.参照图1所示的本发明一实施例提供的前端组件化开发方法的流程示意图，在本发明实施例中，所述前端组件化开发方法包括：
48.s1、获取业务需求，根据所述业务需求构建多个子组件层及对应的路由层，将所述子组件层及所述路由层存放至预设的组件仓库中，并生成所述多个子组件层及相对应路由层在所述组件仓库中的子组件层组件路径。
49.本发明实施例中，所述业务需求可以是用户根据实际情况提出的实际需求。所述子组件层及对应的路由层可以是前端开发工程中对数据和方法的简单封装的组件。其中，所述子组件层与所述路由层为同级别关联组件，例如网页页面开发工程中，关于主题数据及开发方法的组件可以是整个网页页面开发工程的子组件层及路由层。所述组件仓库可以是用来存放生产完成的完整组件的数据仓库，例如git仓库。所述子组件层组件路径可以是所述子组件层或所述路由层在所述组件仓库中的位置索引，可为后续对所述子组件层及所述路由层进行集成提供拉取链接。
50.除此之外，所述组件仓库还包括前端组件化开发的工作环境。
51.本发明实施例中，所述将所述子组件层及所述路由层存放至预设的组件仓库中，并生成多个子组件层及相对应路由层的子组件层组件路径，可满足用户单独使用所述子组件层及所述路由层的要求，也可以为后续用户拉取所述子组件层及所述路由层提供获取途径。进一步地，由于所述子组件层及所述路由层为单独存放在所述组件仓库中的组件，因此当后续维护人员对工程进行维护及修复时，避免了因某一小组件出现问题而进行整体工程维护的问题，减少了维护人员的维护难度。
52.详细地，所述生成多个子组件层及相对应路由层的子组件层组件路径，包括：
53.获取所述组件仓库的位置信息、所述子组件层及所述路由层的名称及时间信息；
54.根据所述位置信息，确定所述子组件层级所述路由层的根目录；
55.将所述根目录、所述时间信息及所述名称按顺序输出，得到所述多个子组件层及相对应路由层的子组件层组件路径。
56.s2、在接收到用户输入的前端组件开发指令时，判断所述用户是否具有预设的操作权限。
57.本发明实施例中，所述前端组件开发指令可以是用户对所述子组件层及/或所述路由层进行拉取或推出的指令，如使用lego:com:push指令拉取所述子组件层及/或所述路由层，使用lego:com:pull指令推出所述子组件层及/或所述路由层。
58.本发明一可选实施例中，在用户输入前端组件开发指令时，检验所述用户的操作权限，从而验证用户身份，防止出现组件信息泄露的问题。
59.详细地，所述在接收到用户输入的前端组件开发指令时，检验所述用户的操作权限，包括：
60.获取所述用户的用户名及密码；
61.判断所述用户名是否存在预设的配置文件中；
62.当所述用户名不存在于所述配置文件中时，将提示所述用户为非法人员；
63.当所述用户名存在于所述配置文件中时，将所述用户输入的密码与所述配置文件中所述用户名对应的密码进行对比验证；
64.当所述用户输入的密码与所述配置文件中所述用户名对应的密码相同时，获取所述用户的用户身份，根据所述用户身份匹配所述用户的操作权限。
65.本发明实施例中，所述操作权限可以包括拉取或推出所述子组件层及所述路由层的权限。
66.本发明实施例中，所述预设的配置文件可以是存放用户名及密码的文件，为防止用户隐私泄露，一般存放于本地存储中而不存放于所述组件仓库中。
67.当所述用户不具有预设的操作权限时，进入s3、提示用户没有权限。
68.当所述用户具有预设的操作权限时，进入s4、根据所述子组件层组件路径，拉取所述子组件层及相对应路由层，并按照拉取所述子组件层及相对应路由层的先后顺序，逐个集成所述子组件层及对应路由层，得到多个组件层。
69.本发明实施例中可以通过dependentcomponents{}获取所述子组件层及相对应路由层的位置信息，并可以通过lego:com:push实现拉取所述子组件层及相对应路由层以及集成所述子组件层及对应路由层。
70.详细地，所述根据所述子组件层组件路径，拉取所述子组件层及相对应路由层，包
括：
71.根据所述子组件层组件路径，利用预设的dependentcomponents{}指令确定所述子组件层及相对应路由层的位置信息；
72.根据所述位置信息，利用预设的lego:com:push指令从所述组件仓库中拉取所述子组件层及相对应路由层。本发明实施例中，拉取子组件层及对应路由层并集合成组件层，可以方便用户直接获取所述子组件层及对应路由层集合成的产物，也能减少用户对整体工程的维护成本。
73.s5、将所述组件层存放至所述组件仓库中，并生成相对应的组件层组件路径。
74.本发明实施例中，将所述组件层存储在所述组件仓库中，以方便以后需要所述组件层时可直接拉取，不需要进行重新获取子组件层及相应路由层，再集成所述子组件层及相应路由层得到组件层，减少了前端开发过程中的繁琐的组件集成过程，降低了前端开发工程的维护难度。
75.本发明实施例中，所述组件层组件路径可以是所述组件层在所述组件仓库中的位置索引，可为后续对所述组件层的集成提供拉取链接。
76.本发明一个可选实施例中，为方便后续用户直接拉取组件层，可将所述组件层推出至所述组件仓库中并生成对应组件层组件路径，以达到节省用户开发时间的目的，其中所述将所述组件层推出至所述组件仓库中可以通过lego:com:pull指令实现。
77.本发明实施例中，所述将所述组件层存放至所述组件仓库中，并生成相对应的组件层组件路径与上述将所述子组件层及所述路由层存放至预设的组件仓库中，并生成多个子组件层及相对应路由层的子组件层组件路径类似，故此不赘述。
78.s6、根据所述组件层组件路径，拉取所述组件层，并集成所述组件层，得到框架层。
79.本发明实施例中可以通过dependentcomponents{}获取所述组件层的位置信息，并可以通过lego:com:push实现拉取所述组件层以及集成所述组件层。
80.本发明实施例通过拉取组件仓库中的组件层，集成所述组件层得到框架层，减少了组件开发人员对组件层及组件层下面的组件的开发过程，从而提高了组件开发人员的开发效率，也减少了维护人员对所述工程整体的维护难度。
81.本发明一可选实施例中，所述子组件层及所述路由层可能存在由于功能优化或维护等进行的版本更新，因此，需要对所述子组件层及所述路由层进行版本标记，方便上层组件及时进行相应更新。
82.详细地，所述根据所述组件层组件路径，拉取所述组件层，并集成所述组件层，得到框架层之后，所述方法还包括：
83.对所述子组件层及所述路由层进行版本号标记，得到所述子组件层及所述路由层的版本号；
84.通过对比所述版本号，当所述子组件层及/或路由层有更新时，对应地将所述组件层及所述框架层进行更新。
85.进一步地，所述对应地将所述组件层及所述框架层进行更新，包括：
86.接收到所述子组件层及/或所述路由层的更新消息时，在拉取所述子组件层及/或所述路由层时，将所述子组件层及所述路由层与原子组件层及路由层进行对比；
87.若所述子组件层及/或所述路由层与原子组件层及/或原路由层的版本号不同，则
删除所述原子组件层及/或原路由层，重新拉取子组件层及/或所述路由层，并对重新拉取得到的子组件层及/或所述路由层进行集成，得到更新后的组件层；
88.若所述更新后的组件层与原组件层的构造不同，则删除所述原组件层，重新拉取组件层，并对重新拉取的组件层进行集成，得到更新后的框架层。
89.本发明实施例首先将开发好的子组件层及路由层存放至预设的组件仓库中，并生成相对应的子组件层组件路径，为后续开发团队单独使用子组件层及路由层等提供了路径，降低了维护难度；其次当用户需要拉取子组件层及/或路由层时，对所述用户进行权限验证，提高了前端组件开发的安全性，最后，将所述子组件层及路由层集成得到组件层并对所述组件层集成得到框架层，一层一层由不同团队单独开发，从而降低了开发难度，也解决的了维护难度大的问题。因此，本发明实施例提出的前端组件化开发方法降低了前端工程的维护难度，提高了前端组件的安全性。
90.如图2所示，是本发明前端组件化开发装置的功能模块图。
91.本发明所述前端组件化开发装置100可以安装于电子设备中。根据实现的功能，所述前端组件化开发装置可以包括子组件层组件路径生成模块101、组件层组件路径生成模块102及框架层生成模块103，本发所述模块也可以称之为单元，是指一种能够被电子设备处理器所执行，并且能够完成固定功能的一系列计算机程序段，其存储在电子设备的存储器中。
92.在本实施例中，关于各模块/单元的功能如下：
93.所述子组件层组件路径生成模块101用于获取业务需求，根据所述业务需求构建获取多个子组件层及对应的路由层，将所述子组件层及所述路由层存放至预设的组件仓库中，并生成所述多个子组件层及相对应路由层在所述组件仓库中的子组件层组件路径。
94.本发明实施例中，所述业务需求可以是用户根据实际情况提出的实际需求。所述子组件层及对应的路由层可以是前端开发工程中对数据和方法的简单封装的组件。其中，所述子组件层与所述路由层为同级别关联组件，例如网页页面开发工程中，关于主题数据及开发方法的组件可以是整个网页页面开发工程的子组件层及路由层。所述组件仓库可以是用来存放生产完成的完整组件的数据仓库，例如git仓库。所述子组件层组件路径可以是所述子组件层或所述路由层在所述组件仓库中的位置索引，可为后续对所述子组件层及所述路由层进行集成提供拉取链接。
95.除此之外，所述组件仓库还包括前端组件化开发的工作环境。
96.本发明实施例中，所述将所述子组件层及所述路由层存放至预设的组件仓库中，并生成多个子组件层及相对应路由层的子组件层组件路径，可满足用户单独使用所述子组件层及所述路由层的要求，也可以为后续用户拉取所述子组件层及所述路由层提供获取途径。进一步地，由于所述子组件层及所述路由层为单独存放在所述组件仓库中的组件，因此当后续维护人员对工程进行维护及修复时，避免了因某一小组件出现问题而进行整体工程维护的问题，减少了维护人员的维护难度。
97.详细地，所述生成多个子组件层及相对应路由层的子组件层组件路径，包括：
98.获取所述组件仓库的位置信息、所述子组件层及所述路由层的名称及时间信息；
99.根据所述位置信息，确定所述子组件层级所述路由层的根目录；
100.将所述根目录、所述时间信息及所述名称按顺序输出，得到所述多个子组件层及
相对应路由层的子组件层组件路径。
101.所述组件层组件路径生成模块102用于在接收到用户输入的前端组件开发指令时，检验所述用户的操作权限，当所述用户具有预设的操作权限时，根据所述子组件层组件路径，拉取所述子组件层及相对应路由层，并按照拉取所述子组件层及相对应路由层的先后顺序，逐个集成所述子组件层及对应路由层，得到多个组件层，将所述组件层存放至所述组件仓库中，并生成相对应的组件层组件路径。
102.本发明实施例中，所述前端组件开发指令可以是用户对所述子组件层及/或所述路由层进行拉取或推出的指令，如使用lego:com:push指令拉取所述子组件层及/或所述路由层，使用lego:com:pull指令推出所述子组件层及/或所述路由层。
103.本发明一可选实施例中，在用户输入前端组件开发指令时，检验所述用户的操作权限，从而验证用户身份，防止出现组件信息泄露的问题
104.详细地，所述在接收到用户输入的前端组件开发指令时，检验所述用户的操作权限，包括：
105.获取所述用户的用户名及密码；
106.判断所述用户名是否存在预设的配置文件中；
107.当所述用户名不存在于所述配置文件中时，将提示所述用户为非法人员；
108.当所述用户名存在于所述配置文件中时，将所述用户输入的密码与所述配置文件中所述用户名对应的密码进行对比验证；
109.当所述用户输入的密码与所述配置文件中所述用户名对应的密码相同时，获取所述用户的用户身份，根据所述用户身份匹配所述用户的操作权限。
110.本发明实施例中，所述操作权限可以包括拉取或推出所述子组件层及所述路由层的权限。
111.本发明实施例中，所述预设的配置文件可以是存放用户名及密码的文件，为防止用户隐私泄露，一般存放于本地存储中而不存放于所述组件仓库中。
112.当所述用户不具有预设的操作权限时，提示用户没有权限。
113.当所述用户具有预设的操作权限时，根据所述子组件层组件路径，拉取所述子组件层及相对应路由层，并按照拉取所述子组件层及相对应路由层的先后顺序，逐个集成所述子组件层及对应路由层，得到多个组件层。
114.本发明实施例中可以通过dependentcomponents{}获取所述子组件层及相对应路由层的位置信息，并可以通过lego:com:push实现拉取所述子组件层及相对应路由层以及集成所述子组件层及对应路由层。
115.详细地，所述根据所述子组件层组件路径，拉取所述子组件层及相对应路由层，包括：
116.根据所述子组件层组件路径，利用预设的dependentcomponents{}指令确定所述子组件层及相对应路由层的位置信息；
117.根据所述位置信息，利用预设的lego:com:push指令从所述组件仓库中拉取所述子组件层及相对应路由层。本发明实施例中，拉取子组件层及对应路由层并集合成组件层，可以方便用户直接获取所述子组件层及对应路由层集合成的产物，也能减少用户对整体工程的维护成本。
118.本发明实施例中，将所述组件层存储在所述组件仓库中，以方便以后需要所述组件层时可直接拉取，不需要进行重新获取子组件层及相应路由层，再集成所述子组件层及相应路由层得到组件层，减少了前端开发过程中的繁琐的组件集成过程，降低了前端开发工程的维护难度。
119.本发明实施例中，所述组件层组件路径可以是所述组件层在所述组件仓库中的位置索引，可为后续对所述组件层的集成提供拉取链接。
120.本发明一个可选实施例中，为方便后续用户直接拉取组件层，可将所述组件层推出至所述组件仓库中并生成对应组件层组件路径，以达到节省用户开发时间的目的，其中所述将所述组件层推出至所述组件仓库中可以通过lego:com:pull指令实现。
121.本发明实施例中，所述将所述组件层存放至所述组件仓库中，并生成相对应的组件层组件路径与上述将所述子组件层及所述路由层存放至预设的组件仓库中，并生成多个子组件层及相对应路由层的子组件层组件路径类似，故此不赘述。
122.所述框架层生成模块103用于根据所述组件层组件路径，拉取所述组件层，并集成所述组件层，得到框架层。
123.本发明实施例中可以通过dependentcomponents{}获取所述组件层的位置信息，并可以通过lego:com:push实现拉取所述组件层以及集成所述组件层。
124.本发明实施例通过拉取组件仓库中的组件层，集成所述组件层得到框架层，减少了组件开发人员对组件层及组件层下面的组件的开发过程，从而提高了组件开发人员的开发效率，也减少了维护人员对所述工程整体的维护难度。
125.本发明一可选实施例中，所述子组件层及所述路由层可能存在由于功能优化或维护等进行的版本更新，因此，需要对所述子组件层及所述路由层进行版本标记，方便上层组件及时进行相应更新。
126.详细地，所述根据所述组件层组件路径，拉取所述组件层，并集成所述组件层，得到框架层之后，所述方法还包括：
127.对所述子组件层及所述路由层进行版本号标记，得到所述子组件层及所述路由层的版本号；
128.通过对比所述版本号，当所述子组件层及/或路由层有更新时，对应地将所述组件层及所述框架层进行更新。
129.进一步地，所述对应地将所述组件层及所述框架层进行更新，包括：
130.接收到所述子组件层及/或所述路由层的更新消息时，在拉取所述子组件层及/或所述路由层时，将所述子组件层及所述路由层与原子组件层及路由层进行对比；
131.若所述子组件层及/或所述路由层与原子组件层及/或原路由层的版本号不同，则删除所述原子组件层及/或原路由层，重新拉取子组件层及/或所述路由层，并对重新拉取得到的子组件层及/或所述路由层进行集成，得到更新后的组件层；
132.若所述更新后的组件层与原组件层的构造不同，则删除所述原组件层，重新拉取组件层，并对重新拉取的组件层进行集成，得到更新后的框架层。
133.如图3所示，是本发明实现前端组件化开发方法的电子设备的结构示意图。
134.所述电子设备可以包括处理器10、存储器11、通信总线12和通信接口13，还可以包括存储在所述存储器11中并可在所述处理器10上运行的计算机程序，如前端组件化开发程
序。
135.其中，所述存储器11至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如：sd或dx存储器等)、磁性存储器、磁盘、光盘等。所述存储器11在一些实施例中可以是电子设备的内部存储单元，例如该电子设备的移动硬盘。所述存储器11在另一些实施例中也可以是电子设备的外部存储设备，例如电子设备上配备的插接式移动硬盘、智能存储卡(smart media card，smc)、安全数字(secure digital，sd)卡、闪存卡(flash card)等。进一步地，所述存储器11还可以既包括电子设备的内部存储单元也包括外部存储设备。所述存储器11不仅可以用于存储安装于电子设备的应用软件及各类数据，例如前端组件化开发程序的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。
136.所述处理器10在一些实施例中可以由集成电路组成，例如可以由单个封装的集成电路所组成，也可以是由多个相同功能或不同功能封装的集成电路所组成，包括一个或者多个中央处理器(central processing unit，cpu)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述处理器10是所述电子设备的控制核心(control unit)，利用各种接口和线路连接整个电子设备的各个部件，通过运行或执行存储在所述存储器11内的程序或者模块(例如前端组件化开发程序等)，以及调用存储在所述存储器11内的数据，以执行电子设备的各种功能和处理数据。
137.所述通信总线12可以是外设部件互连标准(peripheral component interconnect，简称pci)总线或扩展工业标准结构(extended industry standard architecture，简称eisa)总线等。该总线可以分为地址总线、数据总线、控制总线等。所述通信总线12总线被设置为实现所述存储器11以及至少一个处理器10等之间的连接通信。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
138.图3仅示出了具有部件的电子设备，本领域技术人员可以理解的是，图3示出的结构并不构成对所述电子设备的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。
139.例如，尽管未示出，所述电子设备还可以包括给各个部件供电的电源(比如电池)，优选地，电源可以通过电源管理装置与所述至少一个处理器10逻辑相连，从而通过电源管理装置实现充电管理、放电管理、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备还可以包括多种传感器、蓝牙模块、wi
‑
fi模块等，在此不再赘述。
140.可选地，所述通信接口13可以包括有线接口和/或无线接口(如wi
‑
fi接口、蓝牙接口等)，通常用于在该电子设备与其他电子设备之间建立通信连接。
141.可选地，所述通信接口13还可以包括用户接口，用户接口可以是显示器(display)、输入单元(比如键盘(keyboard))，可选地，用户接口还可以是标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是led显示器、液晶显示器、触控式液晶显示器以及oled(organic light
‑
emitting diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在电子设备中处理的信息以及用于显示可视化的用户界面。
142.应该了解，所述实施例仅为说明之用，在专利申请范围上并不受此结构的限制。
143.所述电子设备中的所述存储器11存储的前端组件化开发程序是多个计算机程序的组合，在所述处理器10中运行时，可以实现：
144.获取业务需求，根据所述业务需求构建多个子组件层及对应的路由层，将所述子组件层及所述路由层存放至预设的组件仓库中，并生成所述多个子组件层及相对应路由层在所述组件仓库中的子组件层组件路径；
145.在接收到用户输入的前端组件开发指令时，检验所述用户的操作权限；
146.当所述用户具有预设的操作权限时，根据所述子组件层组件路径，拉取所述子组件层及相对应路由层，并按照拉取所述子组件层及相对应路由层的先后顺序，逐个集成所述子组件层及对应路由层，得到多个组件层；
147.将所述组件层存放至所述组件仓库中，并生成相对应的组件层组件路径；
148.根据所述组件层组件路径，拉取所述组件层，并集成所述组件层，得到框架层。
149.具体地，所述处理器10对上述计算机程序的具体实现方法可参考图1对应实施例中相关步骤的描述，在此不赘述。
150.进一步地，所述电子设备集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。所述计算机可读介质可以是非易失性的，也可以是易失性的。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(rom，read
‑
only memory)。
151.本发明实施例还可以提供一种计算机可读存储介质，所述可读存储介质存储有计算机程序，所述计算机程序在被电子设备的处理器所执行时，可以实现：
152.获取业务需求，根据所述业务需求构建多个子组件层及对应的路由层，将所述子组件层及所述路由层存放至预设的组件仓库中，并生成所述多个子组件层及相对应路由层在所述组件仓库中的子组件层组件路径；
153.在接收到用户输入的前端组件开发指令时，检验所述用户的操作权限；
154.当所述用户具有预设的操作权限时，根据所述子组件层组件路径，拉取所述子组件层及相对应路由层，并按照拉取所述子组件层及相对应路由层的先后顺序，逐个集成所述子组件层及对应路由层，得到多个组件层；
155.将所述组件层存放至所述组件仓库中，并生成相对应的组件层组件路径；
156.根据所述组件层组件路径，拉取所述组件层，并集成所述组件层，得到框架层。
157.进一步地，所述计算机可用存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。
158.在本发明所提供的几个实施例中，应该理解到，所揭露的设备，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。
159.所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目
的。
160.另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。
161.对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。
162.因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图标记视为限制所涉及的权利要求。
163.本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
164.本技术实施例可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(artificial intelligence，ai)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
165.此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第二等词语用来表示名称，而并不表示任何特定的顺序。
166.最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。