[发明专利]一种生成网页代码的方法、系统和装置

说明书

本发明提供一种生成网页代码的方法、系统和装置，方法包括：在页面配置器中设置页面组件，所述设置页面组件包括设置组件属性参数值；根据页面配置器中设置的页面组件和与所述页面组件相关联的组件代码，自动生成网页页面代码。通过本发明的方法，用户在页面配置器中配置页面，结合关联的组件代码，自动生成网页代码，降低了页面开发的难度，提高了页面设计的直观性，通过解析配置就能自动生成页面代码(网页代码)，快速完成项目的开发，节省了项目的开发时间。

技术领域

本发明属于计算机技术领域，特别涉及一种生成网页代码的方法、系统和装置。

背景技术

在计算机技术领域中，特别是web应用方向，一个公司或者项目组往往需要开发多个具有相似性的系统，如各种业务和用户群体的后台管理平台。在开发一个新的web系统时，传统的开发流程方式是，先选择技术框架，再配置项目的基础架构，然后开始开发系统中需要的网页页面。其中，技术框架是行业内通用的一些技术工具，可以帮助开发人员简化开发难度，不同的技术框架的功能和用法各不相同。在开始开发一个项目前，开发人员通常会选择自己熟悉并适合项目特点的一个或多个技术框架。基础架构是开发人员在开始开发一个项目的初始阶段，需要对项目整体制定规范规则，需要对项目做整体的设计规划，需要准备一些全局通用的功能，这些工作内容称为基础架构。每一个页面的开发，需要先配置页面的路由(页面路由是每一个网页页面对应的唯一地址，也就是浏览器地址栏显示的地址)，再通过编写代码开发页面的功能。

现有的系统开发存在这样的问题：开发多个这样的系统，技术选型和基础架构的工作每个系统都需要做一遍；同一系统和不同系统中，如果存在类似的页面，每个页面都需要从头写代码开发，代码复用率(同一份代码，在多处复调用的几率)低；因为系统中所有功能都需要从头手写代码开发，专业性强，工作量大，开发时间长。

因此，如何提供一种高效、便捷、复用率高的网页系统开发方法是亟待解决的技术问题。

发明内容

针对上述问题，本发明提供一种生成网页代码的方法，所述方法包括：

在页面配置器中设置页面组件，所述设置页面组件包括设置组件属性参数值；

根据页面配置器中设置的页面组件和与所述页面组件相关联的组件代码，自动生成网页页面代码。

进一步地，

所述页面组件包括组件代码和组件信息配置表；

所述组件信息配置表用于设置组件对外提供的组件属性参数；

所述组件代码根据设置的所述组件属性参数实现组件功能。

进一步地，

在页面配置器中设置页面组件包括：

从组件库中选择至少一个页面组件；

将组件放置在UI交互的画布中进行编辑，所述编辑包括在所述画布中设置组件的空间关系。

进一步地，

所述编辑还包括：

通过属性配置器设置所述组件属性参数值，所述组件属性参数值用于自动生成页面代码时解析为组件相应的页面代码；

所述属性配置器通过所述组件配置信息表获取所述页面组件的组件属性参数。

进一步地，

根据页面配置器中设置的页面组件和与所述组件相关联的组件代码，自动生成网页页面代码包括：

解析组件设置信息；

导入组件代码；

根据解析的组件设置信息，拼接生成页面代码。

进一步地，