插件构建、网页设计的方法和装置制造方法及图纸

本发明专利技术实施例提供一种插件构建、网页设计方法和装置，该方法包括：根据运行业务逻辑和视图显示信息，生成视图运行文件；根据配置业务逻辑和视图设计信息，生成设计配置文件；基于预设CSS样式文件，对所述视图运行文件和所述设计配置文件进行插件样式设置。通过上述技术方案，将插件构建为可根据需要对配置进行编辑、修改，满足个性化或定制化网页设计需求。

【技术实现步骤摘要】
插件构建、网页设计的方法和装置
本专利技术涉及互联网
，尤其涉及一种插件构建、网页设计的方法和装置。
技术介绍
随着网页设计技术的发展，越来越多的应用通过网页来实现。同时也意味着网页应用需求和设计类型也越来越多样化。现有技术中，为了降低网页设计的复杂度，通常采用可配置插件的方式来满足用户的简单配置需求。然而，在现有可配置插件应用中，留给用户的可自行配置的权限很有限，仅限于简单的修改，无法增删配置内容，更无法对配置进行编辑。因此，需要一种易于操作的插件构建方案，从而能够满足多样化的网页设计需求。
技术实现思路
本专利技术实施例提供一种插件构建、网页设计方法和装置，用以实现满足多样化的网页设计需求。第一方面，本专利技术实施例提供一种插件构建方法，该方法包括：根据运行业务逻辑和视图显示信息，生成视图运行文件；根据配置业务逻辑和视图设计信息，生成设计配置文件；基于预设CSS样式文件，对所述视图运行文件和所述设计配置文件进行插件样式设置。可选地，定义运行生命周期函数、运行内置对象以及待构建插件所继承父类作为所述运行业务逻辑；根据所述运行业务逻辑，利用视图模板生成所述视图显示信息；其中，所述视图模板为基于目标编译库的类HTML片段生成的。可选地，定义beforeMount函数和mounted函数、定义插件类型type和插件配置项的对象，以及定义需要继承的父类插件作为所述运行业务逻辑。可选地，所述视图运行文件包括内置有所述运行业务逻辑的javascript脚本文件，和预设有视图显示信息的HTML视图模板文件。可选地，定义设计配置视图生命周期函数、设计配置内置对象作为配置业务逻辑；通过XML静态资源配置文件配置视图设计信息。可选地，定义getDesignHtml函数、getAttrDlgHtml函数和getMecJson函数，定义插件标识、插件配置项对象作为所述配置业务逻辑。可选地，基于getDesignHtml函数添加和编辑所述插件的设计视图；基于getAttrDlgHtml函数添加和编辑所述插件的配置项内容；基于getMecJson函数声明和返回所述插件的配置项对象。第二方面，本专利技术实施例提供一种网页设计方法，该方法包括：导出待修改插件，包括视图运行文件、设计配置文件和CSS样式文件；基于所述视图运行文件、设计配置文件和CSS样式文件实现对所述待修改插件的编辑；将完成编辑的所述待修改插件导入网页设计系统中实现对网页设计。第三方面，本专利技术实施例提供一种插件构建装置，该装置包括：第一文件生成模块，根据运行业务逻辑和视图显示信息，生成视图运行文件；第二文件生成模块，根据配置业务逻辑和视图设计信息，生成设计配置文件；插件设置模块，基于预设CSS样式文件，对所述视图运行文件和所述设计配置文件进行插件样式设置。第四方面，本专利技术实施例提供一种网页设计装置，该装置包括：导出模块，用于导出待修改插件，包括视图运行文件、设计配置文件和CSS样式文件；编辑模块，用于基于所述视图运行文件、设计配置文件和CSS样式文件实现对所述待修改插件的编辑；导入模块，用于将完成编辑的所述待修改插件导入网页设计系统中实现对网页设计。本专利技术实施例中，首先根据网页设计需求，生成内置有运行业务逻辑和视图显示信息的视图运行文件。在根据网页插件配置业务逻辑和视图设计信息，生成设计配置文件。最后，基于预设的CSS样式文件，对视图运行文件和设计配置文件进行插件样式设置，从而完成插件构建。进而，可以将构建完成的插件导入系统，完成网页设计。通过上述技术方案，将插件构建为可根据需要对配置进行编辑、修改，满足个性化或定制化网页设计需求。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本申请实施例提供的一种插件构建方法的流程示意图；图2为本申请实施例提供的一种网页设计方法的流程示意图；图3为本申请实施例提供的一种插件构建装置的结构示意图；图4为本申请实施例提供的一种网页设计装置的结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。在本专利技术实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本专利技术。在本专利技术实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种，但是不排除包含至少一种的情况。应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。取决于语境，如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。另外，下述各方法实施例中的步骤时序仅为一种举例，而非严格限定。图1为本专利技术实施例提供的一种插件构建方法的流程示意图，如图1所示，该方法包括以下步骤：101：根据运行业务逻辑和视图显示信息，生成视图运行文件。102：根据配置业务逻辑和视图设计信息，生成设计配置文件。103：基于预设CSS样式文件，对所述视图运行文件和所述设计配置文件进行插件样式设置。在实际应用中，视图运行文件包括javascript脚本文件和HTML视图模板文件。其中，javascript脚本文件中内置是插件运行时所需的所有生命周期函数、内置对象等等，主要用于开发和编辑插件运行时的业务逻辑。HTML视图模板文件，预先定义了视图模板，通本文档来自技高网...

【技术保护点】
1.一种插件构建方法，其特征在于，所述方法包括：/n根据运行业务逻辑和视图显示信息，生成视图运行文件；/n根据配置业务逻辑和视图设计信息，生成设计配置文件；/n基于预设CSS样式文件，对所述视图运行文件和所述设计配置文件进行插件样式设置。/n

【技术特征摘要】
1.一种插件构建方法，其特征在于，所述方法包括：
根据运行业务逻辑和视图显示信息，生成视图运行文件；
根据配置业务逻辑和视图设计信息，生成设计配置文件；
基于预设CSS样式文件，对所述视图运行文件和所述设计配置文件进行插件样式设置。


2.根据权利要求1所述的插件构建方法，其特征在于，根据运行业务逻辑和视图显示信息，生成视图运行文件之前，还包括：
定义运行生命周期函数、运行内置对象以及待构建插件所继承父类作为所述运行业务逻辑；
根据所述运行业务逻辑，利用视图模板生成所述视图显示信息；其中，所述视图模板为基于目标编译库的类HTML片段生成的。


3.根据权利要求2所述的插件构建方法，其特征在于，所述定义生命周期函数、内置对象以及待构建插件所继承父类作为所述运行业务逻辑，包括：
定义beforeMount函数和mounted函数、定义插件类型type和插件配置项的对象，以及定义需要继承的父类插件作为所述运行业务逻辑。


4.根据权利要求1所述的插件构建方法，其特征在于，所述视图运行文件包括内置有所述运行业务逻辑的javascript脚本文件，和预设有视图显示信息的HTML视图模板文件。


5.根据权利要求1所述的插件构建方法，其特征在于，根据配置业务逻辑和视图设计信息，生成设计配置文件之前，还包括：
定义设计配置视图生命周期函数、设计配置内置对象作为配置业务逻辑；
通过XML静态资源配置文件配置视图设计信息。


6.根据权利要求1所述的插件构建方法，其特征在于，所述定义设计配置视图生命收起函数、设计配置内置对象作为配置业务逻辑，包括：

【专利技术属性】
技术研发人员：常程，罗振，韦利东，
申请(专利权)人：上海泛微网络科技股份有限公司，
类型：发明
国别省市：上海;31