网页构建方法、装置、电子设备及存储介质与流程

文档序号:15462210发布日期:2018-09-18 18:26阅读:来源:国知局

技术特征:

1.一种网页构建方法,其特征在于,所述方法包括:

获得用户于预先存储的页面模板中对预先存储的组件的编辑操作,所述编辑操作包括对所述组件的选取操作以及放置操作;

获取所述选取操作对应的选取组件的组件信息,其中,所述组件信息包括渲染组件html以及组件CSS样式;

将所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置。

2.根据权利要求1所述的方法,其特征在于,获取所述选取操作对应的选取组件的组件信息,其中,所述组件信息包括渲染组件html以及组件CSS样式,包括:

获取所述选取操作对应的选取组件;

读取所述选取组件对应的组件模板以及渲染脚本;

通过执行渲染脚本,将所述选取组件对应的组件参数写入所述组件模板,得到渲染组件html;

读取所述组件对应的样式文件信息,得到组件CSS样式。

3.根据权利要求1所述的方法,其特征在于,将所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置,包括:

判断所述选取组件中的第一选取组件是否挂载有父选取组件;

在为是时,将所述父选取组件的所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置;

将所述第一选取组件的所述渲染组件html以及所述组件CSS样式添加至所述父选取组件中所述放置操作对应的位置。

4.根据权利要求3所述的方法,其特征在于,将所述第一选取组件的所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置之后,所述方法还包括:

判断所述第一选取组件是否嵌套有子选取组件;

在所述第一选取组件嵌套有子选取组件时,将所述子选取组件的所述渲染组件html以及组件CSS样式添加至所述第一选取组件中所述放置操作对应的位置。

5.一种网页构建装置,其特征在于,所述装置包括:操作获得模块、信息获取模块以及信息添加模块,其中,

所述操作获得模块用于获得用户于预先存储的页面模板中对预先存储的组件的编辑操作,所述编辑操作包括对所述组件的选取操作以及放置操作;

所述信息获取模块用于获取所述选取操作对应的选取组件的组件信息,其中,所述组件信息包括渲染组件html以及组件CSS样式;

所述信息添加模块用于将所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置。

6.根据权利要求5所述的装置,其特征在于,所述信息获取模块包括组件获取单元、模板获取单元、组件渲染单元以及样式获取单元,其中,

所述组件获取单元用于获取所述选取操作对应的选取组件;

所述模板获取单元用于读取所述选取组件对应的组件模板以及渲染脚本;

所述组件渲染单元用于通过执行渲染脚本,将所述选取组件对应的组件参数写入所述组件模板,得到渲染组件html;

所述样式获取单元用于读取所述组件对应的样式文件信息,得到组件CSS样式。

7.根据权利要求5所述的装置,其特征在于,所述信息添加模块包括第一组件判断单元、第一添加单元以及第二添加单元,其中,

所述组件判断单元用于判断所述选取组件中的第一选取组件是否挂载有父选取组件;

所述第一添加单元用于在所述选取组件中的第一选取组件挂载有父选取组件时,将所述父选取组件的所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置;

所述第二添加单元用于将所述第一选取组件的所述渲染组件html以及所述组件CSS样式添加至所述父选取组件中所述放置操作对应的位置。

8.根据权利要求7所述的装置,其特征在于,所述信息添加模块还包括第二组件判断单元以及第三添加单元,其中,

所述第二组件判断单元用于判断所述第一选取组件是否嵌套有子选取组件;

所述第三添加单元用于在所述第一选取组件嵌套有子选取组件时,将所述子选取组件的所述渲染组件html以及组件CSS样式添加至所述第一选取组件中所述放置操作对应的位置。

9.一种电子设备,其特征在于,所述电子设备包括存储器和处理器,所述存储器存储有计算机指令,当所述计算机指令由所述处理器读取并执行时,使所述处理器执行如权利要求1-4中任一权项所述的方法。

10.一种存储介质,其特征在于,所述存储介质中存储有计算机指令,其中,所述计算机指令在被读取并运行时执行如权利要求1-4中任一权项所述的方法。

当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1