网页生成方法及装置与流程

本公开涉及计算机
技术领域：
，尤其涉及网页生成方法及装置。
背景技术：
：随着计算机和互联网技术的发展，网络已经成为人们生活中不可缺少的一部分，其中，通过网络进行网页浏览是用户使用网络的手段之一。目前，网页一般都是通过开发者利用网页开发软件直接写出与网页对应的代码，进而网页开发软件对开发者写出的代码进行编译以及代码转换等操作，便可以得到人们所看到的网页。技术实现要素：为克服相关技术中存在的问题，本公开实施例提供网页生成方法及装置。所述技术方案如下：根据本公开实施例的第一方面，提供一种网页生成方法，包括：在初始源代码中添加预设功能的组件，所述预设功能的组件用于表示所述预设功能的内容；根据所述预设功能的组件获取与所述预设功能对应的代码；根据与所述预设功能对应的代码和所述初始源代码获取浏览器的显示网页。本公开的实施例提供的技术方案可以包括以下有益效果：在初始源代码中添加预设功能的组件，其中，预设功能的组件用于表示预设功能的内容；根据预设功能的组件获取与预设功能对应的代码，进而根据与预设功能对应的代码和初始源代码获取浏览器的显示网页。其中，可以将预设功能对应的代码封装成预设功能的组件，从而可以直接将预设功能的组件添加在初始源代码中，而无需直接添加预设功能的代码，有效提升了网页开发的效率。在一个实施例中，所述根据所述预设功能的组件获取与所述预设功能对应的代码包括：根据所述预设功能的组件和预设映射表获取与所述预设功能对应的代码，其中，所述预设映射表中包括至少一个预设功能的组件及至少一个预设功能对应的代码，所述预设映射表用于指示所述至少一个预设功能的组件与所述至少一个预设功能对应的代码的对应关系。本公开的实施例提供的技术方案可以包括以下有益效果：通过预设功能的组件和预设映射表获取与预设功能对应的代码，有效提升了代码的正确率，并有效提升了网页的开发效率。在一个实施例中，所述根据所述预设功能的组件获取与所述预设功能对应的代码包括：获取与所述预设功能的组件对应的统一资源定位符URL；通过所述URL获取与所述预设功能对应的代码。本公开的实施例提供的技术方案可以包括以下有益效果：扩展了预设功能的组件的涵盖范围，有效提升了网页的开发效率。在一个实施例中，所述根据与所述预设功能对应的代码和所述初始源代码获取浏览器的显示网页包括：根据与所述预设功能对应的代码和所述初始源代码，获取与所述初始源代码对应的中间代码；根据所述中间代码获取浏览器的显示网页。本公开的实施例提供的技术方案可以包括以下有益效果：通过预设功能对应的代码和初始源代码组成与初始源代码对应的中间代码，有效提升了网页的开发效率。在一个实施例中，所述根据与所述预设功能对应的代码和所述初始源代码，获取与所述初始源代码对应的中间代码包括：获取所述预设功能对应的代码中与所述初始源代码匹配的代码；根据与所述初始源代码匹配的代码和所述初始源代码，获取所述中间代码。本公开的实施例提供的技术方案可以包括以下有益效果：由于可以通过预设功能对应的代码获取与初始源代码匹配的代码，从而提升了编译的正确率，进一步有效提升了网页的开发效率。在一个实施例中，所述根据所述中间代码获取浏览器的显示网页，包括：根据所述中间代码获取所述浏览器可识别的最终代码；根据所述最终代码生成所述浏览器的显示网页。根据本公开实施例的第二方面，提供一种页生成装置，包括：添加模块，用于在初始源代码中添加预设功能的组件，所述预设功能的组件用于表示所述预设功能的内容；第一获取模块，用于根据所述添加模块添加的所述预设功能的组件获取与所述预设功能对应的代码；第二获取模块，用于根据所述第一获取模块获取的与所述预设功能对应的代码和所述初始源代码获取浏览器的显示网页。在一个实施例中，所述第一获取模块包括：第一获取子模块；所述第一获取子模块，用于根据所述添加模块添加的所述预设功能的组件和预设映射表获取与所述预设功能对应的代码，其中，所述预设映射表中包括至少一个预设功能的组件及至少一个预设功能对应的代码，所述预设映射表用于指示所述至少一个预设功能的组件与所述至少一个预设功能对应的代码的对应关系。在一个实施例中，所述第一获取模块包括：第二获取子模块和第三获取子模块；所述第二获取子模块，用于获取与所述添加模块添加的所述预设功能的组件对应的统一资源定位符URL；所述第三获取子模块，用于通过所述第二获取子模块获取的所述URL获取与所述预设功能对应的代码。在一个实施例中，所述第二获取模块包括：第四获取子模块和第五获取子模块；所述第四获取子模块，用于根据所述第一获取模块获取的与所述预设功能对应的代码和所述初始源代码，获取与所述初始源代码对应的中间代码；所述第五获取子模块，用于根据所述第四获取子模块获取的所述中间代码获取浏览器的显示网页。在一个实施例中，所述第四获取子模块包括：第六获取子模块和第七获取子模块；所述第六获取子模块，用于获取所述第一获取模块获取的所述预设功能对应的代码中与所述初始源代码匹配的代码；所述第七获取子模块，用于根据所述第六获取子模块获取的与所述初始源代码匹配的代码和所述初始源代码，获取所述中间代码。在一个实施例中，所述第五获取子模块包括：第八获取子模块和生成子模块；所述第八获取子模块，用于根据所述第四获取模块获取的所述中间代码获取所述浏览器可识别的最终代码；所述生成子模块，用于根据所述第八获取子模块获取的所述最终代码生成所述浏览器的显示网页。根据本公开实施例的第三方面，提供一种网页生成装置，包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器被配置为：在初始源代码中添加预设功能的组件，所述预设功能的组件用于表示所述预设功能的内容；根据所述预设功能的组件获取与所述预设功能对应的代码；根据与所述预设功能对应的代码和所述初始源代码获取浏览器的显示网页。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。图1是根据一示例性实施例示出的网页生成方法的流程图。图2是根据一示例性实施例示出的网页生成方法中步骤S102的流程图。图3是根据一示例性实施例示出的网页生成方法中步骤S103的流程图。图4是根据一示例性实施例示出的网页生成方法中步骤S1031的流程图。图5是根据一示例性实施例示出的网页生成方法中步骤S1032的流程图。图6是根据一示例性实施例一示出的系统框架中集成开发环境的示意图。图7是根据一示例性实施例二示出的系统框架中集成开发环境的示意图。图8是根据一示例性实施例示出的网页生成装置的框图。图9是根据一示例性实施例一示出的网页生成装置中第一获取模块12的框图。图10是根据一示例性实施例二示出的网页生成装置中第一获取模块12的框图。图11是根据一示例性实施例示出的网页生成装置中第二获取模块13的框图。图12是根据一示例性实施例示出的网页生成装置中第四获取子模块131的框图。图13是根据一示例性实施例示出的网页生成装置中第五获取子模块132的框图。图14是根据一示例性实施例示出的一种用于网页生成装置90的框图。具体实施方式这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。图1是根据一示例性实施例示出的网页生成方法的流程图，如图1所示，该方法包括以下步骤S101-S103：在步骤S101中，在初始源代码中添加预设功能的组件，预设功能的组件用于表示预设功能的内容。在步骤S102中，根据预设功能的组件获取与预设功能对应的代码。在步骤S103中，根据与预设功能对应的代码和初始源代码获取浏览器的显示网页。相关技术中，为了得到浏览器中向用户展示的网页，一般都是通过开发者利用网页开发软件一行一行写出网页对应的源代码，进而由网页开发软件对开发者写出的初始源代码进行编译，最终得到浏览器中向用户展示的网页。由于，代码都是由开发者一行一行写出来，但一般网页会包括大量的初始源代码，巨大的工作量容易导致错误的出现，从而在使用网页开发软件对开发者写出的初始源代码进行编译时，会出现报错的问题，而此时开发者还需一行一行去检查自己写的源代码，使得开发者的工作量过大，且工作效率较低，进而使得网页的开发效率较低。而本公开中，通过将预设功能的代码封装为预设功能的组件，当开发者在写网页源代码的时候，可以不用写出预设功能的代码，只需将该预设功能的组件添加至源代码中对应的位置即可，由于预设功能的代码都是提前写好的，因此不会存在书写错误的问题，有效减轻了开发者的工作量，且提升了开发者的工作效率，进而有效提升了网页开发的效率。例如：如果开发者要在网页中添加一搜索显示功能，那么相关技术中开发者就需要在初始源代码中写出下述代码：而本公开中，可以将上述代码封装为一搜索功能组件<搜索功能>，此时开发者只需在初始源代码的添加上述搜索功能组件<搜索功能>即可，而无需写出上述的多行代码，有效提升了网页开发的效率。此时的初始源代码如下所示：<div><搜索功能></div>本公开实施例提供一种网页生成方法，包括：在初始源代码中添加预设功能的组件，其中，预设功能的组件用于表示预设功能的内容；根据预设功能的组件获取与预设功能对应的代码，进而根据与预设功能对应的代码和初始源代码获取浏览器的显示网页。其中，可以将预设功能对应的代码封装成预设功能的组件，从而可以直接将预设功能的组件添加在初始源代码中，而无需直接添加预设功能的代码，有效提升了网页开发的效率。在一种可实现方式中，上述步骤S102可以通过以下方式实现：根据预设功能的组件和预设映射表获取与预设功能对应的代码，其中，预设映射表中包括至少一个预设功能的组件及至少一个预设功能对应的代码，预设映射表用于指示至少一个预设功能的组件与至少一个预设功能对应的代码的对应关系。为了得到与预设功能的组件对应的预设功能的代码，可以预设一预设映射表，在该预设映射表中可以包括预设功能的组件与预设功能对应的代码，例如，预设映射表可以如表1所示，表1例如：在对下述初始源代码进行编译的过程中，<div><搜索功能></div>发现其中包括预设功能的组件<搜索功能>，此时，会从表1中根据<搜索功能>查找与<搜索功能>匹配的预设功能对应的代码，当找到预设功能对应的代码后，将该代码添加至初始源代码对应的位置，得到下述代码：其中，上述预设功能的组件不仅可以对应一段代码，还可以对应一个标签。而且，还可以对应开发者自定义的标签。开发者自定义标签的写法可以例如：<Calendarfrom＝"2016-09-08"...>；该示例是将日历的功能封装成<Calendar>标签写在源代码中，每个预设功能的组件对应一个自定义标签。本公开的实施例提供的技术方案可以包括以下有益效果：通过预设功能的组件和预设映射表获取与预设功能对应的代码，有效提升了代码的正确率，并有效提升了网页的开发效率。在上述实施例中，可以先通过其他方式获取与预设功能对应的代码，进而将与预设功能对应的代码和预设功能的组件保存在预设映射表中，从而在编译的时候直接从该预设映射表中获取与预设功能对应的代码，但如果将所有的预设功能对应的代码和预设功能的组件均保存在预设映射表中，会占据大量的内存。在另一种可实现方式中，如图2所示，上述步骤S102可以包括以下步骤S1021-步骤S1022：在步骤S1021中，获取与预设功能的组件对应的统一资源定位符(UniformResourceLocator，简称为：URL)。在步骤S1022中，通过URL获取与预设功能对应的代码。本实施例中，可以以链接的方式获取预设功能对应的代码，例如：预设功能的组件会对应一URL，预设功能对应的代码会保存在该URL中，在对源代码编译的过程中，如果检测到初始源代码中包括预设功能的组件，则确定该预设功能的组件对应的URL，并从该URL获取预设功能对应的代码，将获取的该预设功能对应的代码添加至源代码的对应位置。在一种可实现方式中，可保存如表2所示的URL映射表，当确定初始源代码中包括预设功能的组件后，根据表2确定该预设功能的组件对应的URL，进而通过该URL获取预设功能对应的代码。表2预设功能的组件URL<搜索功能>aaa.bbb.ccc.ddd…………在本种可实现方式中，可能是由于并未保存上述预设映射表，或，在映射表中并未查找到预设功能的组件。本公开的实施例提供的技术方案可以包括以下有益效果：扩展了预设功能的组件的涵盖范围，有效提升了网页的开发效率。在一种可实现方式中，如图3所示，上述步骤S103可以实施为步骤S1031-步骤S1032：在步骤S1031中，根据与预设功能对应的代码和初始源代码，获取与初始源代码对应的中间代码。在步骤S1032中，根据中间代码获取浏览器的显示网页。当根据预设功能的组件得到预设功能对应的代码后，会将该预设功能对应的代码添加至初始源代码的对应位置，从而该预设功能对应的代码和初始源代码组成与初始源代码对应的中间代码。本公开的实施例提供的技术方案可以包括以下有益效果：通过预设功能对应的代码和初始源代码组成与初始源代码对应的中间代码，有效提升了网页的开发效率。在一种可实现方式中，如图4所示，上述的步骤S1031可以实施为步骤S10311-步骤S10312：在步骤S10311中，获取预设功能对应的代码中与初始源代码匹配的代码。在步骤S10312中，根据与初始源代码匹配的代码和初始源代码，获取中间代码。上述在得到中间代码的过程中，可能获取的预设功能对应的代码与初始源代码的类型不否，或者其中包括与初始源代码的类型不否的一些代码，那么，此时在一种可实现方式中，可以将该些与初始源代码的类型不否的代码剔除，或，将与初始源代码的类型不否的代码转换为与初始源代码的类型相同的代码。本公开的实施例提供的技术方案可以包括以下有益效果：由于可以通过预设功能对应的代码获取与初始源代码匹配的代码，从而提升了编译的正确率，进一步有效提升了网页的开发效率。在一种可实现方式中，如图5所示，上述的步骤S1032可以实施为步骤S10321-步骤S10322：在步骤S10321中，根据中间代码获取浏览器可识别的最终代码。在步骤S10322中，根据最终代码生成浏览器的显示网页。当根据上述实施例得到中间代码后，会将该中间代码转换为浏览器可识别的最终代码，该最终代码中包括超文本标记语言(HyperTextMarkupLanguage，简称为：HTML)、JavaScript(简称为：JS)和层叠样式表(CascadingStyleSheets，简称为：CSS)。本公开实施例还提供一种用于网页生成的系统框架，该系统框架中包括一个集成开发环境(IntegratedDevelopmentEnvironment，简称为：IDE)、一个转译器和一个组件开发语法。图6是根据一示例性实施例示出的系统框架中集成开发环境的示意图，如图6所示，该集成开发环境中包括：预设功能的组件显示区和源代码编辑区。其中，预设功能的组件以搜索功能和日历功能为例进行说明。其中，预设功能的组件可以使用本系统框架对应的组件开发语法自己创建，也可以复用别人做好了的。本系统框架中还会提供一个组件库供开发者分享，开发者也可在自己的开源项目中分享自己的预设功能的组件。在开发者写初始源代码时，如果需要写搜索功能对应的初始源代码，如图7所示，则直接将预设功能的组件显示区中的搜索功能组件拖拽至源代码编辑区中初始源代码中需要添加搜索功能代码的位置，此时系统框架便采用所见即所得的方式快速配置搜索功能组件的属性和事件绑定。当初始源代码写完后，对该初始源代码进行编译，在编译阶段，系统会根据预设功能的组件对应的URL，下载预设功能对应的代码，系统会对预设功能对应的代码进行优化，从而使得未被调用的功能被写进中间代码中，进而根据初始源代码和优化后的预设功能对应的代码得到中间代码；最后，转译器根据中间代码生成浏览器可用的最终代码，最终，根据该最终代码得到浏览器显示的网页。值得注意的是，上述的系统框架也可支持使用其他语言开发组件，例如Java和C#，只需定义好格式即可。采用本公开中的方法，使得在网页生成的效率有效提高，且使得网页生成的过程变的简单快速且不易出错，且本公开中的预设功能的组件可以进行扩展，不局限与某一个类别之中，从而使得上述系统具有良好的可扩展性和可维护性，且在其他大系统扩充时也能很好的适应。下述为本公开装置实施例，可以用于执行本公开方法实施例。图8是根据一示例性实施例示出的网页生成装置的框图。如图8所示，该网页生成装置包括：添加模块11，用于在初始源代码中添加预设功能的组件，所述预设功能的组件用于表示所述预设功能的内容；第一获取模块12，用于根据所述添加模块11添加的所述预设功能的组件获取与所述预设功能对应的代码；第二获取模块13，用于根据所述第一获取模块获取的与所述预设功能对应的代码和所述初始源代码获取浏览器的显示网页。在一个实施例中，如图9所示，所述第一获取模块12包括：第一获取子模块121；所述第一获取子模块121，用于根据所述添加模块11添加的所述预设功能的组件和预设映射表获取与所述预设功能对应的代码，其中，所述预设映射表中包括至少一个预设功能的组件及至少一个预设功能对应的代码，所述预设映射表用于指示所述至少一个预设功能的组件与所述至少一个预设功能对应的代码的对应关系。在一个实施例中，如图10所示，所述第一获取模块12包括：第二获取子模块122和第三获取子模块123；所述第二获取子模块122，用于获取与所述添加模块11添加的所述预设功能的组件对应的统一资源定位符URL；所述第三获取子模块123，用于通过所述第二获取子模块122获取的所述URL获取与所述预设功能对应的代码。在一个实施例中，如图11所示，所述第二获取模块13包括：第四获取子模块131和第五获取子模块132；所述第四获取子模块131，用于根据所述第一获取模块12获取的与所述预设功能对应的代码和所述初始源代码，获取与所述初始源代码对应的中间代码；所述第五获取子模块132，用于根据所述第四获取子模块131获取的所述中间代码获取浏览器的显示网页。在一个实施例中，如图12所示，所述第四获取子模块131包括：第六获取子模块1311和第七获取子模块1312；所述第六获取子模块1311，用于获取所述第一获取模块12获取的所述预设功能对应的代码中与所述初始源代码匹配的代码；所述第七获取子模块1312，用于根据所述第六获取子模块1311获取的与所述初始源代码匹配的代码和所述初始源代码，获取所述中间代码。在一个实施例中，如图13所示，所述第五获取子模块132包括：第八获取子模块1321和生成子模块1322；所述第八获取子模块1321，用于根据所述第四获取子模块131获取的所述中间代码获取所述浏览器可识别的最终代码；所述生成子模块1322，用于根据所述第八获取子模块1321获取的所述最终代码生成所述浏览器的显示网页。关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。根据本公开实施例的第三方面，提供一种网页生成装置，包括：处理器；用于存储处理器可执行指令的存储器；其中，处理器被配置为：在初始源代码中添加预设功能的组件，所述预设功能的组件用于表示所述预设功能的内容；根据所述预设功能的组件获取与所述预设功能对应的代码；根据与所述预设功能对应的代码和所述初始源代码获取浏览器的显示网页。上述处理器还可被配置为：所述根据所述预设功能的组件获取与所述预设功能对应的代码包括：根据所述预设功能的组件和预设映射表获取与所述预设功能对应的代码，其中，所述预设映射表中包括至少一个预设功能的组件及至少一个预设功能对应的代码，所述预设映射表用于指示所述至少一个预设功能的组件与所述至少一个预设功能对应的代码的对应关系。所述根据所述预设功能的组件获取与所述预设功能对应的代码包括：获取与所述预设功能的组件对应的统一资源定位符URL；通过所述URL获取与所述预设功能对应的代码。所述根据与所述预设功能对应的代码和所述初始源代码获取浏览器的显示网页包括：根据与所述预设功能对应的代码和所述初始源代码，获取与所述初始源代码对应的中间代码；根据所述中间代码获取浏览器的显示网页。所述根据与所述预设功能对应的代码和所述初始源代码，获取与所述初始源代码对应的中间代码包括：获取所述预设功能对应的代码中与所述初始源代码匹配的代码；根据与所述初始源代码匹配的代码和所述初始源代码，获取所述中间代码。所述根据所述中间代码获取浏览器的显示网页，包括：根据所述中间代码获取所述浏览器可识别的最终代码；根据所述最终代码生成所述浏览器的显示网页。关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。图14是根据一示例性实施例示出的一种用于网页生成装置90的框图。装置90包括处理组件902，其进一步包括一个或多个处理器，以及由存储器903所代表的存储器资源，用于存储可由处理组件902的执行的指令，例如应用程序。存储器903中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件902被配置为执行指令，以执行上述方法。装置90还可以包括一个电源组件906被配置为执行装置90的电源管理，一个有线或无线网络接口905被配置为将装置90连接到网络，和一个输入输出(I/O)接口908。装置90可以操作基于存储在存储器903的操作系统，例如WindowsServerTM，MacOSXTM，UnixTM,LinuxTM，FreeBSDTM或类似。一种非临时性计算机可读存储介质，当所述存储介质中的指令由装置90的处理器执行时，使得装置90能够执行上述网页生成方法，所述方法包括：在初始源代码中添加预设功能的组件，所述预设功能的组件用于表示所述预设功能的内容；根据所述预设功能的组件获取与所述预设功能对应的代码；根据与所述预设功能对应的代码和所述初始源代码获取浏览器的显示网页。所述根据所述预设功能的组件获取与所述预设功能对应的代码包括：根据所述预设功能的组件和预设映射表获取与所述预设功能对应的代码，其中，所述预设映射表中包括至少一个预设功能的组件及至少一个预设功能对应的代码，所述预设映射表用于指示所述至少一个预设功能的组件与所述至少一个预设功能对应的代码的对应关系。所述根据所述预设功能的组件获取与所述预设功能对应的代码包括：获取与所述预设功能的组件对应的统一资源定位符URL；通过所述URL获取与所述预设功能对应的代码。所述根据与所述预设功能对应的代码和所述初始源代码获取浏览器的显示网页包括：根据与所述预设功能对应的代码和所述初始源代码，获取与所述初始源代码对应的中间代码；根据所述中间代码获取浏览器的显示网页。所述根据与所述预设功能对应的代码和所述初始源代码，获取与所述初始源代码对应的中间代码包括：获取所述预设功能对应的代码中与所述初始源代码匹配的代码；根据与所述初始源代码匹配的代码和所述初始源代码，获取所述中间代码。所述根据所述中间代码获取浏览器的显示网页，包括：根据所述中间代码获取所述浏览器可识别的最终代码；根据所述最终代码生成所述浏览器的显示网页。本领域技术人员在考虑说明书及实践这里公开的公开后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本
技术领域：
中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。当前第1页1 2 3