网页的开发方法及装置、存储介质、电子装置与流程

1.本发明实施例涉及计算机领域，具体而言，涉及一种网页的开发方法及装置、存储介质、电子装置。


背景技术：

2.当下时代，是科技高速发展、信息集中轰炸的时代。处于时代的洪流中，不论企业还是自身，为了不被时代所淘汰，为了与时代同行，都必须快。前端h5开发为了实现新的功能，为用户创造更有用的价值，需要快速迭代来满足用户的需求。近几年，前端开发一直都在想各种方法来提升开发效率。从最早的jquery大行其道到近两年的mvvm(model view view model)类型的框架称霸前端，本质上都是为了更快更好的来完成前端业务开发。
3.现有技术更多是在单个库中要求对基础ui组件化，对公共功能模块化，依然存在对网页的开发效率不高的问题。


技术实现要素：

4.本发明实施例提供了一种网页的开发方法及装置、存储介质、电子装置，以至少解决相关技术中对网页的开发效率不高的问题。
5.根据本发明的一个实施例，提供了一种网页的开发方法，包括：确定待开发网页的网页配置需求；基于上述网页配置需求从私有资源库中获取与上述网页配置需求对应的数据包，其中，上述数据包中包括n个资源库中的数据资源，上述n是大于1的自然数，上述私有资源库用于托管上述n个资源库中的数据资源；将上述数据包导入至上述待开发网页中，以利用上述数据包开发上述待开发网页。
6.根据本发明的另一个实施例，提供了一种网页的开发装置，包括：第一确定模块，用于确定待开发网页的网页配置需求；第一获取模块，用于基于上述网页配置需求从私有资源库中获取与上述网页配置需求对应的数据包，其中，上述数据包中包括n个资源库中的数据资源，上述n是大于1的自然数，上述私有资源库用于托管上述n个资源库中的数据资源；第一导入模块，用于将上述数据包导入至上述待开发网页中，以利用上述数据包开发上述待开发网页。
7.在一个示例性实施例中，第一获取模块，包括：第一确定单元，用于确定上述待开发网页中的json对象，其中，上述json对象中包括上述待开发网页需要的上述网页配置信息，上述网页配置信息中包括需要的资源包版本；第一获取单元，用于从上述私有资源库中获取与上述网页配置信息对应的上述数据包。
8.在一个示例性实施例中，上述装置还包括：第二获取模块，用于基于上述网页配置需求从私有资源库中获取与上述网页配置需求对应的数据包之前，获取上述n个资源库中的资源数据，其中，上述n是大于1的自然数，上述资源数据中包括共享资源数据以及功能资源数据；第一打包模块，用于打包上述资源数据，得到上述数据包；第一托管模块，用于将上述数据包托管至上述私有资源库中，其中，上述私有资源库均与上述n个资源库连接。
9.在一个示例性实施例中，上述装置还包括：第三获取模块，用于将上述数据包托管至上述私有资源库中之后，从上述私有资源库中获取上述数据包；第一部署模块，用于将上述数据包部署至服务器；第一配置模块，用于在上述服务器配置上述数据包的访问路径，其中，上述访问路径用于指示上述待开发网页访问上述数据包。
10.在一个示例性实施例中，上述n个资源库中包括场景资源库、设备资源库以及公共资源库，其中，上述场景资源库和上述设备资源库均从上述公共资源库获取公共数据资源，上述公共资源库用于更新上述公共数据资源，上述场景资源库、设备资源库以及公共资源库均与上述私有资源库连接。
11.根据本发明的又一个实施例，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。
12.根据本发明的又一个实施例，还提供了一种电子装置，包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行上述任一项方法实施例中的步骤。
13.通过本发明，通过确定待开发网页的网页配置需求；基于网页配置需求从私有资源库中获取与网页配置需求对应的数据包，其中，数据包中包括n个资源库中的数据资源，n是大于1的自然数，私有资源库用于托管n个资源库中的数据资源；将数据包导入至待开发网页中，以利用数据包开发待开发网页。实现了多个资源库协同开发网页的目的。因此，可以解决相关技术中对网页的开发效率不高的问题，达到可以更快的实现对网页的开发的效果。
附图说明
14.图1是本发明实施例的一种网页的开发方法的移动终端的硬件结构框图；
15.图2是根据本发明实施例的网页的开发方法的流程图；
16.图3是根据本发明实施例的结构示意图；
17.图4是根据本发明实施例的流程图；
18.图5是根据本发明实施例的网页的开发装置的结构框图。
具体实施方式
19.下文中将参考附图并结合实施例来详细说明本发明的实施例。
20.需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。
21.本技术实施例中所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在移动终端上为例，图1是本发明实施例的一种网页的开发方法的移动终端的硬件结构框图。如图1所示，移动终端可以包括一个或多个(图1中仅示出一个)处理器102(处理器102可以包括但不限于微处理器mcu或可编程逻辑器件fpga等的处理装置)和用于存储数据的存储器104，其中，上述移动终端还可以包括用于通信功能的传输设备106以及输入输出设备108。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述移动终端的结构造成限定。例如，移动终端还可包括比图1中所示更多或者更少的
组件，或者具有与图1所示不同的配置。
22.存储器104可用于存储计算机程序，例如，应用软件的软件程序以及模块，如本发明实施例中的网页的开发方法对应的计算机程序，处理器102通过运行存储在存储器104内的计算机程序，从而执行各种功能应用以及数据处理，即实现上述的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至移动终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
23.传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括移动终端的通信供应商提供的无线网络。在一个实例中，传输装置106包括一个网络适配器(network interface controller，简称为nic)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置106可以为射频(radio frequency，简称为rf)模块，其用于通过无线方式与互联网进行通讯。
24.在本实施例中提供了一种网页的开发方法，图2是根据本发明实施例的网页的开发方法的流程图，如图2所示，该流程包括如下步骤：
25.步骤s202，确定待开发网页的网页配置需求；
26.步骤s204，基于网页配置需求从私有资源库中获取与网页配置需求对应的数据包，其中，数据包中包括n个资源库中的数据资源，n是大于1的自然数，私有资源库用于托管n个资源库中的数据资源；
27.步骤s206，将数据包导入至待开发网页中，以利用数据包开发待开发网页。
28.在本实施例中，待开发网页包括但不限于是前端浏览页面。网页配置需求例如包括网页所应用的场景配置、支持的设备配置以及需要显示的内容配置。
29.在本实施例中，如图3所示，n个资源库中包括场景资源库、设备资源库以及公共资源库，其中，场景资源库和设备资源库均从公共资源库获取公共数据资源，公共资源库用于更新公共数据资源，场景资源库、设备资源库以及公共资源库均与私有资源库连接。
30.场景资源库中的私有数据放在场景资源库中自己处理，device库也是同样的处理逻辑。公共数据库除了集成场景资源库和设备资源库之外，同时用于公共数据库的数据更新。这样场景资源库和设备资源库可以更专注到功能开发，使得整个功能便可以实现良性运转，相互独立高效的开发。
31.在本实施例中，如图3所示，公共资源库与服务器连接，公共资源库开发完成后对代码进行压缩、拆分、加密，将打包后的资源放置到服务器端，就可以通过链接进行访问了。
32.如图4所示，是本实施例中的整体流程图，所有引用的三方资源都放在npm私有资源库中；
33.如果需要使用npm里的资源包，需要在package.json中引入资源包，并定义好对应的资源包版本。
34.在本实施例中，scenes库只负责场景的功能开发，公共数据从store库获取，场景库自己的私有数据放在场景库中自己处理；device库也是同样的处理逻辑。
35.main库除了集成device库、scenes库、store库之外，同时负责store库的数据更新。device和scenes库可以更专注到自己的功能开发，整个功能便可以实现良性运转，相互
独立高效的开发。开发完成后通过webpack对代码进行压缩、拆分、加密，将打包后的资源放置到服务器端，就可以通过链接进行访问了。
36.在一个示例性实施例中，基于网页配置需求从私有资源库中获取与网页配置需求对应的数据包，包括：
37.s1，确定待开发网页中的json对象，其中，json对象中包括待开发网页需要的网页配置信息，网页配置信息中包括需要的资源包版本；
38.s2，从私有资源库中获取与网页配置信息对应的数据包。
39.在本实施例中，在package.json中依赖此资源包，并在需要引用的地方导入此包即可。资源包的代码是编译过的，是可以被浏览器或者webview所识别，不然可能导致兼容问题。
40.此外，package.json中将private字段设为true，避免失误导致发布到公共npm平台，造成机密的泄露。
41.在一个示例性实施例中，基于网页配置需求从私有资源库中获取与网页配置需求对应的数据包之前，方法还包括：
42.s1，获取n个资源库中的资源数据，其中，n是大于1的自然数，资源数据中包括共享资源数据以及功能资源数据；
43.s2，打包资源数据，得到数据包；
44.s3，将数据包托管至私有资源库中，其中，私有资源库均与n个资源库连接。
45.在本实施例中，通过将复杂功能或公共数据逻辑托管到npm私有资源库中，再通过在自己开发的库中引用发布的功能库，便可以高效快速的将不同的功能进行整合，实现多库协同开发的目的。
46.在一个示例性实施例中，将数据包托管至私有资源库中之后，方法还包括：
47.s1，从私有资源库中获取数据包；
48.s2，将数据包部署至服务器；
49.s3，在服务器配置数据包的访问路径，其中，访问路径用于指示待开发网页访问数据包。
50.在本实施例中，通过设置访问路径访问数据包，适用于逻辑复杂业务涉及范围广的需求迭代，不同的团队负责不同的业务，最后功能合并，既可以保障质量又可以完美的实现需求的快速迭代。
51.综上所述，本实施例通过将公共资源库、功能资源库放在npm私有库平台上，然后在需要用此功能的库中集成相关模块，即可达到多库协同开发的目的。例如，目前的智家app涉及的功能点比较多且有些功都是由专业的团队进行维护，比如像绑定，场景，网器都是逻辑复杂且涉及专业知识较多的功能，如果换团队开发，基础业务的培训都要消耗不少的时间。那么针对此情况，让网器、场景有一个单独的库处理自己的业务是比较明智的选择，既降低了维护成本，而且可以快速定位问题，各个库相互独立，便不存在代码相互影响的困扰。
52.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有
技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。
53.在本实施例中还提供了一种网页的开发装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。
54.图5是根据本发明实施例的网页的开发装置的结构框图，如图5所示，该装置包括：
55.第一确定模块52，用于确定待开发网页的网页配置需求；
56.第一获取模块54，用于基于网页配置需求从私有资源库中获取与网页配置需求对应的数据包，其中，数据包中包括n个资源库中的数据资源，n是大于1的自然数，私有资源库用于托管n个资源库中的数据资源；
57.第一导入模块56，用于将数据包导入至待开发网页中，以利用数据包开发待开发网页。
58.在一个示例性实施例中，第一获取模块，包括：
59.第一确定单元，用于确定上述待开发网页中的json对象，其中，上述json对象中包括上述待开发网页需要的上述网页配置信息，上述网页配置信息中包括需要的资源包版本；
60.第一获取单元，用于从上述私有资源库中获取与上述网页配置信息对应的上述数据包。
61.在一个示例性实施例中，上述装置还包括：
62.第二获取模块，用于基于上述网页配置需求从私有资源库中获取与上述网页配置需求对应的数据包之前，获取上述n个资源库中的资源数据，其中，上述n是大于1的自然数，上述资源数据中包括共享资源数据以及功能资源数据；
63.第一打包模块，用于打包上述资源数据，得到上述数据包；
64.第一托管模块，用于将上述数据包托管至上述私有资源库中，其中，上述私有资源库均与上述n个资源库连接。
65.在一个示例性实施例中，上述装置还包括：
66.第三获取模块，用于将上述数据包托管至上述私有资源库中之后，从上述私有资源库中获取上述数据包；
67.第一部署模块，用于将上述数据包部署至服务器；
68.第一配置模块，用于在上述服务器配置上述数据包的访问路径，其中，上述访问路径用于指示上述待开发网页访问上述数据包。
69.在一个示例性实施例中，上述n个资源库中包括场景资源库、设备资源库以及公共资源库，其中，上述场景资源库和上述设备资源库均从上述公共资源库获取公共数据资源，上述公共资源库用于更新上述公共数据资源，上述场景资源库、设备资源库以及公共资源库均与上述私有资源库连接。
70.需要说明的是，上述各个模块是可以通过软件或硬件来实现的，对于后者，可以通过以下方式实现，但不限于此：上述模块均位于同一处理器中；或者，上述各个模块以任意
组合的形式分别位于不同的处理器中。
71.本发明的实施例还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。
72.在本实施例中，上述计算机可读存储介质可以被设置为存储用于执行以上各步骤的计算机程序。
73.在一个示例性实施例中，上述计算机可读存储介质可以包括但不限于：u盘、只读存储器(read-only memory，简称为rom)、随机存取存储器(random access memory，简称为ram)、移动硬盘、磁碟或者光盘等各种可以存储计算机程序的介质。
74.本发明的实施例还提供了一种电子装置，包括存储器和处理器，该存储器中存储有计算机程序，该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。
75.在一个示例性实施例中，上述电子装置还可以包括传输设备以及输入输出设备，其中，该传输设备和上述处理器连接，该输入输出设备和上述处理器连接。
76.在一个示例性实施例中，上述处理器可以被设置为通过计算机程序执行以上各步骤。
77.本实施例中的具体示例可以参考上述实施例及示例性实施方式中所描述的示例，本实施例在此不再赘述。
78.显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
79.以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。