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

权利要求书

1.一种生成网页代码的方法，其特征在于，所述方法包括：

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

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

2.根据权利要求1所述的生成网页代码的方法，其特征在于，

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

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

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

3.根据权利要求1所述的生成网页代码的方法，其特征在于，在页面配置器中设置页面组件包括：

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

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

4.根据权利要求3所述的生成网页代码的方法，其特征在于，所述编辑还包括：

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

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

5.根据权利要求1-4中任一项所述的生成网页代码的方法，其特征在于，根据页面配置器中设置的页面组件和与所述组件相关联的组件代码，自动生成网页页面代码包括：

解析组件设置信息；

导入组件代码；

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

6.根据权利要求5所述的生成网页代码的方法，其特征在于，

所述组件设置信息保存在页面配置文件中；

解析组件设置信息包括：通过解析组件配置文件的节点和属性信息，确定页面包含的组件、组件关系、组件属性。

7.根据权利要求5所述的生成网页代码的方法，其特征在于，所述导入组件代码包括：

根据解析的页面配置信息，提取页面用到的所有组件；

去除重复组件，得到目标页面使用的组件列表，从组件库中复制到目标项目。

8.根据权利要求5所述的生成网页代码的方法，其特征在于，还包括生成页面路由代码：

读取当前的路由配置文件，根据页面的信息，在路由配置中插入一条路由信息，并将路由信息写入到页面代码文件。

9.根据权利要求1所述的生成网页代码的方法，其特征在于，

在生成网页页面代码前，将脚手架模板复制到项目中。

10.一种生成网页代码的系统，其特征在于，所述系统包括：

页面配置模块，用于设置页面组件，所述设置页面组件包括设置组件属性参数值；

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

11.根据权利要求10所述的生成网页代码的系统，其特征在于，

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

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

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

12.根据权利要求10或11所述的生成网页代码的系统，其特征在于，页面配置模块包括：

组件选择单元，用于从组件库中选择至少一个页面组件；

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

所述组件编辑单元还用于：

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

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

页面配置转换单元，用于将所述组件设置信息保存在页面配置文件中。