一种高效的移动表单设计与渲染方法与流程

文档序号:15095595发布日期:2018-08-04 14:29阅读:来源:国知局

技术特征:

1.一种高效的移动表单设计与渲染方法,其特征在于,所述方法通过对移动表单进行分步式设计,综合出整体配置的设计,根据配置进行动态渲染与响应,并利用基于虚拟DOM技术的前端UI框架提升渲染与响应速度。

2.根据权利要求1所述的一种高效的移动表单设计与渲染方法,其特征在于,所述方法内容包括:

在移动表单设计发布时,生成该移动表单的JSON配置数据,依据该配置数据,由动态渲染页面对移动表单进行渲染。

3.根据权利要求2所述的一种高效的移动表单设计与渲染方法,其特征在于,所述方法内容包括:

将移动表单的所有配置属性抽象出来,通过图形化界面展示,并通过设计将数据保存到后台。

4.根据权利要求3所述的一种高效的移动表单设计与渲染方法,其特征在于,所述方法内容包括:

在将移动表单发布时,根据设计时产生的后台数据,经过集成生成已经固定好格式的JSON配置。

5.根据权利要求4所述的一种高效的移动表单设计与渲染方法,其特征在于,所述方法内容包括:

在对移动表单进行渲染时,对JSON配置进行解析,利用虚拟DOM技术加快页面渲染与响应,动态地渲染需要生成的界面。

6.根据权利要求5所述的一种高效的移动表单设计与渲染方法,其特征在于,所述移动表单的设计过程包括:

首先根据移动表单架构和设计功能的需要,抽象出移动表单的所有属性;

然后依据移动表单属性配置的先后顺序分组分类,通过图形化界面,将这些属性分步式呈现给设计者,设计者利用图形化设计页面,根据所需移动表单的业务要求,分步式依次配置出移动表单的属性;

最终移动表单的属性依次保存于后台数据库。

7.根据权利要求5所述的一种高效的移动表单设计与渲染方法,其特征在于,所述生成发布JSON配置的过程包括:

移动表单加载最新JSON配置时,将表单所有的配置数据综合处理,并生成与该表单对应的JSON配置。

8.根据权利要求7所述的一种高效的移动表单设计与渲染方法,其特征在于,如果自动生成的配置不满足设计需求,在JSON处理窗口输入所需的处理JSON的function,传递该function的参数生成JSON配置,通过function来修改JSON配置。

9.根据权利要求7所述的一种高效的移动表单设计与渲染方法,其特征在于,所述方法内容还包括:

在移动表单的展现过程中,移动表单的渲染页面为单页应用,所有的移动表单统一通过该页面进行渲染,只传递不同的JSON配置。

10.根据权利要求9所述的一种高效的移动表单设计与渲染方法,其特征在于,所述方法内容还包括:

渲染页面根据解析生成的JSON配置对页面进行渲染,基于虚拟DOM技术进行渲染,控件发生变化时只操作变化的DOM。

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