基于模板引擎的页面项目开发方法、设备及存储介质技术

本发明专利技术涉及页面项目开发方法，包括以下步骤：页面项目引入模板引擎，模板引擎与其他web框架进行集成；模板引擎进行基础资源配置，其他web框架中配置该模板引擎的视图解析器，加载模板；配置扩展属性全局变量；配置组模板并定义页面项目的基础模板，配置引用页面项目的基础资源及路径并定义页面项目的系统风格样式；跟据前台页面发送的不同请求跳转渲染不同模板的页面，引入根模板同步基础资源路径，并传入当前页面项目的相关动态参数配置；根据页面项目的不同业务需求定制前端Web界面组件，统一通过该配置的动态参数为函数入口进行页面初始化，并按需加载页面项目的不同业务需求的功能模块。本发明专利技术还涉执行该方法的设备及计算机可读存储介质。算机可读存储介质。算机可读存储介质。

【技术实现步骤摘要】
基于模板引擎的页面项目开发方法、设备及存储介质


[0001]本专利技术是关于一种基于模板引擎的页面项目开发方法、设备及计算机可读存储介质，涉及软件技术开发领域。

技术介绍

[0002]随着如今企业的发展，以及更多企业的信息化转型，也就造成了越来越多的工作放到线上来进行处理从而使部门办公效率提高，由此更多的CMS系统开发工作应运而生。
[0003]但是在进行管理系统开发的过程中，会存在一些问题，也是开发工作的通病，那就是由于各功能模块及接口通常分给多人去进行开发，因为开发习惯的不同所以开发风格很难保证统一，部分相同功能代码也容易存在多个，也就是复用性差代码冗余，但其中绝大部分代码都是可以进行抽取，封装成为独立的功能模块或函数然后供其他地方进行调用，从而减少了代码冗余，提高复用性。如要满足如上要求，代码就需要高度解耦，否则牵一发动全身，因此要尽量减少代码耦合。最好的办法就是模块化开发，如果职责不够单一，模块、列设计大而全，那么依赖它的代码就会比较多，进而增加代码的耦合度。这里的“模块”，不单单指一类构成的模块，还可以理解为单个类、函数。通过将功能独立的代码，封装成模块。独立的模块就像一块一块的积木、更加容易复用，可以直接拿出来搭建更加复用的系统。页面风格的问题可以通过模板化进行管理。并且页面及相关功能函数也可以进行模块化分离，从而做到静态、动态分工明确，各司其职。

技术实现思路

[0004]为实现上述目的，本专利技术提出了基于模板引擎的页面项目开发方法、设备及计算机可读存储介质，从而对系统进行模块化开发，减少代码耦合，提高复用性，保持系统页面风格统一，从而提高用户交互体验。
[0005]第一方面，本专利技术提供一种基于模板引擎的页面项目开发方法，该方法包括以下步骤：将页面项目引入模板引擎，该模板引擎与其他web框架进行集成；该模板引擎进行基础资源配置，并在该其他web框架中配置该模板引擎的视图解析器，加载模板；该模板引擎配置扩展属性全局变量；配置组模板并定义该页面项目的基础模板，配置引用该页面项目相关的基础资源及路径并定义该页面项目的系统风格样式；跟据前台页面发送的不同请求跳转渲染不同模板的页面，引入根模板同步基础资源路径，并传入当前页面项目的相关动态参数配置；根据页面项目的不同业务需求定制前端Web界面组件，统一通过该配置的动态参数为函数入口进行页面初始化，并按需加载该页面项目的不同业务需求的功能模块
[0006]其中，模板应用方式为嵌套，根模板为最底层的基础模板，其用于主要基础布局控制，定义系统风格样式，保证项目整体风格一致。
[0007]其中，在项目服务器启动前完成所需配置工作，其中包括：基础资源的配置；在该其他web框架中配置该模板引擎的视图解析器；该模板引擎配置扩展属性全局变量等。
[0008]在一些示例性实施例中，该基础资源包括classpath根路径，tag标签根路径。
[0009]在一些示例性实施例中，通过模板加载器进行模板加载，该模板加载器支持该其他web框架。
[0010]在一些示例性实施例中，扩展属性全局变量包括静态资源版本号，项目请求接口根路径，流程资源路径，流程接口根路径，当前操作用户相关信息。
[0011]在一些示例性实施例中，配置该组模板包括自定义格式化函数，标签类，工具方法类。
[0012]在一些示例性实施例中，该系统风格样式包括页面标签、按钮、导航栏等，从而保证项目整体风格一致。
[0013]在一些示例性实施例中，该相关动态参数配置包括相关js函数库路径配置及页面包屑配置。
[0014]在一些示例性实施例中，根据不同业务需求定制前端Web界面组件，统一通过上述配置的js函数库内的index.js为入口进行页面初始化，包括数据初始化及相关按钮功能初始化。
[0015]在一些示例性实施例中，该模板引擎包括：velocity、freemarker或beetl。
[0016]在一些示例性实施例中，该其他web框架包括：Spring MVC，SpringBoot，Struts，Servlet。
[0017]在一些示例性实施例中，该前端Web界面组件包括：Vant、AntDesign、AntDesign Mobile、Bootstrap、Layui、ElementUI、semidesign、TaroUI、Vuetify、WeUI。
[0018]第二方面，本专利技术提供一种电子设备，包括：至少一个处理器；存储器，该存储器上存储有至少一个程序，当该至少一个程序被该至少一个处理器执行，使得该至少一个处理器实现该页面项目开发方法。
[0019]第三方面，本专利技术提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现该页面项目开发方法。
[0020]本专利技术由于采取以上技术方案，其具有以下优点：
[0021]1、本专利技术以模板为框架进行页面数据输出展示，保证了页面整体样式风格统一，既保持了数据的准确性、降低维护成本，也使系统界面简洁、方便；
[0022]2、如果职责不够单一，模块、列设计大而全，那么依赖它的代码就会比较多，进而增加代码的耦合度。根据上一点，也就会影响到代码的复用性。相反，越细粒度的代码，代码的通用性越好，越容易被复用。页面采用动静分离的开发方式，实现静态模板页面和js动态函数分开进行模块式开发。这里的“模块”，不单单指一类构成的模块，还可以理解为单个类、函数。将功能独立的代码，封装成模块，独立的模块就像一块一块的积木、更加容易复用，可以直接拿出来搭建更加复用的系统；
[0023]3、同时还实现了业务与非业务逻辑分离，越是跟业务无关的代码越是容易复用，越是针对特定业务的代码就越难复用。所以，为了复用跟业务代码无关的代码，将业务和非业务逻辑代码分离，抽取成一些通用的框架、类库、组件等。
[0024]4、通用代码下沉，从分层的角度来看，越是底层的代码越通用、会被越多的模块调用，越是应该设计足够可以复用。一般情况下，代码，在代码分层之后，为了避免交叉调用关系混乱，只允许上层代码调用下层及同层代码之间的调用，杜绝下层代码调用上层代码、所以，通用的代码我们尽量下沉到更下层。
附图说明
[0025]图1是本专利技术提供的页面项目开发方法的流程图，
[0026]图2是根据本专利技术提供的基于模板引擎的页面项目开发方法、设备、计算机可读存储介质实施的业务流程示意图。
具体实施方式
[0027]为使本领域的技术人员更好地理解本专利技术的技术方案，下面结合附图对本专利技术提供的基于模板引擎的页面项目开发方法、设备、计算机可读存储介质及系统进行详细描述。
[0028]在下文中将参考附图更充分地描述示例实施例，但是所述示例实施例可以以不同形式来体现且不应当被解释为限于本文阐述的实施例。反之，提供这些实施例的目的在于使本公开透彻和完整，并将使本领域技术人员充分理解本公开的范围。
[0029]在不冲突的情况下，本公开各本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于模板引擎的页面项目开发方法，所述方法包括以下步骤：S1、将页面项目引入模板引擎，所述模板引擎与其他web框架进行集成；S2、所述模板引擎进行基础资源配置，并在所述其他web框架中配置所述模板引擎的视图解析器，加载模板；S3、所述模板引擎配置扩展属性全局变量；S4、配置组模板；S5、定义所述页面项目的基础模板，配置引用所述页面项目相关的基础资源及路径并定义所述页面项目的系统风格样式；S6、跟据前台页面发送的不同请求跳转渲染不同模板的页面，引入根模板同步基础资源路径，并传入当前页面项目的相关动态参数配置；S7、根据页面项目的不同业务需求定制前端Web界面组件，S8、统一通过所述配置的动态参数为函数入口进行页面初始化，并按需加载所述页面项目的不同业务需求的功能模块。2.根据权利要求1所述的页面项目开发方法，所述根模板为最底层的基础模板。3.根据权利要求1所述的页面项目开发方法，其特征在于，所述基础资源包括classpath根路径，tag标签根路径。4.根据权利要求1所述的页面项目开发方法，其特征在于，通过模板加载器进行模板加载，所述模板加载器支持所述其他web框架。5.根据权利要求1所述的页面项目开发方法，其特征在于，所述扩展属性全局变量包括静态资源版本号，项目请求接口根路径，流程资源路径，流程接口根路径，当前操作用户相关信息。6.根据权利要求1所述的页面项目开发方法，其特征在于，配置所述组模板包括自定义格式化函数，标签类，工具方法类。7.根据权利要求1所述的页面项目开发方法，其特征在于，所述系统风格样式包括页...

【专利技术属性】
技术研发人员：罗静，敦建征，张培，曹西达，
申请(专利权)人：通号智慧城市研究设计院有限公司，
类型：发明
国别省市：