web系统开发方法、装置、设备及存储介质制造方法及图纸

本发明专利技术提供一种web系统开发方法、装置、设备及存储介质，通过前端页面管理系统创建系统模板；并可从组件库中选择预存的组件，所述组件包括头组件、尾组件及页面组件中的至少一项；然后可对所选择的所述组件组装到所述系统模板中；完成组件组装后可将完成组装的系统进行保存并发布到服务器上。本实施例中通过前端页面管理系统进行web系统开发，可以显著地提升系统开发效率、降低系统维护成本，并且预先编写组件，并通过前端页面管理系统引用、组装，可调整各个组件的位置、样式，提高了组件的复用程度，可实现组件的灵活配置。

【技术实现步骤摘要】
web系统开发方法、装置、设备及存储介质
本专利技术涉及通信
，尤其涉及一种web系统开发方法、装置、设备及存储介质。
技术介绍
随着web浏览器技术的飞速发展，Web系统开发工作也越来越重要。现有的web系统开发过程中，对于功能相似、但布局、展示项或主色调不同的组件，通常会采用重复开发的方式；并且在应对后期系统的细微调整，比如静态文本展示、按钮颜色调整等，都是需要经过本地编译打包，再更新到测试环境进行测试，最后进行发布的一系列流程。现有的web系统开发方法开发效率低下，并且需要耗费大量人力、物力，此外也不利于后期维护，系统维护成本较高。
技术实现思路
本专利技术提供一种web系统开发方法、装置、设备及存储介质，以提升web系统开发效率、降低系统维护成本。本专利技术的第一方面是提供一种web系统开发方法，包括：前端页面管理系统接收web系统的创建指令，根据创建指令创建系统模板；所述前端页面管理系统接收组件选择指令，并根据所述组件选择指令从组件库中选择预存的组件，所述组件包括头组件、尾组件及页面组件中的至少一项；所述前端页面管理系统接收页面组装指令，并根据所述页面组装指令对所选择的所述组件组装到所述系统模板中；所述前端页面管理系统接收发布指令，并根据所述发布指令将完成组装的系统进行保存并发布到服务器上。进一步的，所述根据所述页面组装指令对所选择的所述组件组装到所述系统模板中后，还包括：所述前端页面管理系统获取所述组件中的可修改项，并进行存储。进一步的，所述方法还包括：所述前端页面管理系统接收系统修改指令；所述前端页面管理系统判断所述系统修改指令的修改对象是否属于所述组件中的可修改项；若属于，所述前端页面管理系统根据所述系统修改指令对所述组件中的可修改项进行修改，并将修改后的系统发布到所述服务器上。进一步的，所述组件为预先编辑并通过webpack打包工具打包而形成的组件。进一步的，所述前端页面管理系统根据所述组件选择指令从组件库中选择预存的组件前，还包括：所述前端页面管理系统对所述组件进行运行测试。本专利技术的第二方面是提供一种web系统开发装置，包括：创建模块，用于接收web系统的创建指令，根据创建指令创建系统模板；组件选择模块，用于接收组件选择指令，并根据所述组件选择指令从组件库中选择预存的组件，所述组件包括头组件、尾组件及页面组件中的至少一项；页面组装模块，用于接收页面组装指令，并根据所述页面组装指令对所选择的所述组件组装到所述系统模板中；发布模块，用于接收发布指令，并根据所述发布指令将完成组装的系统进行保存并发布到服务器上。进一步的，所述页面组装模块还用于：获取所述组件中的可修改项，并进行存储。进一步的，所述装置还包括修改模块，用于：接收系统修改指令；判断所述系统修改指令的修改对象是否属于所述组件中的可修改项；若属于，根据所述系统修改指令对所述组件中的可修改项进行修改，并将修改后的系统发布到所述服务器上。进一步的，所述组件为预先编辑并通过webpack打包工具打包而形成的组件。进一步的，所述装置还包括测试模块，用于：对所述组件进行运行测试。本专利技术的第三方面是提供一种前端页面管理系统，包括：存储器；处理器；以及计算机程序；其中，所述计算机程序存储在所述存储器中，并被配置为由所述处理器执行以实现如第一方面所述的方法。本专利技术的第四方面是提供一种计算机可读存储介质，其上存储有计算机程序；所述计算机程序被处理器执行时实现如第一方面所述的方法。本专利技术提供的web系统开发方法、装置、设备及存储介质，通过前端页面管理系统创建系统模板；并可从组件库中选择预存的组件，所述组件包括头组件、尾组件及页面组件中的至少一项；然后可对所选择的所述组件组装到所述系统模板中；完成组件组装后可将完成组装的系统进行保存并发布到服务器上。本实施例中通过前端页面管理系统进行web系统开发，可以显著地提升系统开发效率、降低系统维护成本，并且预先编写组件，并通过前端页面管理系统引用、组装，可调整各个组件的位置、样式，提高了组件的复用程度，可实现组件的灵活配置。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的web系统开发方法流程图；图2为本专利技术另一实施例提供的web系统开发方法流程图；图3为本专利技术实施例提供的web系统开发装置的结构图；图4为本专利技术实施例提供的前端页面管理系统的结构图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，本专利技术实施例所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。图1为本专利技术实施例提供的web系统开发方法流程图。本实施例提供了一种web系统开发方法，执行主体为前端页面管理系统，该方法具体步骤如下：S101、前端页面管理系统接收web系统的创建指令，根据创建指令创建系统模板。在本实施例中，可预先配置web系统的系统模板，当需要创建web系统时，可通过前端页面管理系统获取系统模板，其中前端页面管理系统可基于vue.js框架，进一步的，可将系统模板导出到本地进行操作，例如对系统页面、样式、图片文件的增删改查等，在本地完成操作后再导入到前端页面管理系统中，进而可以通过前端页面管理系统进行保存和发布。S102、所述前端页面管理系统接收组件选择指令，并根据所述组件选择指令从组件库中选择预存的组件，所述组件包括头组件、尾组件及页面组件中的至少一项。在本实施例中，系统模板中可包括一些固定的公用部分，例如头模块、尾模块等，其中头模块、尾模块分别包括头组件、尾组件的引用代码，引用代码如下所示：<！--#includevirtual＝"header.html"-->引用头组件<！--#includevirtual＝"footer.html"-->引用尾组件用户可根据需要从组件库的多个备选的头组件、尾组件中选择所需头组件、所需尾组件，然后通过上述代码引用所需头组件、所需尾组件的名称，从而将所需头组件、所需尾组件添加到系统模板中，实现头组件、尾组件的引用。此外，本实施例中还可通过前端页面管理系统对web系统的系统模板配置html(HyperTextMarkupLanguage，超级文本标记语言)页面、cs本文档来自技高网...

【技术保护点】
1.一种web系统开发方法，其特征在于，包括：/n前端页面管理系统接收web系统的创建指令，根据创建指令创建系统模板；/n所述前端页面管理系统接收组件选择指令，并根据所述组件选择指令从组件库中选择预存的组件，所述组件包括头组件、尾组件及页面组件中的至少一项；/n所述前端页面管理系统接收页面组装指令，并根据所述页面组装指令对所选择的所述组件组装到所述系统模板中；/n所述前端页面管理系统接收发布指令，并根据所述发布指令将完成组装的系统进行保存并发布到服务器上。/n

【技术特征摘要】
1.一种web系统开发方法，其特征在于，包括：
前端页面管理系统接收web系统的创建指令，根据创建指令创建系统模板；
所述前端页面管理系统接收组件选择指令，并根据所述组件选择指令从组件库中选择预存的组件，所述组件包括头组件、尾组件及页面组件中的至少一项；
所述前端页面管理系统接收页面组装指令，并根据所述页面组装指令对所选择的所述组件组装到所述系统模板中；
所述前端页面管理系统接收发布指令，并根据所述发布指令将完成组装的系统进行保存并发布到服务器上。


2.根据权利要求1所述的方法，其特征在于，所述根据所述页面组装指令对所选择的所述组件组装到所述系统模板中后，还包括：
所述前端页面管理系统获取所述组件中的可修改项，并进行存储。


3.根据权利要求2所述的方法，其特征在于，所述方法还包括：
所述前端页面管理系统接收系统修改指令；
所述前端页面管理系统判断所述系统修改指令的修改对象是否属于所述组件中的可修改项；
若属于，所述前端页面管理系统根据所述系统修改指令对所述组件中的可修改项进行修改，并将修改后的系统发布到所述服务器上。


4.根据权利要求1-3任一项所述的方法，其特征在于，所述组件为预先编辑并通过webpack打包工具打包而形成的组件。


5.根据权利要求4所述的方法，其特征在于，所述前端页面管理系统根据所述组件选择指令从组件库中选择预存的组件前，还包括：
所述前端页面管理系统对所述组件进行运行测试。


6.一种web系统开发装置，其特征在于，包括：
创建模块，用于接收web系统的创建指令，...

【专利技术属性】
技术研发人员：宋敏，罗震，
申请(专利权)人：北大方正信息产业集团有限公司，
类型：发明
国别省市：北京;11