CN110780868A - 基于组件化模板的网站开发方法、装置、设备和存储介质 - Google Patents

基于组件化模板的网站开发方法、装置、设备和存储介质 Download PDF

Info

Publication number
CN110780868A
CN110780868A CN201910959947.8A CN201910959947A CN110780868A CN 110780868 A CN110780868 A CN 110780868A CN 201910959947 A CN201910959947 A CN 201910959947A CN 110780868 A CN110780868 A CN 110780868A
Authority
CN
China
Prior art keywords
componentized
template
page rendering
vue
website development
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201910959947.8A
Other languages
English (en)
Inventor
司远
百华睿
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Peking University Founder Group Co Ltd
Beijing Founder Electronics Co Ltd
Original Assignee
Peking University Founder Group Co Ltd
Beijing Founder Electronics Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Peking University Founder Group Co Ltd, Beijing Founder Electronics Co Ltd filed Critical Peking University Founder Group Co Ltd
Priority to CN201910959947.8A priority Critical patent/CN110780868A/zh
Publication of CN110780868A publication Critical patent/CN110780868A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/31—Programming languages or programming paradigms

Abstract

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

Description

基于组件化模板的网站开发方法、装置、设备和存储介质
技术领域
本发明涉及软件开发技术领域，具体而言，涉及一种基于组件化模板的网站开发方法、一种基于组件化模板的网站开发装置、一种计算机设备和一种计算机可读存储介质。
背景技术
随着互联网的蓬勃发展，出版行业逐步开始信息化转型。门户网站整合出版社的内部资源，还可提供图书购买等电子商务功能，是用户了解出版社的主要渠道，也是出版社实现互联网盈利的重要手段。普通门户网站主要倾向于各种资讯的发布，而出版社门户网站除资讯外，还侧重于社内各种资源的展示与购买，如图书、期刊、视频等。因此，在制作出版社门户网站页面模板时，需考虑社内的资源分布与商务需求，开发过程较为复杂。而网站运维时期，随着社内资源的改变，例如图书加工标准变更，中图法分类升级或新增期刊，也需要不同程度的改变页面模板。
相关技术中，主流的页面模板技术大致可分为两类，一类以jsp、freemarker、velocity为代表，模板渲染在服务端完成，浏览器只负责接收渲染完成后的页面并展示；另一类以Vue、AngularJS、React为代表，服务器端只提供通信接口，在浏览器端由js脚本调用服务端接口获取数据并完成渲染，存在以下技术缺陷：
(1)freemarker等服务端渲染模板使用的自定义标签语言不同于Java或JavaScript，需要一定的学习成本，而且大多数标签均对应后台的Java标签解析类，要求标签使用人员具有一定Java方面的基础，另外返回给浏览器的是静态html页面，难以实现数据的双向绑定。
(2)Vue等浏览器端渲染模板近年来收到广泛关注，然而现有的Vue等浏览器端渲染模板虽然实现了数据的双向绑定，但是开发过程比较繁琐，复用性较低，而且在后期运维中修改操作比较繁琐。
发明内容
本发明旨在至少解决现有技术或相关技术中存在的技术问题之一。
为此，本发明的一个目的在于提供一种基于组件化模板的网站开发方法。
本发明的另一个目的在于提供一种基于组件化模板的网站开发装置。
本发明的再一个目的在于提供一种计算机设备。
本发明的又一个目的在于提供一种计算机可读存储介质。
为了实现上述目的，本发明的第一方面的技术方案提供了一种基于组件化模板的网站开发方法，包括：根据第一网站开发需求信息，拆分为多个功能组件信息；根据功能组件信息，调用对应的Vue组件；根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，以调用对应功能的业务逻辑结合Vue组件生成页面渲染结果。
在该技术方案中，通过根据第一网站开发需求信息，拆分为多个功能组件信息，一方面，有利于针对不同的功能组件进行开发，另一方面，有利于根据功能组件信息，调用已有的对应的Vue组件，通过根据功能组件信息，调用对应的Vue组件，然后根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，有利于调用对应功能的业务逻辑结合Vue组件生成页面渲染结果，组件化页面渲染模板可以在不同的网站开发或者不同的页面中复用，可以提高网站开发的效率。
需要说明的是，Vue组件是一种前端组件，封装对应功能的业务逻辑为对应的调用接口可以是指将资源浏览、检索、电子商务等功能的业务逻辑封装为REST接口，也即通信接口，对外提供json格式数据，实现前端和后端的通信，使得前端可以调用这些业务逻辑。
在上述技术方案中，优选地，还包括：预先开发Vue组件和对应功能的业务逻辑。
在该技术方案中，通过预先开发Vue组件和对应功能的业务逻辑，有利于实现网站的整体开发，提高网站开发的效率。
需要说明的，Vue组件是根据网站划分出来的功能来进行开发的，业务逻辑也是根据网站划分出来的功能进行开发的，业务逻辑和Vue组件配合，可以作为组件化页面渲染模板，生成页面渲染结果，这些Vue组件和对应的功能的业务逻辑开发出来后可以进行划分保存，有利于实现组件化页面渲染模板的复用，进一步提高网站开发的效率。
在上述任一项技术方案中，优选地，还包括：根据第二网站开发需求信息，调用锚点接口修正组件化页面渲染模板，以修改页面渲染结果。
在该技术方案中，通过根据第二网站开发需求信息，调用锚点接口修正组件化页面渲染模板，可以来修改页面渲染结果，一方面，提高了组件化页面渲染模板在网站开发中的复用性，另一方面，提供简便的组件化页面渲染模板锚点接口进行组件化页面渲染模板的修改，降低网站后期运营维护的操作繁琐度，提升了网站的整体性能。
在上述任一项技术方案中，优选地，还包括：注册Vue组件至组件数据库中，并以列表形式展示。
在该技术方案中，通过注册Vue组件至组件数据库中，并以列表形式展示，提高了Vue组件的调用选择的便利性，进一步提高了组件化页面渲染模板的复用性。
在上述任一项技术方案中，优选地，还包括：显示对应于Vue组件列表的组件化页面渲染模板的页面渲染结果预览图。
在该技术方案中，通过显示对应于Vue组件列表的组件化页面渲染模板的页面渲染结果预览图，有利于用户更直观的看到组件化页面渲染模板的页面渲染结果预览图，从而进行对应的使用或者修改。
需要说明的是，如果涉及到对应的业务逻辑修改时，会开发对应的业务逻辑重新进行封装形成对应的调用接口。
本发明的第二方面的技术方案提出了一种基于组件化模板的网站开发装置，包括：拆分单元，用于根据第一网站开发需求信息，拆分为多个功能组件信息；调用单元，用于根据功能组件信息，调用对应的Vue组件；生成单元，用于根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，以调用对应功能的业务逻辑结合Vue组件生成页面渲染结果。
在该技术方案中，通过根据第一网站开发需求信息，拆分为多个功能组件信息，一方面，有利于针对不同的功能组件进行开发，另一方面，有利于根据功能组件信息，调用已有的对应的Vue组件，通过根据功能组件信息，调用对应的Vue组件，然后根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，有利于调用对应功能的业务逻辑结合Vue组件生成页面渲染结果，组件化页面渲染模板可以在不同的网站开发或者不同的页面中复用，可以提高网站开发的效率。
需要说明的是，Vue组件是一种前端组件，封装对应功能的业务逻辑为对应的调用接口可以是指将资源浏览、检索、电子商务等功能的业务逻辑封装为REST接口，也即通信接口，对外提供json格式数据，实现前端和后端的通信，使得前端可以调用这些业务逻辑。
在上述技术方案中，优选地，还包括：开发单元，用于预先开发Vue组件和对应功能的业务逻辑。
在该技术方案中，通过预先开发Vue组件和对应功能的业务逻辑，有利于实现网站的整体开发，提高网站开发的效率。
需要说明的，Vue组件是根据网站划分出来的功能来进行开发的，业务逻辑也是根据网站划分出来的功能进行开发的，业务逻辑和Vue组件配合，可以作为组件化页面渲染模板，生成页面渲染结果，这些Vue组件和对应的功能的业务逻辑开发出来后可以进行划分保存，有利于实现组件化页面渲染模板的复用，进一步提高网站开发的效率。
在上述任一项技术方案中，优选地，调用单元还用于：根据第二网站开发需求信息，调用锚点接口修正组件化页面渲染模板，以修改页面渲染结果。
在该技术方案中，通过根据第二网站开发需求信息，调用锚点接口修正组件化页面渲染模板，可以来修改页面渲染结果，一方面，提高了组件化页面渲染模板在网站开发中的复用性，另一方面，提供简便的组件化页面渲染模板锚点接口进行组件化页面渲染模板的修改，降低网站后期运营维护的操作繁琐度，提升了网站的整体性能。
在上述任一项技术方案中，优选地，还包括：注册单元，用于注册Vue组件至组件数据库中，并以列表形式展示。
在该技术方案中，通过注册Vue组件至组件数据库中，并以列表形式展示，提高了Vue组件的调用选择的便利性，进一步提高了组件化页面渲染模板的复用性。
在上述任一项技术方案中，优选地，还包括：显示单元，用于显示对应于Vue组件列表的组件化页面渲染模板的页面渲染结果预览图。
在该技术方案中，通过显示对应于Vue组件列表的组件化页面渲染模板的页面渲染结果预览图，有利于用户更直观的看到组件化页面渲染模板的页面渲染结果预览图，从而进行对应的使用或者修改。
需要说明的是，如果涉及到对应的业务逻辑修改时，会开发对应的业务逻辑重新进行封装形成对应的调用接口。
本发明的第三方面的技术方案提出了一种计算机设备，计算机设备包括处理器，处理器用于执行存储器中存储的计算机程序时实现如上述本发明的第一方面的技术方案提出的任一项的基于组件化模板的网站开发方法的步骤。
在该技术方案中，计算机设备包括处理器，处理器用于执行存储器中存储的计算机程序时实现如上述本发明的第一方面的技术方案提出的任一项的基于组件化模板的网站开发方法的步骤，因此具有上述本发明的第一方面的技术方案提出的任一项的基于组件化模板的网站开发方法的全部有益效果，在此不再赘述。
本发明的第四方面的技术方案提出了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现本发明的第一方面的技术方案提出的任一项的基于组件化模板的网站开发方法的步骤。
在该技术方案中，计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现本发明的第一方面的技术方案提出的任一项的基于组件化模板的网站开发方法的步骤，因此具有上述本发明的第一方面的技术方案提出的任一项的基于组件化模板的网站开发方法的全部有益效果，在此不再赘述。
通过以上技术方案，调用对应功能的业务逻辑结合Vue组件作为组件化页面渲染模板，生成页面渲染结果，组件化页面渲染模板可以在不同的网站开发或者不同的页面中复用，可以提高网站开发的效率，提供简便的组件化页面渲染模板锚点接口进行组件化页面渲染模板的修改，降低网站后期运营维护的操作繁琐度，提升了网站的整体性能。
本发明的附加方面和优点将在下面的描述部分中给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。
附图说明
本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中：
图1示出了根据本发明的一个实施例的基于组件化模板的网站开发方法的示意流程图；
图2示出了根据本发明的另一个实施例的基于组件化模板的网站开发方法的示意流程图；
图3示出了根据本发明的一个实施例的基于组件化模板的网站开发装置的示意框图。
具体实施方式
为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施方式对本发明进行进一步的详细描述。需要说明的是，在不冲突的情况下，本申请的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是，本发明还可以采用其他不同于在此描述的其他方式来实施，因此，本发明的保护范围并不受下面公开的具体实施例的限制。
实施例1
图1示出了根据本发明的一个实施例的基于组件化模板的网站开发方法的示意流程图。
如图1所示，根据本发明的实施例的基于组件化模板的网站开发方法，包括：
S102，根据第一网站开发需求信息，拆分为多个功能组件信息；
S104，根据功能组件信息，调用对应的Vue组件；
S106，根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，以调用对应功能的业务逻辑结合Vue组件生成页面渲染结果。
在该实施例中，通过根据第一网站开发需求信息，拆分为多个功能组件信息，一方面，有利于针对不同的功能组件进行开发，另一方面，有利于根据功能组件信息，调用已有的对应的Vue组件，通过根据功能组件信息，调用对应的Vue组件，然后根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，有利于调用对应功能的业务逻辑结合Vue组件生成页面渲染结果，组件化页面渲染模板可以在不同的网站开发或者不同的页面中复用，可以提高网站开发的效率。
需要说明的是，Vue组件是一种前端组件，封装对应功能的业务逻辑为对应的调用接口可以是指将资源浏览、检索、电子商务等功能的业务逻辑封装为REST接口，也即通信接口，对外提供json格式数据，实现前端和后端的通信，使得前端可以调用这些业务逻辑。
具体地，采用MVVM模型，后端只需通过通信接口提供业务逻辑的数据，由前端Vue组件处理页面视图和视图数据，双向数据绑定，前端和后端分离，基于Javascript语言实现，降低了开发难度。
在上述实施例中，优选地，还包括：预先开发Vue组件和对应功能的业务逻辑。
在该实施例中，通过预先开发Vue组件和对应功能的业务逻辑，有利于实现网站的整体开发，提高网站开发的效率。
需要说明的，Vue组件是根据网站划分出来的功能来进行开发的，业务逻辑也是根据网站划分出来的功能进行开发的，业务逻辑和Vue组件配合，可以作为组件化页面渲染模板，生成页面渲染结果，这些Vue组件和对应的功能的业务逻辑开发出来后可以进行划分保存，有利于实现组件化页面渲染模板的复用，进一步提高网站开发的效率。
在上述任一项实施例中，优选地，还包括：注册Vue组件至组件数据库中，并以列表形式展示。
在该实施例中，通过注册Vue组件至组件数据库中，并以列表形式展示，提高了Vue组件的调用选择的便利性，进一步提高了组件化页面渲染模板的复用性。
在上述任一项实施例中，优选地，还包括：显示对应于Vue组件列表的组件化页面渲染模板的页面渲染结果预览图。
在该实施例中，通过显示对应于Vue组件列表的组件化页面渲染模板的页面渲染结果预览图，有利于用户更直观的看到组件化页面渲染模板的页面渲染结果预览图，从而进行对应的使用或者修改。
需要说明的是，如果涉及到对应的业务逻辑修改时，会开发对应的业务逻辑重新进行封装形成对应的调用接口。
实施例2
图2示出了根据本发明的另一个实施例的基于组件化模板的网站开发方法的示意流程图。
如图2所示，根据本发明的另一个实施例的基于组件化模板的网站开发方法，包括：
S202，根据第一网站开发需求信息，拆分为多个功能组件信息；
S204，根据功能组件信息，调用对应的Vue组件；
S206，根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，以调用对应功能的业务逻辑结合Vue组件生成页面渲染结果；
S208，根据第二网站开发需求信息，调用锚点接口修正组件化页面渲染模板，以修改页面渲染结果。
在该实施例中，通过根据第二网站开发需求信息，调用锚点接口修正组件化页面渲染模板，可以来修改页面渲染结果，一方面，提高了组件化页面渲染模板在网站开发中的复用性，另一方面，提供简便的组件化页面渲染模板锚点接口进行组件化页面渲染模板的修改，降低网站后期运营维护的操作繁琐度，提升了网站的整体性能。
实施例3
图3示出了根据本发明的一个实施例的基于组件化模板的网站开发装置300的示意框图。
如图3所示，根据本发明的实施例的基于组件化模板的网站开发装置300，包括：拆分单元302，用于根据第一网站开发需求信息，拆分为多个功能组件信息；调用单元304，用于根据功能组件信息，调用对应的Vue组件；生成单元306，用于根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，以调用对应功能的业务逻辑结合Vue组件生成页面渲染结果。
在该实施例中，通过根据第一网站开发需求信息，拆分为多个功能组件信息，一方面，有利于针对不同的功能组件进行开发，另一方面，有利于根据功能组件信息，调用已有的对应的Vue组件，通过根据功能组件信息，调用对应的Vue组件，然后根据Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，有利于调用对应功能的业务逻辑结合Vue组件生成页面渲染结果，组件化页面渲染模板可以在不同的网站开发或者不同的页面中复用，可以提高网站开发的效率。
需要说明的是，Vue组件是一种前端组件，封装对应功能的业务逻辑为对应的调用接口可以是指将资源浏览、检索、电子商务等功能的业务逻辑封装为REST接口，也即通信接口，对外提供json格式数据，实现前端和后端的通信，使得前端可以调用这些业务逻辑。
具体地，采用MVVM模型，后端只需通过通信接口提供业务逻辑的数据，由前端Vue组件处理页面视图和视图数据，双向数据绑定，前端和后端分离，基于Javascript语言实现，降低了开发难度。
在上述实施例中，优选地，还包括：开发单元308，用于预先开发Vue组件和对应功能的业务逻辑。
在该实施例中，通过预先开发Vue组件和对应功能的业务逻辑，有利于实现网站的整体开发，提高网站开发的效率。
需要说明的，Vue组件是根据网站划分出来的功能来进行开发的，业务逻辑也是根据网站划分出来的功能进行开发的，业务逻辑和Vue组件配合，可以作为组件化页面渲染模板，生成页面渲染结果，这些Vue组件和对应的功能的业务逻辑开发出来后可以进行划分保存，有利于实现组件化页面渲染模板的复用，进一步提高网站开发的效率。
在上述任一项实施例中，优选地，调用单元304还用于：根据第二网站开发需求信息，调用锚点接口修正组件化页面渲染模板，以修改页面渲染结果。
在该实施例中，通过根据第二网站开发需求信息，调用锚点接口修正组件化页面渲染模板，可以来修改页面渲染结果，一方面，提高了组件化页面渲染模板在网站开发中的复用性，另一方面，提供简便的组件化页面渲染模板锚点接口进行组件化页面渲染模板的修改，降低网站后期运营维护的操作繁琐度，提升了网站的整体性能。
在上述任一项实施例中，优选地，还包括：注册单元310，用于注册Vue组件至组件数据库中，并以列表形式展示。
在该实施例中，通过注册Vue组件至组件数据库中，并以列表形式展示，提高了Vue组件的调用选择的便利性，进一步提高了组件化页面渲染模板的复用性。
在上述任一项实施例中，优选地，还包括：显示单元312，用于显示对应于Vue组件列表的组件化页面渲染模板的页面渲染结果预览图。
在该实施例中，通过显示对应于Vue组件列表的组件化页面渲染模板的页面渲染结果预览图，有利于用户更直观的看到组件化页面渲染模板的页面渲染结果预览图，从而进行对应的使用或者修改。
需要说明的是，如果涉及到对应的业务逻辑修改时，会开发对应的业务逻辑重新进行封装形成对应的调用接口。
实施例4
根据本发明的实施例的计算机设备，计算机设备包括处理器，处理器用于执行存储器中存储的计算机程序时实现如上述本发明的实施例提出的任一项的基于组件化模板的网站开发方法的步骤。
在该实施例中，计算机设备包括处理器，处理器用于执行存储器中存储的计算机程序时实现如上述本发明的实施例提出的任一项的基于组件化模板的网站开发方法的步骤，因此具有上述本发明的实施例提出的任一项的基于组件化模板的网站开发方法的全部有益效果，在此不再赘述。
实施例5
根据本发明的实施例的计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时上述实现本发明的实施例提出的任一项的基于组件化模板的网站开发方法的步骤。
在该实施例中，计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述本发明的实施例提出的任一项的基于组件化模板的网站开发方法的步骤，因此具有上述本发明的实施例提出的任一项的基于组件化模板的网站开发方法的全部有益效果，在此不再赘述。
以上结合附图详细说明了本发明的技术方案，本发明提出了一种基于组件化模板的网站开发方法、一种基于组件化模板的网站开发装置、一种计算机设备和一种计算机可读存储介质，通过调用对应功能的业务逻辑结合Vue组件作为组件化页面渲染模板，生成页面渲染结果，组件化页面渲染模板可以在不同的网站开发或者不同的页面中复用，可以提高网站开发的效率，提供简便的组件化页面渲染模板锚点接口进行组件化页面渲染模板的修改，降低网站后期运营维护的操作繁琐度，提升了网站的整体性能。
本发明方法中的步骤可根据实际需要进行顺序调整、合并和删减。
本发明装置中的单元可根据实际需要进行合并、划分和删减。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质包括只读存储器(Read-Only Memory，ROM)、随机存储器(Random Access Memory，RAM)、可编程只读存储器(Programmable Read-only Memory，PROM)、可擦除可编程只读存储器(Erasable Programmable Read Only Memory，EPROM)、一次可编程只读存储器(One-time Programmable Read-Only Memory，OTPROM)、电子抹除式可复写只读存储器(Electrically-Erasable Programmable Read-Only Memory，EEPROM)、只读光盘(CompactDisc Read-Only Memory，CD-ROM)或其他光盘存储器、磁盘存储器、磁带存储器、或者能够用于携带或存储数据的计算机可读的任何其他介质。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (12)

1.一种基于组件化模板的网站开发方法，其特征在于，包括：
根据第一网站开发需求信息，拆分为多个功能组件信息；
根据所述功能组件信息，调用对应的Vue组件；
根据所述Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，以调用对应功能的业务逻辑结合所述Vue组件生成页面渲染结果。
2.根据权利要求1所述的基于组件化模板的网站开发方法，其特征在于，还包括：
预先开发所述Vue组件和所述对应功能的业务逻辑。
3.根据权利要求1或2所述的基于组件化模板的网站开发方法，其特征在于，还包括：
根据第二网站开发需求信息，调用锚点接口修正所述组件化页面渲染模板，以修改所述页面渲染结果。
4.根据权利要求2所述的基于组件化模板的网站开发方法，其特征在于，还包括：
注册所述Vue组件至组件数据库中，并以列表形式展示。
5.根据权利要求4所述的基于组件化模板的网站开发方法，其特征在于，还包括：
显示对应于所述Vue组件列表的组件化页面渲染模板的页面渲染结果预览图。
6.一种基于组件化模板的网站开发装置，其特征在于，包括：
拆分单元，用于根据第一网站开发需求信息，拆分为多个功能组件信息；
调用单元，用于根据所述功能组件信息，调用对应的Vue组件；
生成单元，用于根据所述Vue组件的渲染需求信息，封装对应功能的业务逻辑为对应的调用接口，生成组件化页面渲染模板，以调用对应功能的业务逻辑结合所述Vue组件生成页面渲染结果。
7.根据权利要求6所述的基于组件化模板的网站开发装置，其特征在于，还包括：
开发单元，用于预先开发所述Vue组件和所述对应功能的业务逻辑。
8.根据权利要求6或7所述的基于组件化模板的网站开发装置，其特征在于，
所述调用单元还用于：根据第二网站开发需求信息，调用锚点接口修正所述组件化页面渲染模板，以修改所述页面渲染结果。
9.根据权利要求7所述的基于组件化模板的网站开发装置，其特征在于，还包括：
注册单元，用于注册所述Vue组件至组件数据库中，并以列表形式展示。
10.根据权利要求9所述的基于组件化模板的网站开发装置，其特征在于，还包括：
显示单元，用于显示对应于所述Vue组件列表的组件化页面渲染模板的页面渲染结果预览图。
11.一种计算机设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时执行如权利要求1至5中任一项所述的基于组件化模板的网站开发方法。
12.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至5中任一项所述的基于组件化模板的网站开发方法。
CN201910959947.8A 2019-10-10 2019-10-10 基于组件化模板的网站开发方法、装置、设备和存储介质 Pending CN110780868A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910959947.8A CN110780868A (zh) 2019-10-10 2019-10-10 基于组件化模板的网站开发方法、装置、设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910959947.8A CN110780868A (zh) 2019-10-10 2019-10-10 基于组件化模板的网站开发方法、装置、设备和存储介质

Publications (1)

Publication Number Publication Date
CN110780868A true CN110780868A (zh) 2020-02-11

Family

ID=69385024

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910959947.8A Pending CN110780868A (zh) 2019-10-10 2019-10-10 基于组件化模板的网站开发方法、装置、设备和存储介质

Country Status (1)

Country Link
CN (1) CN110780868A (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111352618A (zh) * 2020-03-30 2020-06-30 北京思特奇信息技术股份有限公司 应用程序组装方法、装置、电子设备及存储介质
CN112131509A (zh) * 2020-09-29 2020-12-25 中国银行股份有限公司 多入口页面复用方法、装置、计算机设备及可读存储介质
CN113467860A (zh) * 2021-06-22 2021-10-01 上海星融汽车科技有限公司 一种程序源代码的业务逻辑执行方法及装置
CN113495727A (zh) * 2020-04-07 2021-10-12 腾讯科技（深圳）有限公司 业务组件开发方法、装置、电子设备及介质
CN113535175A (zh) * 2021-07-23 2021-10-22 工银科技有限公司 应用程序前端代码的生成方法、装置、电子设备及介质
CN113742615A (zh) * 2021-09-13 2021-12-03 国泰君安证券股份有限公司 实现动态数据组件应用的系统及方法、装置、处理器及其计算机可读存储介质

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6035119A (en) * 1997-10-28 2000-03-07 Microsoft Corporation Method and apparatus for automatic generation of text and computer-executable code
CN104424266A (zh) * 2013-08-29 2015-03-18 北大方正集团有限公司 网页发布方法及系统
WO2018211103A1 (en) * 2017-05-18 2018-11-22 Transport Systems Catapult Methods and systems for viewing and editing ar/vr computer-based designs allowing impaired vision simulation
CN108920496A (zh) * 2018-05-23 2018-11-30 北京奇艺世纪科技有限公司 一种渲染方法及装置
CN108958714A (zh) * 2018-07-02 2018-12-07 平安科技（深圳）有限公司 业务组件式开发方法、装置、计算机设备及存储介质
CN108958736A (zh) * 2018-07-20 2018-12-07 北京三快在线科技有限公司 页面生成方法、装置、电子设备及计算机可读介质
CN109325203A (zh) * 2018-09-10 2019-02-12 北京亚鸿世纪科技发展有限公司 一种自动化实现Web系统可视化复用的装置
CN109542399A (zh) * 2018-10-25 2019-03-29 深圳市金证科技股份有限公司 软件开发方法、装置、终端设备及计算机可读存储介质
CN109597617A (zh) * 2019-01-25 2019-04-09 北京字节跳动网络技术有限公司 基于模板快速生成业务页面的方法和装置

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6035119A (en) * 1997-10-28 2000-03-07 Microsoft Corporation Method and apparatus for automatic generation of text and computer-executable code
CN104424266A (zh) * 2013-08-29 2015-03-18 北大方正集团有限公司 网页发布方法及系统
WO2018211103A1 (en) * 2017-05-18 2018-11-22 Transport Systems Catapult Methods and systems for viewing and editing ar/vr computer-based designs allowing impaired vision simulation
CN108920496A (zh) * 2018-05-23 2018-11-30 北京奇艺世纪科技有限公司 一种渲染方法及装置
CN108958714A (zh) * 2018-07-02 2018-12-07 平安科技（深圳）有限公司 业务组件式开发方法、装置、计算机设备及存储介质
CN108958736A (zh) * 2018-07-20 2018-12-07 北京三快在线科技有限公司 页面生成方法、装置、电子设备及计算机可读介质
CN109325203A (zh) * 2018-09-10 2019-02-12 北京亚鸿世纪科技发展有限公司 一种自动化实现Web系统可视化复用的装置
CN109542399A (zh) * 2018-10-25 2019-03-29 深圳市金证科技股份有限公司 软件开发方法、装置、终端设备及计算机可读存储介质
CN109597617A (zh) * 2019-01-25 2019-04-09 北京字节跳动网络技术有限公司 基于模板快速生成业务页面的方法和装置

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111352618A (zh) * 2020-03-30 2020-06-30 北京思特奇信息技术股份有限公司 应用程序组装方法、装置、电子设备及存储介质
CN113495727A (zh) * 2020-04-07 2021-10-12 腾讯科技（深圳）有限公司 业务组件开发方法、装置、电子设备及介质
CN112131509A (zh) * 2020-09-29 2020-12-25 中国银行股份有限公司 多入口页面复用方法、装置、计算机设备及可读存储介质
CN112131509B (zh) * 2020-09-29 2023-09-19 中国银行股份有限公司 多入口页面复用方法、装置、计算机设备及可读存储介质
CN113467860A (zh) * 2021-06-22 2021-10-01 上海星融汽车科技有限公司 一种程序源代码的业务逻辑执行方法及装置
CN113467860B (zh) * 2021-06-22 2024-01-19 上海星融汽车科技有限公司 一种程序源代码的业务逻辑执行方法及装置
CN113535175A (zh) * 2021-07-23 2021-10-22 工银科技有限公司 应用程序前端代码的生成方法、装置、电子设备及介质
CN113742615A (zh) * 2021-09-13 2021-12-03 国泰君安证券股份有限公司 实现动态数据组件应用的系统及方法、装置、处理器及其计算机可读存储介质

Similar Documents

Publication Publication Date Title
CN110780868A (zh) 基于组件化模板的网站开发方法、装置、设备和存储介质
CN106155686B (zh) 界面生成方法、装置和系统
CN110309451B (zh) 一种web预加载页面的生成方法及装置
US9600456B2 (en) Automatically performing a web service operation
CN105354014A (zh) 应用界面渲染展示方法及装置
CN109885301B (zh) 一种可缩放矢量图形的生成方法、装置、存储介质和设备
CN101963992A (zh) 提高网页显示速度的方法及浏览器
CN111880813B (zh) 实现安卓卡片ui的方法、存储介质
CN115098098A (zh) 页面生成方法、页面展示方法及装置
CN109271160A (zh) 活动规则组建方法、装置和计算机系统、介质
CN108319474B (zh) 一种页面信息生成方法、装置和设备
CN113849156B (zh) OpenHarmony操作系统应用的无代码智能开发系统及其使用方法
CN113095056B (zh) 生成方法、处理方法、装置、电子设备以及介质
CN105450460B (zh) 网络操作记录方法及系统
CN101753598B (zh) 用于整合多个web应用的方法和Web应用集成器
CN105930166A (zh) 一种基于web界面弹出层的方法
US11843679B2 (en) Automated dependency management based on page components
KR101697290B1 (ko) 웹 브라우저에서 구현되는 웹사이트 제작 방법 및 시스템
CN112328940A (zh) 网页嵌入过渡页的方法、装置、计算机设备及存储介质
KR102213871B1 (ko) 광고 제공 시스템 및 그 방법, 그리고 이에 적용되는 장치
CN113934412A (zh) 程序生成方法、装置、设备及存储介质
CN102637290A (zh) 一种基于浏览器的作业系统及编辑方法
CN110968312A (zh) 一种应用程序的界面布局更改方法和装置
CN114461960B (zh) 页面生成方法、页面展示方法及装置
CN115269090A (zh) 营销页面的生成方法、装置、终端及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20200211