一种网站页面开发方法和装置的制造方法
【技术领域】
[0001]本发明涉及互联网技术领域，具体涉及一种网站页面开发方法和装置。
【背景技术】
[0002]在互联网技术飞速发展的今天，用户浏览各类网页的需求也日益增多，现有的网站页面开发方法也在不断更新。而一个页面需要向用户提供不同的功能，各功能的开发需要将相关资源进行编译，有些功能还存在相互依赖的关系。
[0003]例如，存在如下场景:某网站的一个页面包括功能1、功能2、功能3、功能4，其中只有功能2需要依赖资源a进行实现。现有技术通常通过构建配置文件来声明该页面依赖的所有资源，则在该页面的配置文件中声明需要依赖资源a。当网站更换了一批开发人员后，如果需要将功能2下线，此时资源a已不再是该页面依赖的资源，而新更换的开发人员阅读配置文件不能确定资源a是否不再需要，只能将其加以保留。因此，需要对网站页面的功能进行合理有序的开发。
【发明内容】
[0004]鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网站页面开发方法和装置。
[0005]依据本发明的一个方面，提供了一种网站页面开发方法，包括:对于待开发的一个页面，将该页面划分为多个模块；对于划分的每个模块，开发生成该模块，以及声明该模块所依赖的其他模块；在配置文件中声明该页面的入口模块；以所述配置文件中声明的入口模块为起始节点，根据各模块中所声明的依赖关系，获取到该页面的全部内容，对于获取到该页面的全部内容进行编译处理生成该页面。
[0006]可选地，所述对于待开发的一个页面，将该页面划分为多个模块包括:根据该页面需要实现的不同功能，划分为一个或多个UI类模块，和/或，一个或多个非UI类模块。
[0007]可选地，所述生成该模块包括:生成该模块的JS脚本以及获取该JS脚本所需引用的静态资源；所述声明该模块所依赖的其他模块包括:声明该模块的JS脚本所依赖的其他JS脚本。
[0008]可选地，所述以所述配置文件中声明的入口模块为起始节点，根据各模块中所声明的依赖关系，获取到该页面的全部内容包括:以所述配置文件中声明的入口模块的JS脚本为起始点，根据各个模块中所声明的JS脚本间的依赖关系，获取该页面的各个模块的JS脚本，以及获取该页面的每个JS脚本所需引用的静态资源。
[0009]可选地，所述对于获取到该页面的全部内容进行编译处理包括:将该页面的各模块中所包含的JS脚本归为一类放入编译文件中；以及将该页面的各模块中的各JS脚本所需引用的静态资源，按照不同的文件类别分别归类放入编译文件中。
[0010]可选地，所述对于获取到该页面的全部内容进行编译处理还包括:为每个JS脚本和每个静态资源，都分别生成唯一的名称；将每个JS脚本/静态资源都用其唯一的名称进行重命名，并且在声明的依赖关系中都用相应的唯一的名称替换原来的名称。
[0011]可选地，为每个JS脚本和每个静态资源，都分别生成唯一的名称包括:对于一个JS脚本/静态资源，取该JS脚本/静态资源的内容计算MD5值，将所计算出的MD5值作为该JS脚本/静态资源的唯一的名称；或者，对于一个JS脚本/静态资源，计算其相对于指定根目录的相对路径的MD5值；将所计算出的MD5值作为该JS脚本/静态资源的唯一的名称。
[0012]依据本发明的另一方面，提供了一种网站页面开发装置，包括:页面划分单元，适于对于待开发的一个页面，将该页面划分为多个模块；开发处理单元，适于对于划分的每个模块，开发生成该模块，以及声明该模块所依赖的其他模块；在配置文件中声明该页面的入口模块；编译处理单元，适于以所述配置文件中声明的入口模块为起始节点，根据各模块中所声明的依赖关系，获取到该页面的全部内容，对于获取到该页面的全部内容进行编译处理生成该页面。
[0013]可选地，所述页面划分单元，适于根据该页面需要实现的不同功能，划分为一个或多个UI类模块，和/或，一个或多个非UI类模块。
[0014]可选地，所述开发处理单元，具体适于对于划分的每个模块，生成该模块的JS脚本以及获取该JS脚本所需引用的静态资源，以及声明该模块的JS脚本所依赖的其他JS脚本。
[0015]可选地，所述编译处理单元，适于以所述配置文件中声明的入口模块的JS脚本为起始点，根据各个模块中所声明的JS脚本间的依赖关系，获取该页面的各个模块的JS脚本，以及获取该页面的每个JS脚本所需引用的静态资源。
[0016]可选地，所述编译处理单元，适于将该页面的各模块中所包含的JS脚本归为一类放入编译文件中；以及将该页面的各模块中的各JS脚本所需引用的静态资源，按照不同的文件类别分别归类放入编译文件中。
[0017]可选地，所述编译处理单元，还适于为每个JS脚本和每个静态资源，都分别生成唯一的名称；将每个JS脚本/静态资源都用其唯一的名称进行重命名，并且在声明的依赖关系中都用相应的唯一的名称替换原来的名称。
[0018]可选地，所述编译处理单元，适于对于一个JS脚本/静态资源，取该JS脚本/静态资源的内容计算MD5值，将所计算出的MD5值作为该JS脚本/静态资源的唯一的名称；或者，适于对于一个JS脚本/静态资源，计算其相对于指定根目录的相对路径的MD5值；将所计算出的MD5值作为该JS脚本/静态资源的唯一的名称。
[0019]由上述可知，本发明提供的技术方案，将待开发的一个页面划分为多个模块以实现不同功能，对每个模块开发生成，对于模块间存在依赖关系的情况加以声明，并进一步在配置文件中声明该页面的入口模块，还以所述配置文件中声明的入口模块为起始节点，根据各模块中所声明的依赖关系，获取到该页面的全部内容，再对于获取到该页面的全部内容进行编译处理生成该页面。该技术方案能够有序实现网站页面所需的功能，解决了依赖关系声明不确切的问题，能够高效、迅速地开发网站页面。
[0020]上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的【具体实施方式】。
【附图说明】
[0021]通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中:
[0022]图1示出了根据本发明一个实施例的一种网站页面开发方法的流程图；
[0023]图2示出了根据本发明一个实施例的一种网站页面开发装置的结构示意图。
【具体实施方式】
[0024]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
[0025]图1示出了根据本发明一个实施例的一种网站页面开发方法的流程图，如图1所示，该方法包括:
[0026]步骤S110，对于待开发的一个页面，将该页面划分为多个模块。
[0027]对于向用户呈现的不同功能，由不同的模块来进行实现。例如，在网站某些位置设置广告，在另一些位置提供登录，在又一些位置播放视频等，将这些功能划分给多个模块来进行实现，如登录模块、视频播放模块等。如果对页面进行整体开发，所要维护的文件远远大于维护一个模块的文件，而本步骤使得在页面的维护和开发中都减轻了相关人员的负担。
[0028]步骤S120，对于划分的每个模块，开发生成该模块，以及声明该模块所依赖的其他丰旲块。
[0029]对于步骤SllO中划分出的多个模块进行开发生成，而如果一个模块还依赖于其他模块，则要对其加以声明。例如，页面上存在多个展示类的模块，如登录框、抽奖界面等，但也存在将这些展示类模块加以联系的模块，如播放列表模块，需要根据用户实际在播放视频、音乐的展示模块的操作来进行内容的更改。又例如，页面包括登录功能，但具体的登录入口可能在多个模块中都存在，需要将其串联起来，声明其依赖关系。
[0030]步骤S130，在配置文件中声明该页面的入口模块。
[0031]步骤SllO至步骤S130是网站页面开发过程中需要进行的设计，并不涉及最终编译，该过程状态可以定义为网站页面的开发态。
[0032]步骤S140，以配置文件中声明的入口模块为起始节点，根据各模块中所声明的依赖关系，获取到该页面的全部内容，对于获取到该页面的全部内容进行编译处理生成该页面。
[0033]例如，在配置文件中声明模块A为入口模块，则在页面开发时，以模块A作为起始节点，根据模块A声明依赖关系获取其所依赖的模块和资源，如模块A依赖模块B和模块C，还需要资源a和资源b，接下来进一步获取模块B和模块C各自的依赖关系，以此类推就可以获取到该页面的全部内容，再将获取到该页面的全部内容进行编译处理，如使用编程语言 HTML(Hyper Text Markup Language，超文本标记语言)，或样式语言 JS (JavaScript)、CSS(