[发明专利]基于组件化模板的网站开发方法、装置、设备和存储介质

说明书

本发明提供了一种基于组件化模板的网站开发方法、装置、设备和存储介质，其中，基于组件化模板的网站开发方法，包括：根据第一网站开发需求信息，拆分为多个功能组件信息；根据所述功能组件信息，调用对应的Vue组件；根据所述Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，以调用对应功能的业务逻辑结合所述Vue组件生成页面渲染结果。通过本发明的技术方案，可以提高网站开发的效率，而且能够提供简便的组件化页面渲染模板锚点接口进行组件化页面渲染模板的修改，降低网站后期运营维护的操作繁琐度，提升了网站的整体性能。

技术领域

本发明涉及软件开发技术领域，具体而言，涉及一种基于组件化模板的网站开发方法、一种基于组件化模板的网站开发装置、一种计算机设备和一种计算机可读存储介质。

背景技术

随着互联网的蓬勃发展，出版行业逐步开始信息化转型。门户网站整合出版社的内部资源，还可提供图书购买等电子商务功能，是用户了解出版社的主要渠道，也是出版社实现互联网盈利的重要手段。普通门户网站主要倾向于各种资讯的发布，而出版社门户网站除资讯外，还侧重于社内各种资源的展示与购买，如图书、期刊、视频等。因此，在制作出版社门户网站页面模板时，需考虑社内的资源分布与商务需求，开发过程较为复杂。而网站运维时期，随着社内资源的改变，例如图书加工标准变更，中图法分类升级或新增期刊，也需要不同程度的改变页面模板。

相关技术中，主流的页面模板技术大致可分为两类，一类以jsp、freemarker、velocity为代表，模板渲染在服务端完成，浏览器只负责接收渲染完成后的页面并展示；另一类以Vue、AngularJS、React为代表，服务器端只提供通信接口，在浏览器端由js脚本调用服务端接口获取数据并完成渲染，存在以下技术缺陷：

(1)freemarker等服务端渲染模板使用的自定义标签语言不同于Java或JavaScript，需要一定的学习成本，而且大多数标签均对应后台的Java标签解析类，要求标签使用人员具有一定Java方面的基础，另外返回给浏览器的是静态html页面，难以实现数据的双向绑定。

(2)Vue等浏览器端渲染模板近年来收到广泛关注，然而现有的Vue等浏览器端渲染模板虽然实现了数据的双向绑定，但是开发过程比较繁琐，复用性较低，而且在后期运维中修改操作比较繁琐。

发明内容

本发明旨在至少解决现有技术或相关技术中存在的技术问题之一。

为此，本发明的一个目的在于提供一种基于组件化模板的网站开发方法。

本发明的另一个目的在于提供一种基于组件化模板的网站开发装置。

本发明的再一个目的在于提供一种计算机设备。

本发明的又一个目的在于提供一种计算机可读存储介质。

为了实现上述目的，本发明的第一方面的技术方案提供了一种基于组件化模板的网站开发方法，包括：根据第一网站开发需求信息，拆分为多个功能组件信息；根据功能组件信息，调用对应的Vue组件；根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，以调用对应功能的业务逻辑结合Vue组件生成页面渲染结果。

在该技术方案中，通过根据第一网站开发需求信息，拆分为多个功能组件信息，一方面，有利于针对不同的功能组件进行开发，另一方面，有利于根据功能组件信息，调用已有的对应的Vue组件，通过根据功能组件信息，调用对应的Vue组件，然后根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，有利于调用对应功能的业务逻辑结合Vue组件生成页面渲染结果，组件化页面渲染模板可以在不同的网站开发或者不同的页面中复用，可以提高网站开发的效率。