基于模版引擎的web开发方法和装置制造方法及图纸

本发明专利技术公开了一种基于模版引擎的web开发方法和装置，属于软件开发技术领域。所述方法包括：从第三方框架或者组件库中获取所需组件；对获取的组件及按照预设格式进行封装，形成组件模板；根据组件模板的标签，引入所需的组件模板，并形成相应的网页模板；通过预设的模板解析引擎，对网页模板和网页模板对应的组件模板进行解析并形成相应的页面。本发明专利技术通过对所需组件进行封装成具有统一格式的组件模板，可以屏蔽不同框架的组件之间因编写风格差异带来的使用差异和使用冲突，减少程序员对组件的使用上耗费的时间；而且采用组件模板标签的方式来编写网页模板，编写方式简洁高效、编写的代码简洁且易于维护，进而增加了web开发效率。

Method and device for developing web based on template engine

The invention discloses a method and a device for developing web based on a template engine, belonging to the technical field of software development. The method includes: from the third party framework or to obtain the required components in the component library; to obtain components and in accordance with the preset format package, forming the component template; according to the component template tag, introducing the required component template, and the formation of the corresponding web page template; template parsing engine by pre design, on page template and the corresponding page template component template parsing and corresponding page. The present invention of the required components are encapsulated with unified format component template, can use different writing style due to differences between the components and the use of different shielding frame conflicts, reduce the use of components on the programmer to spend time; and by using the component template tag to write web templates, simple and efficient way of writing and the code is simple and easy to maintain and increase the development efficiency of web.

【技术实现步骤摘要】
基于模版引擎的web开发方法和装置
本专利技术涉及软件开发
，特别涉及一种基于模版引擎的web开发集成方法和装置。
技术介绍
当前，随着互联网技术的快速发展，基于浏览器/服务器(Browser/Server，简称“B/S”)模式web软件开发由于自身优势得到了广泛应用。具体地，这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。现有的web开关过程中，程序员需要准备许多基础组件，这些基础组件很可能来自不同的开源框架，例如：Mybatis框架、Spring框架、Dom4j工具包、JqueryUI前端框架等，不同框架中的组件的使用方式不完全相同，因此，在对这些基础组件进行调用时，程序员需要先识别这些基础组件，并采用相应的方式，这样耗费了程序员大量的时间，严重影响了web开发的效率。
技术实现思路
本专利技术针对现有的web开发过程中需要消耗大量的时间来识别来自不同框架的组件，以采用相应的使用方法，进而严重影响web开发效率的问题，提供了一种基于模版引擎的web开发方法和装置。本专利技术就上述技术问题而提出的技术方案如下：一方面，提供了一种基于模版引擎的web开发方法，所述方法包括：从第三方框架或者组件库中获取所需组件；对获取的所述组件按照预设格式进行封装，形成组件模板，所述组件模板包括为所述组件添加的标签；根据所述组件模板的标签，引入所需的组件模板，并形成相应的网页模板；通过预设的模板解析引擎，对所述网页模板和所述网页模板对应的所述组件模板进行解析并形成相应的页面。本专利技术上述的基于模版引擎的web开发方法中，所述对获取的所述组件按照预设格式进行封装，形成组件模板，包括：将获取的组件所依赖资源的引入方式、配置方式、以及使用方法，通过JavaScript脚本方式与对应的所述组件封装在一起，并添加统一规则的标签，形成组件模板。本专利技术上述的基于模版引擎的web开发方法中，所述根据所述组件模板的标签，引入所需的组件模板，并形成网页模板，包括：采用标签的方式，引入所需组件对应的组件模板并形成网页模板。本专利技术上述的基于模版引擎的web开发方法中，所述通过预设的模板解析引擎，实现对所述网页模板进行解析并形成相应的页面，包括：通过预设的所述模板解析引擎解析所述网页模板来获取所述网页模板引入的组件模板；通过预设的所述模板解析引擎解析引入的组件模板，得到引入的组件模板中封装好的JavaScript脚本代码；对解析出的JavaScript脚本代码进行渲染并形成页面代码；将形成的所述页面代码返回到相应的客户端，并通过所述客户端中的浏览器解析，形成相应的页面。本专利技术上述的基于模版引擎的web开发方法中，所述方法还包括：将形成的组件模板储存在组件模板库中；从所述组件模板库中获取所需组件对应的组件模板。另一方面，提供了一种基于模版引擎的web开发装置，所述装置包括：获取模块，用于从第三方框架或者组件库中获取所需组件；封装模块，用于对获取的所述组件按照预设格式进行封装，形成组件模板，所述组件模板包括为所述组件添加的标签；处理模块，用于根据所述组件模板的标签，引入所需的组件模板，并形成相应的网页模板；所述处理模块，还用于通过预设的模板解析引擎，对所述网页模板和所述网页模板对应的所述组件模板进行解析并形成相应的页面。本专利技术上述的基于模版引擎的web开发装置中，所述封装模块，包括：封装单元，用于将获取的组件所依赖资源的引入方式、配置方式、以及使用方法，通过JavaScript脚本方式与对应的所述组件封装在一起，并添加统一规则的标签，形成组件模板。本专利技术上述的基于模版引擎的web开发装置中，所述处理模块，包括：第一处理单元，用于采用标签的方式，引入所需组件对应的组件模板并形成网页模板本专利技术上述的基于模版引擎的web开发装置中，所述处理模块，还包括：解析单元，用于通过预设的所述模板解析引擎解析所述网页模板来获取所述网页模板引入的组件模板；所述解析单元，还用于通过预设的所述模板解析引擎解析引入的组件模板，得到引入的组件模板中封装好的JavaScript脚本代码；渲染单元，用于对解析出的JavaScript脚本代码进行渲染并形成页面代码；第二处理单元，用于将形成的所述页面代码返回到相应的客户端，并通过所述客户端中的浏览器解析，形成相应的页面。本专利技术上述的基于模版引擎的web开发装置中，所述装置还包括：存储模块，用于将形成的组件模板储存在组件模板库中；所述获取模块，还用于从所述组件模板库中获取所需组件对应的组件模板。本专利技术实施例提供的技术方案带来的有益效果是：通过从第三方框架或者组件库中获取所需组件，然后对获取的组件按照预设格式进行封装，形成组件模板，其次根据组件模板的标签，引入所需的组件模板，并形成相应的网页模板；最后通过预设的模板解析引擎，对网页模板和网页模板对应的组件模板进行解析并形成相应的页面。这样对所需组件进行封装成具有统一格式的组件模板，可以屏蔽不同框架的组件之间因编写风格差异带来的使用差异和使用冲突，减少程序员对组件的使用上耗费的时间，加快了web开发速度；而且采用组件模板标签的方式来编写网页模板，编写方式简洁高效、编写的代码简洁且易于维护，进而可以进一步减少web开发过程中的工作量，增加web开发效率。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例一提供的一种基于模版引擎的web开发方法流程图；图2是本专利技术实施例一提供的一种对网页模板和组件模板进行解析并形成相应的页面的方法流程图；图3是本专利技术实施例一提供的一种通过模板解析引擎来解析网页模板和组件模板的流程示意图；图4是本专利技术实施例一提供的一种基于模版引擎的web开发方法流程图；图5是本专利技术实施例二提供的一种基于模版引擎的web开发装置结构示意图；图6是本专利技术实施例二提供的一种基于模版引擎的web开发装置结构示意图；图7是本专利技术实施例二提供的一种基于模版引擎的web开发装置结构示意图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术实施方式作进一步地详细描述。实施例一本专利技术实施例提供了一种基于模版引擎的web开发方法，参见图1，该方法包括：步骤S11，从第三方框架或者组件库中获取所需组件。在本实施例中，web开发需要数量众多的基础组件，这些组件可以引用第三方开源框架或者组件库中的组件，例如：Mybatis框架、Spring框架、Dom4j工具包、JqueryUI前端框架等中的组件。在实际应用中，在获取了随需组件的同时，也会获取组件对应的依赖资源，如JavaScript脚本、css样式表、图片等，这些资源用于后续步骤中对组件中代码的渲染。步骤S12，对获取的组件按照预设格式进行封装，形成组件模板，该组件模板包括为组件添加的标签。在本实施例中，上述步骤S12可以通过如下方式实现：将获取的组件所依赖资源的引入方式、配置方式、以及使用方法，通过JavaScript脚本方式与对应的组件封装在一起，并添本文档来自技高网...

【技术保护点】
一种基于模版引擎的web开发方法，其特征在于，所述方法包括：从第三方框架或者组件库中获取所需组件；对获取的所述组件按照预设格式进行封装，形成组件模板，所述组件模板包括为所述组件添加的标签；根据所述组件模板的标签，引入所需的组件模板，并形成相应的网页模板；通过预设的模板解析引擎，对所述网页模板和所述网页模板对应的所述组件模板进行解析并形成相应的页面。

【技术特征摘要】
1.一种基于模版引擎的web开发方法，其特征在于，所述方法包括：从第三方框架或者组件库中获取所需组件；对获取的所述组件按照预设格式进行封装，形成组件模板，所述组件模板包括为所述组件添加的标签；根据所述组件模板的标签，引入所需的组件模板，并形成相应的网页模板；通过预设的模板解析引擎，对所述网页模板和所述网页模板对应的所述组件模板进行解析并形成相应的页面。2.根据权利要求1所述的方法，其特征在于，所述对获取的所述组件按照预设格式进行封装，形成组件模板，包括：将获取的组件所依赖资源的引入方式、配置方式、以及使用方法，通过JavaScript脚本方式与对应的所述组件封装在一起，并添加统一规则的标签，形成组件模板。3.根据权利要求1所述的方法，其特征在于，所述根据所述组件模板的标签，引入所需的组件模板，并形成网页模板，包括：采用标签的方式，引入所需组件对应的组件模板并形成网页模板。4.根据权利要求1所述的方法，其特征在于，所述通过预设的模板解析引擎，实现对所述网页模板进行解析并形成相应的页面，包括：通过预设的所述模板解析引擎解析所述网页模板来获取所述网页模板引入的组件模板；通过预设的所述模板解析引擎解析引入的组件模板，得到引入的组件模板中封装好的JavaScript脚本代码；对解析出的JavaScript脚本代码进行渲染并形成页面代码；将形成的所述页面代码返回到相应的客户端，并通过所述客户端中的浏览器解析，形成相应的页面。5.根据权利要求1-4任一项所述的方法，其特征在于，所述方法还包括：将形成的组件模板储存在组件模板库中；从所述组件模板库中获取所需组件对应的组件模板。6.一种基于模版引擎的w...

【专利技术属性】
技术研发人员：胡晓光，刘刚，景晓军，沈智杰，唐新民，
申请(专利权)人：任子行网络技术股份有限公司，
类型：发明
国别省市：广东,44