CN110764763B - 移动端页面构建方法、系统和移动端 - Google Patents
移动端页面构建方法、系统和移动端 Download PDFInfo
- Publication number
- CN110764763B CN110764763B CN201810847473.3A CN201810847473A CN110764763B CN 110764763 B CN110764763 B CN 110764763B CN 201810847473 A CN201810847473 A CN 201810847473A CN 110764763 B CN110764763 B CN 110764763B
- Authority
- CN
- China
- Prior art keywords
- floor
- page
- template
- mobile terminal
- configuration data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- General Business, Economics & Management (AREA)
- Strategic Management (AREA)
- Marketing (AREA)
- Human Computer Interaction (AREA)
- Economics (AREA)
- Development Economics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开提供了一种移动端页面构建方法、系统和移动端,涉及移动互联网领域。该方法包括:接收服务器下发的楼层模版配置数据,其中,楼层模版配置数据包括楼层标识列表;遍历楼层模版配置数据,根据楼层标识与模版实体的对应关系,为各楼层选择对应的模版实体;根据模版实体生成各楼层对应的模版数据;根据模版数据创建楼层实体类列表,以便根据楼层实体类列表在页面中构建各楼层。本公开构建楼层化的页面,能够解决当前敏捷开发过程中高频业务需求对页面维护的要求。
Description
技术领域
本公开涉及移动互联网领域,尤其涉及一种移动端页面构建方法、系统和移动端。
背景技术
电商的搜索、分类、商品详情、应用市场的列表展示等移动端列表界面,针对不同的业务需求,列表个个成员所展示的内容也不同。在基础的开发过程中,每次成员状态的改变都需要维护原始列表的内容进行更改,例如,列表界面使用列表控件进行展示,每次发表新版本则需要修改列表实现代码,修改列表主逻辑,同时,修改列表内容实现容易造成其他问题的引出。这样使得维护成本增加,且不能保证维护后其他功能的正确性,不利于页面维护。
发明内容
本公开要解决的一个技术问题是提供一种移动端页面构建方法、系统和移动端,能够解决当前敏捷开发过程中高频业务需求对页面维护的要求。
根据本公开一方面,提出一种移动端页面构建方法,包括:接收服务器下发的楼层模版配置数据,其中,楼层模版配置数据包括楼层标识列表;遍历楼层模版配置数据,根据楼层标识与模版实体的对应关系,为各楼层选择对应的模版实体;根据模版实体生成各楼层对应的模版数据;根据模版数据创建楼层实体类列表,以便根据楼层实体类列表在页面中构建各楼层。
可选地,该方法还包括:判断各楼层是否需要显示在页面上;根据判断结果设置各楼层的标志位,标志位用于标识各楼层是否显示在页面中;在楼层实体类列表增加各楼层标志位生成楼层展示列表,以便根据楼层展示列表在页面展示各楼层。
可选地,该方法还包括:根据业务需求判断是否需要增加新楼层;若需要增加新楼层,则获取新楼层信息,其中,新楼层信息中包括楼层标识;将新楼层信息中的楼层标识与楼层展示列表中的楼层标识进行比对,确定新楼层在页面中的位置;根据新楼层在页面中的位置在页面中插入新楼层。
可选地,该方法还包括:根据业务需求判断是否需要删除预定楼层;若需要删除预定楼层,则根据预定楼层的楼层标识确定预定楼层在页面的位置;在预定楼层在页面的位置处删除预定楼层。
可选地,楼层模版配置数据还包括楼层分割线信息,方法还包括:若相邻楼层间至少有一个楼层处于隐藏模式,则将相邻楼层的楼层分割线合并。
可选地,该方法还包括:根据页面中各业务单元间的属性信息,将不同的业务单元划分为不同的楼层。
可选地,各业务单元间的属性信息包括顺序逻辑关系、功能关系、耦合关系和内容关系中的至少一项。
可选地,响应于构建页面请求,在本地读取预先从服务器下载的楼层模版配置数据;或者响应于构建页面请求,在服务器获取楼层模版配置数据。
根据本公开的另一方面,还提出一种移动端,包括:配置数据接收单元,用于接收服务器下发的楼层模版配置数据,其中,楼层模版配置数据包括楼层标识列表;模版实体选择单元,用于遍历楼层模版配置数据,根据楼层标识与模版实体的对应关系,为各楼层选择对应的模版实体;模版数据生成单元,用于根据模版实体生成各楼层对应的模版数据;列表生成单元,用于根据模版数据创建楼层实体类列表,以便根据楼层实体类列表在页面中显示各楼层。
可选地,该移动端还包括:显示判断单元,用于判断各楼层是否需要显示在页面上;标志位设置单元,用于根据判断结果设置各楼层的标志位,标志位用于标识各楼层是否显示在页面中;列表生成单元还用于在楼层实体类列表增加各楼层标志位生成楼层展示列表,以便根据楼层展示列表在页面展示各楼层。
可选地,该移动端还包括:楼层增删判断单元,用于根据业务需求判断是否需要增加新楼层;位置确定单元,用于若需要增加新楼层,则获取新楼层信息,其中,新楼层信息中包括楼层标识,将新楼层信息中的楼层标识与楼层展示列表中的楼层标识进行比对,确定新楼层在页面中的位置;楼层增删执行单元,用于根据新楼层在页面中的位置在页面中插入新楼层。
可选地,楼层增删判断单元还用于根据业务需求判断是否需要删除预定楼层;位置确定单元还用于若需要删除预定楼层,则根据预定楼层的楼层标识确定预定楼层在页面的位置;楼层增删执行单元还用于在预定楼层在页面的位置处删除预定楼层。
可选地,楼层模版配置数据还包括楼层分割线信息,移动端还包括:分割线处理单元,用于若相邻楼层间至少有一个楼层处于隐藏模式,则将相邻楼层的楼层分割线合并。
可选地,该移动端还包括:楼层拆分单元,用于根据页面中各业务单元间的属性信息,将不同的业务单元划分为不同的楼层。
可选地,各业务单元间的属性信息包括顺序逻辑关系、功能关系、耦合关系和内容关系中的至少一项。
可选地,配置数据接收单元用于响应于构建页面请求,在本地读取预先从服务器下载的楼层模版配置数据;或者用于响应于构建页面请求,在服务器获取楼层模版配置数据。
根据本公开的另一方面,还提出一种移动端,包括:存储器;以及耦接至存储器的处理器,处理器被配置为基于存储在存储器的指令执行如上述的移动端页面构建方法。
根据本公开的另一方面,还提出一种移动端页面构建系统,包括服务器和上述的移动端;其中,服务器用于向移动端下发楼层模版配置数据。
根据本公开的另一方面,还提出一种计算机可读存储介质,其上存储有计算机程序指令,该指令被处理器执行时实现上述的移动端页面构建方法的步骤。
与现有技术相比,本公开实施例中,借用“乐高积木”思想来实现页面随意搭建的目的,把页面拆成尽可能小的独立楼层,配置需要的楼层,从而形成楼层化的页面,能够解决当前敏捷开发过程中高频业务需求对页面维护的要求。
通过以下参照附图对本公开的示例性实施例的详细描述,本公开的其它特征及其优点将会变得清楚。
附图说明
构成说明书的一部分的附图描述了本公开的实施例,并且连同说明书一起用于解释本公开的原理。
参照附图,根据下面的详细描述,可以更加清楚地理解本公开,其中:
图1为本公开移动端页面构建方法的一个实施例的流程示意图。
图2为本公开移动端页面构建方法的另一个实施例的流程示意图。
图3为本公开移动端页面构建方法的再一个实施例的流程示意图。
图4为本公开移动端页面构建方法的又一个实施例的流程示意图。
图5为本公开移动端的一个实施例的结构示意图。
图6为本公开移动端的另一个实施例的结构示意图。
图7为本公开移动端的又一个实施例的结构示意图。
图8为本公开移动端的再一个实施例的结构示意图。
图9为本公开移动端页面构建系统的一个实施例的结构示意图。
具体实施方式
现在将参照附图来详细描述本公开的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。
同时,应当明白,为了便于描述,附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本公开及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为授权说明书的一部分。
在这里示出和讨论的所有示例中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它示例可以具有不同的值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。
为使本公开的目的、技术方案和优点更加清楚明白,以下结合具体实施例,并参照附图,对本公开进一步详细说明。
图1为本公开移动端页面构建方法的一个实施例的流程示意图。该实施例中的方法由移动端执行。
在步骤110,接收服务器下发的楼层模版配置数据,其中,楼层模版配置数据包括楼层标识列表。其中,服务器可以在动态接口通过独立的节点按照显示顺序向移动端下发楼层模版配置数据,楼层标识可以标识楼层显示顺序。
在步骤120,遍历楼层模版配置数据,根据楼层标识与模版实体的对应关系,为各楼层选择对应的模版实体。其中,移动端本地保存有mId(楼层标识)-template(模版)实体的对应关系,遍历服务器下发的template数据,为各楼层选择对应的模版实体。
在步骤130,根据模版实体生成各楼层对应的模版数据。
在步骤140,根据模版数据创建楼层实体类列表,以便根据楼层实体类列表在页面中构建各楼层。根据模板创建楼层实体类列表,该实体类列表维护真正的楼层顺序,以及要显示的楼层,完成所有楼层的占位及分割线显示等,其中,所有的楼层插入或者隐藏的位置信息都通过这个列表来控制和维护。
在该实施例中,把页面拆成尽可能小的独立楼层,配置需要的楼层,从而形成楼层化的页面,能够解决当前敏捷开发过程中高频业务需求对页面维护的要求。
图2为本公开移动端页面构建方法的另一个实施例的流程示意图。
在步骤210,接收服务器下发的楼层模版配置数据,其中,楼层模版配置数据包括楼层标识列表。楼层标识列表能够反映出楼层样式信息。其中,该过程可以通过两种方式实现,例如,移动端响应于构建页面请求,在本地读取预先从服务器下载的楼层模版配置数据,移动端能够快速的响应用户操作。或者,移动端响应于构建页面请求,在服务器获取楼层模版配置数据。例如,移动端支持JS调用,利用Weex等原生组装化组件通过JS调用将楼层模版配置数据下发到本地,由本地动态生成模版,但使用JS调用需要考虑加载时机及性能损耗问题。
在步骤220,遍历楼层模版配置数据,根据楼层标识与模版实体的对应关系,为各楼层选择对应的模版实体。
在步骤230,根据模版实体生成各楼层对应的模版数据。
在步骤240,根据模版数据创建楼层实体类列表。
在步骤250,判断各楼层是否需要显示在页面上。其中,服务器不确定某个楼层是否显示,可以设置默认下发,由移动端决定楼层显示或隐藏。例如,移动端可以通过请求其它接口等方式确定这些楼层是否要显示在页面上。
在步骤260,根据判断结果设置各楼层的标志位,标志位用于标识各楼层是否显示在页面中。例如,若某楼层需要显示,则将该楼层标志位flag置为true,若不需要显示,则将该楼层标志位flag置为false。
在步骤270,在楼层实体类列表增加各楼层标志位生成楼层展示列表,以便根据楼层展示列表在页面展示各楼层。遍历所有楼层,生成楼层展示列表,根据楼层展示列表将所有标志位为true的楼层找出来开始创建真正的楼层,并显示数据。通过设置标志位能够更加准确的对楼层进行定位。
在该实施例中,在服务器下发楼层模版配置数据后,移动端选择对应的模版实体,从而生成各楼层对应的模版数据,根据各楼层是否需要显示在页面上设置各楼层的标志位,在根据模版数据创建楼层实体类列表中增加各楼层标志位生成楼层展示列表,以便根据楼层展示列表在页面展示各楼层,由于将页面拆分成独立的楼层,能够单独配置各楼层,修改列表的过程变成了维护单个楼层的过程,这样既可以满足复杂业务的实现,又不需要再去维护所有的列表内容。
图3为本公开移动端页面构建方法的再一个实施例的流程示意图。
在步骤310,移动端根据业务需求判断是否需要增加新楼层。服务器通过主接口会返回一部分楼层的数据,还有部分楼层数据移动端需要通过其他接口获取。
在步骤320,若需要增加新楼层,则获取新楼层信息,其中,新楼层信息中包括楼层标识。楼层标识即标识楼层在页面中的位置。
在步骤330,将新楼层信息中的楼层标识与楼层展示列表中的楼层标识进行比对,确定新楼层在页面中的位置。例如,若新楼层信息中的楼层标识为末尾楼层,则将新楼层添加到页面中最末楼层位置即可。若新楼层信息中的楼层标识为第三楼层,但楼层展示列表中已有第三楼层,则根据预先约定将该新楼层设置在原始第三楼层位置,原始第三楼层至第N楼层,则依次修改为第四楼层至第N+1楼层。或者将新楼层位置设置在原始第三楼层的下一层,即第四楼层位置,而原始第四楼层至第N楼层,则依次修改为第五楼层至第N+1楼层。
在步骤340,根据新楼层在页面中的位置在页面中插入新楼层。
在该实施例中,其他开发人员直接开发楼层,然后移动端可以在页面中插入该楼层,即移动端能够快速响应需求并友好的向第三方输出开发能力,可以有效的支持主逻辑,在保证列表架构的前提下,开发各种复杂业务的需求实现。
图4为本公开移动端页面构建方法的又一个实施例的流程示意图。
在步骤410,根据业务需求判断是否需要删除预定楼层。
在步骤420,若需要删除预定楼层,则根据预定楼层的楼层标识确定预定楼层在页面的位置。
在步骤430,在预定楼层在页面的位置处删除预定楼层。
在该实施例中,根据业务需求,可以在页面中删除预定楼层,但不会影响整个页面内容,便于页面维护。
在本公开的另一个实施例中,可以根据需要将不同的业务单元划分为不同的楼层,即最小化楼层。即根据页面中各业务单元间的属性信息,将不同的业务单元划分为不同的楼层,各业务单元间的属性信息包括顺序逻辑关系、功能关系、耦合关系和内容关系等。
在一个实施例中,在购物页面中,商品的价格和商品购物车之间具有顺序逻辑关系,一般用户看到商品价格后会决定是否将商品加入购物车中,因此,可以将页面中商品价格单元和商品购物车单元拆分为不同的楼层。
在一个实施例中,商品详情和商品价格之间没有直接关系,也就是说是商品详情单元和商品价格单元具有单独功能的,因此,可以将页面中的商品详情单元和商品价格单元拆分为不同的楼层。
在一个实施例中,商品详情和最近浏览商品之间没有耦合关系,因此,可以将页面中的商品详情单元和最近浏览商品单元拆分为不同的楼层。另外,商品价格和加价购商品之间具有耦合关系,因此,可以将页面中的商品价格单元和加价购商品单元拆分为不同的楼层。
在一个实施例中,商品标题和商品详情的内容之间具有关系,因此,可以将页面中的商品标题单元和商品详情单元拆分为不同的楼层。
在上述实施例中,拆楼层的过程可以从顺序逻辑、功能、耦合、内容等方面进行楼层的拆分,但楼层之间也可以有相关关联。为保证充分的解耦合,在拆分楼层的过程中可以使用的最小原则进行划分。例如根据业务单元属性将楼层进行更细化的拆分,可以按左右划分,也可以按照上下划分,主要是通过动态分割,完成功能的独立以及业务的独立,使得页面拆成尽可能小的独立楼层,便于页面维护。
在本公开的另一个实施例中,楼层间是通过分割线来区分的,但是分割线又不属于某一个楼层,需要根据展示的楼层来决定要显示的分割线。分割线也当作独立的楼层处理,服务器下发楼层配置的时候便会将相应的楼层分割线下发下来,即楼层模版配置数据还包括楼层分割线信息,但服务器下发的分割线可能是不准确的,在创建楼层实体类的时候相应将所有的分割线创建出来,并默认将flag标志为true,最后在遍历生成楼层实体类列表的过程中对分割线进行一个算法处理,例如若移动端页面的相邻楼层间至少有一个楼层处于隐藏模式,则将相邻楼层的楼层分割线合并。即凡是两条分割线因为楼层的隐藏碰到一起就会通过权重的方式保留其中的一条。
图5为本公开移动端的一个实施例的结构示意图。该移动端包括配置数据接收单元510、模版实体选择单元520、模版数据生成单元530和列表生成单元540。
配置数据接收单元510用于接收服务器下发的楼层模版配置数据,其中,楼层模版配置数据包括楼层标识列表。其中,服务器可以在动态接口通过独立的节点按照显示顺序向移动端下发楼层模版配置数据,楼层标识可以标识楼层显示顺序。
其中,配置数据接收单元510用于响应于构建页面请求,在本地读取预先从服务器下载的楼层模版配置数据;或者用于响应于构建页面请求,在服务器获取楼层模版配置数据。
模版实体选择单元520用于遍历楼层模版配置数据,根据楼层标识与模版实体的对应关系为各楼层选择对应的模版实体。其中,移动端本地保存有mId-template实体的对应关系,遍历服务器下发的template数据,为各楼层选择对应的模版实体。
模版数据生成单元530用于根据模版实体生成各楼层对应的模版数据。
列表生成单元540用于根据模版数据创建楼层实体类列表,以便根据楼层实体类列表在页面中显示各楼层。
在该实施例中,借用“乐高积木”思想来实现页面随意搭建的目的,首先把页面拆成尽可能小的独立楼层,配置需要的楼层,从而形成楼层化的页面,能够解决当前敏捷开发过程中高频业务需求对页面维护的要求。
在本公开的另一个实施例中,如图6所示,该移动端还包括显示判断单元610和标志位设置单元620。
显示判断单元610用于判断各楼层是否需要显示在页面上。其中,服务器不确定某个楼层是否显示,可以设置默认下发,由移动端决定楼层显示或隐藏。例如,移动端可以通过请求其它接口等方式确定这些楼层是否要显示在页面上。
标志位设置单元620用于根据判断结果设置各楼层的标志位,标志位用于标识各楼层是否显示在页面中。例如,若某楼层需要显示,则将该楼层标志位flag置为true,若不需要显示,则将该楼层标志位flag置为false。
列表生成单元540还用于在楼层实体类列表增加各楼层标志位生成楼层展示列表,以便根据楼层展示列表在页面展示各楼层。
在该实施例中,在服务器下发楼层模版配置数据后,移动端选择对应的模版实体,从而生成各楼层对应的模版数据,根据各楼层是否需要显示在页面上设置各楼层的标志位,在根据模版数据创建楼层实体类列表中增加各楼层标志位生成楼层展示列表,以便根据楼层展示列表在页面展示各楼层,由于将页面拆分成独立的楼层,能够单独配置各楼层,修改列表的过程变成了维护单个楼层的过程,这样既可以满足复杂业务的实现,又不需要再去维护所有的列表内容。
在本公开的另一个实施例中,该移动端还包括楼层增删判断单元630、位置确定单元640、楼层增删执行单元650。
楼层增删判断单元630用于根据业务需求判断是否需要增加新楼层。服务器通过主接口会返回一部分楼层的数据,还有部分楼层数据移动端需要通过其他接口获取。
位置确定单元640用于若需要增加新楼层,则获取新楼层信息,其中,新楼层信息中包括楼层标识,将新楼层信息中的楼层标识与楼层展示列表中的楼层标识进行比对,确定新楼层在页面中的位置。楼层标识即标识楼层在页面中的位置。若新楼层信息中的楼层标识为末尾楼层,则将新楼层添加到页面中最末楼层位置即可。若新楼层信息中的楼层标识为第三楼层,但楼层展示列表中已有第三楼层,则根据预先约定将该新楼层设置在原始第三楼层位置,原始第三楼层至第N楼层,则依次修改为第四楼层至第N+1楼层。或者将新楼层位置设置在原始第三楼层的下一层,即第四楼层位置,而原始第四楼层至第N楼层,则依次修改为第五楼层至第N+1楼层。
楼层增删执行单元650用于根据新楼层在页面中的位置在页面中插入新楼层。
在该实施例中,支持第三方开发的楼层内容,移动端可以在页面中插入该楼层,即移动端能够快速响应需求并友好的向第三方输出开发能力,可以有效的支持主逻辑,在保证列表架构的前提下,开发各种复杂业务的需求实现。
在本公开的另一个实施例中,楼层增删判断单元630还用于根据业务需求判断是否需要删除预定楼层。
位置确定单元640还用于若需要删除预定楼层,则根据预定楼层的楼层标识确定预定楼层在页面的位置。
楼层增删执行单元650还用于在预定楼层在页面的位置处删除预定楼层。
在该实施例中,根据业务需求,可以在页面中删除预定楼层,但不会影响整个页面内容,便于页面维护。
在本公开的另一个实施例中,可以根据需要将不同的业务单元划分为不同的楼层,即最小化楼层。该移动端还包括楼层拆分单元660,用于根据页面中各业务单元间的属性信息,将不同的业务单元划分为不同的楼层。各业务单元间的属性信息包括顺序逻辑关系、功能关系、耦合关系和内容关系等。
在上述实施例中,拆楼层的过程可以从顺序逻辑、功能、耦合、内容等方面进行楼层的拆分,但楼层之间也可以有相关关联。为保证充分的解耦合,在拆分楼层的过程中可以使用的最小原则进行划分。
在本公开的另一个实施例中,楼层模版配置数据还包括楼层分割线信息,该移动端还包括分割线处理单元670,用于若相邻楼层间至少有一个楼层处于隐藏模式,则将相邻楼层的楼层分割线合并。
楼层间是通过分割线来区分的,但是分割线又不属于某一个楼层,需要根据展示的楼层来决定要显示的分割线。分割线也当作独立的楼层处理,服务器下发楼层配置的时候便会将相应的楼层分割线下发下来,即楼层模版配置数据还包括楼层分割线信息,但服务器下发的分割线可能是不准确的,在创建楼层实体类的时候相应将所有的分割线创建出来,并默认将flag标志为true,最后在遍历生成楼层实体类列表的过程中对分割线进行一个算法处理,凡是两条分割线因为楼层的隐藏碰到一起就会通过权重的方式保留其中的一条。
图7为本公开移动端的又一个实施例的结构示意图。该移动端包括存储器710和处理器720,其中:
存储器710可以是磁盘、闪存或其它任何非易失性存储介质。存储器用于存储图1-4所对应实施例中的指令。处理器720耦接至存储器710,可以作为一个或多个集成电路来实施,例如微处理器或微控制器。该处理器720用于执行存储器中存储的指令。
在一个实施例中,还可以如图8所示,该移动端800包括存储器810和处理器820。处理器820通过BUS总线830耦合至存储器810。该移动端800还可以通过存储接口840连接至外部存储装置850以便调用外部数据,还可以通过网络接口860连接至网络或者另外一台计算机系统(未标出),此处不再进行详细介绍。
在该实施例中,通过存储器存储数据指令,再通过处理器处理上述指令,能够解决当前敏捷开发过程中高频业务需求对页面维护的要求。
图9为本公开移动端页面构建系统的一个实施例的结构示意图。该系统包括服务器910和移动端920,其中,移动端920已在上述实施例中进行了详细介绍,此处不再进一步阐述。服务器910用于向移动端920下发楼层模版配置数据。其中,服务器910下发楼层模板配置数据的时候并不能确定这些楼层是不是需要在页面上显示,因此,按照默认下发所有楼层模版配置数据,由移动端920确定楼层是显示还是隐藏。
在该实施例中,能够解决敏捷化开发中多业务并发问题,并且支持第三方根据具体业务开发的楼层内容,以便于页面维护。
在另一个实施例中,一种计算机可读存储介质,其上存储有计算机程序指令,该指令被处理器执行时实现图1-4所对应实施例中的方法的步骤。本领域内的技术人员应明白,本公开的实施例可提供为方法、装置、或计算机程序产品。因此,本公开可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本公开可采用在一个或多个其中包含有计算机可用程序代码的计算机可用非瞬时性存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本公开是参照根据本公开实施例的方法、设备(系统)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
至此,已经详细描述了本公开。为了避免遮蔽本公开的构思,没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述,完全可以明白如何实施这里公开的技术方案。
虽然已经通过示例对本公开的一些特定实施例进行了详细说明,但是本领域的技术人员应该理解,以上示例仅是为了进行说明,而不是为了限制本公开的范围。本领域的技术人员应该理解,可在不脱离本公开的范围和精神的情况下,对以上实施例进行修改。本公开的范围由所附权利要求来限定。
Claims (17)
1.一种移动端页面构建方法,包括:
接收服务器下发的楼层模版配置数据,其中,所述楼层模版配置数据包括楼层标识列表;
遍历所述楼层模版配置数据,根据楼层标识与模版实体的对应关系,为各楼层选择对应的模版实体;
根据模版实体生成各楼层对应的模版数据;
根据所述模版数据创建楼层实体类列表,以便根据所述楼层实体类列表在所述页面中构建各楼层;
根据业务需求判断是否需要增加新楼层;
若需要增加新楼层,则获取新楼层信息,其中,所述新楼层信息中包括楼层标识;
将所述新楼层信息中的楼层标识与所述楼层展示列表中的楼层标识进行比对,确定新楼层在所述页面中的位置;
根据新楼层在所述页面中的位置在页面中插入新楼层。
2.根据权利要求1所述的移动端页面构建方法,还包括:
判断各楼层是否需要显示在所述页面上;
根据判断结果设置各楼层的标志位,所述标志位用于标识各楼层是否显示在页面中;
在所述楼层实体类列表增加各楼层标志位生成楼层展示列表,以便根据所述楼层展示列表在所述页面展示各楼层。
3.根据权利要求2所述的移动端页面构建方法,还包括:
根据业务需求判断是否需要删除预定楼层;
若需要删除预定楼层,则根据所述预定楼层的楼层标识确定所述预定楼层在所述页面的位置;
在所述预定楼层在页面的位置处删除所述预定楼层。
4.根据权利要求1所述的移动端页面构建方法,其中,所述楼层模版配置数据还包括楼层分割线信息,所述方法还包括:
若相邻楼层间至少有一个楼层处于隐藏模式,则将相邻楼层的楼层分割线合并。
5.根据权利要求1-4任一所述的移动端页面构建方法,还包括:
根据所述页面中各业务单元间的属性信息,将不同的业务单元划分为不同的楼层。
6.根据权利要求5所述的移动端页面构建方法,其中,
各业务单元间的属性信息包括顺序逻辑关系、功能关系、耦合关系和内容关系中的至少一项。
7.根据权利要求1-4任一所述的移动端页面构建方法,其中,
响应于构建页面请求,在本地读取预先从服务器下载的楼层模版配置数据;或者
响应于构建页面请求,在服务器获取楼层模版配置数据。
8.一种移动端,包括:
配置数据接收单元,用于接收服务器下发的楼层模版配置数据,其中,所述楼层模版配置数据包括楼层标识列表;
模版实体选择单元,用于遍历所述楼层模版配置数据,根据楼层标识与模版实体的对应关系,为各楼层选择对应的模版实体;
模版数据生成单元,用于根据模版实体生成各楼层对应的模版数据;
列表生成单元,用于根据所述模版数据创建楼层实体类列表,以便根据所述楼层实体类列表在页面中显示各楼层;
楼层增删判断单元,用于根据业务需求判断是否需要增加新楼层;
位置确定单元,用于若需要增加新楼层,则获取新楼层信息,其中,所述新楼层信息中包括楼层标识,将所述新楼层信息中的楼层标识与所述楼层展示列表中的楼层标识进行比对,确定新楼层在所述页面中的位置;
楼层增删执行单元,用于根据新楼层在所述页面中的位置在页面中插入新楼层。
9.根据权利要求8所述的移动端,还包括:
显示判断单元,用于判断各楼层是否需要显示在所述页面上;
标志位设置单元,用于根据判断结果设置各楼层的标志位,所述标志位用于标识各楼层是否显示在页面中;
所述列表生成单元还用于在所述楼层实体类列表增加各楼层标志位生成楼层展示列表,以便根据所述楼层展示列表在所述页面展示各楼层。
10.根据权利要求8所述的移动端,其中,
所述楼层增删判断单元还用于根据业务需求判断是否需要删除预定楼层;
所述位置确定单元还用于若需要删除预定楼层,则根据所述预定楼层的楼层标识确定所述预定楼层在所述页面的位置;
所述楼层增删执行单元还用于在所述预定楼层在页面的位置处删除所述预定楼层。
11.根据权利要求8所述的移动端,其中,所述楼层模版配置数据还包括楼层分割线信息,所述移动端还包括:
分割线处理单元,用于若相邻楼层间至少有一个楼层处于隐藏模式,则将相邻楼层的楼层分割线合并。
12.根据权利要求8-11任一所述的移动端,还包括:
楼层拆分单元,用于根据所述页面中各业务单元间的属性信息,将不同的业务单元划分为不同的楼层。
13.根据权利要求12所述的移动端,其中,
各业务单元间的属性信息包括顺序逻辑关系、功能关系、耦合关系和内容关系中的至少一项。
14.根据权利要求8-11任一所述的移动端,其中,
所述配置数据接收单元用于响应于构建页面请求,在本地读取预先从服务器下载的楼层模版配置数据;或者用于响应于构建页面请求,在服务器获取楼层模版配置数据。
15.一种移动端,包括:
存储器;以及
耦接至所述存储器的处理器,所述处理器被配置为基于存储在所述存储器的指令执行如权利要求1至7任一项所述的移动端页面构建方法。
16.一种移动端页面构建系统,包括服务器和权利要求8-15任一所述的移动端;
其中,所述服务器用于向所述移动端下发楼层模版配置数据。
17.一种计算机可读存储介质,其上存储有计算机程序指令,该指令被处理器执行时实现权利要求1至7任一项所述的移动端页面构建方法的步骤。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810847473.3A CN110764763B (zh) | 2018-07-27 | 2018-07-27 | 移动端页面构建方法、系统和移动端 |
PCT/CN2019/097553 WO2020020248A1 (zh) | 2018-07-27 | 2019-07-24 | 移动端页面构建方法、系统和移动端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810847473.3A CN110764763B (zh) | 2018-07-27 | 2018-07-27 | 移动端页面构建方法、系统和移动端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110764763A CN110764763A (zh) | 2020-02-07 |
CN110764763B true CN110764763B (zh) | 2022-04-26 |
Family
ID=69182153
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810847473.3A Active CN110764763B (zh) | 2018-07-27 | 2018-07-27 | 移动端页面构建方法、系统和移动端 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN110764763B (zh) |
WO (1) | WO2020020248A1 (zh) |
Families Citing this family (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111445288A (zh) * | 2020-03-31 | 2020-07-24 | 苏宁云计算有限公司 | 广告位楼层的配置方法及其展示方法、装置、介质及设备 |
CN113626029B (zh) * | 2020-05-09 | 2024-04-26 | 中国人寿财产保险股份有限公司 | 一种动态生成页面的数据处理方法和系统 |
CN111767050A (zh) * | 2020-05-20 | 2020-10-13 | 贝壳技术有限公司 | 列表页生成方法及装置 |
CN112328244A (zh) * | 2020-05-27 | 2021-02-05 | 北京沃东天骏信息技术有限公司 | 显示页面配置的方法、服务器、终端设备及电子设备 |
CN111984259A (zh) * | 2020-07-10 | 2020-11-24 | 浙江大搜车软件技术有限公司 | 界面创建方法、装置、设备及存储介质 |
CN112052001B (zh) * | 2020-09-04 | 2023-11-24 | 上海浦东发展银行股份有限公司 | App客户端的ui动态显示设计架构、方法、设备及存储介质 |
CN112307372B (zh) * | 2020-10-29 | 2024-07-16 | 北京沃东天骏信息技术有限公司 | 数据处理方法和装置 |
CN113760226B (zh) * | 2020-11-25 | 2024-10-18 | 北京沃东天骏信息技术有限公司 | 服务构建方法、装置、电子设备以及存储介质 |
CN112306491A (zh) * | 2020-11-30 | 2021-02-02 | 北京博瑞彤芸科技股份有限公司 | 一种业务配置方法、装置、终端及存储介质 |
CN112579138A (zh) * | 2020-12-02 | 2021-03-30 | 京东数字科技控股股份有限公司 | 页面展示方法、装置、电子设备及存储介质 |
CN112905262B (zh) * | 2021-03-09 | 2024-06-04 | 中国人民解放军63920部队 | 一种航天测控系统配置方法及装置 |
CN113703809B (zh) * | 2021-08-31 | 2024-04-26 | 康键信息技术(深圳)有限公司 | 一种首页应用数据配置更新方法、装置、设备和介质 |
CN113805886A (zh) * | 2021-09-26 | 2021-12-17 | 北京沃东天骏信息技术有限公司 | 页面创建方法、装置和系统、计算机装置和存储介质 |
CN115562670B (zh) * | 2022-11-15 | 2023-04-25 | 深圳市客路网络科技有限公司 | 页面配置方法、装置、电子设备及介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105468377A (zh) * | 2015-12-10 | 2016-04-06 | 北京中科汇联科技股份有限公司 | 一种移动端页面生成方法及系统 |
CN105549973A (zh) * | 2015-12-11 | 2016-05-04 | 上海斐讯数据通信技术有限公司 | 一种列表控件中视图列表的数据更新方法及系统 |
CN108008954A (zh) * | 2017-12-01 | 2018-05-08 | 深圳乐信软件技术有限公司 | 页面配置方法、装置、服务器及介质 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9317490B2 (en) * | 2012-09-19 | 2016-04-19 | TagMan Inc. | Systems and methods for 3-tier tag container architecture |
CN103019684B (zh) * | 2012-11-20 | 2016-03-16 | 北京思特奇信息技术股份有限公司 | 一种基于动态模板的配置业务页面的方法 |
CN106294816B (zh) * | 2016-08-16 | 2022-03-25 | 腾讯科技(深圳)有限公司 | 页面信息的处理方法和装置 |
CN107784076A (zh) * | 2017-09-25 | 2018-03-09 | 北京京东尚科信息技术有限公司 | 可视化构建用户行为数据的方法和装置 |
CN108256025A (zh) * | 2018-01-10 | 2018-07-06 | 链家网(北京)科技有限公司 | 基于html5的页面的构建方法及装置 |
-
2018
- 2018-07-27 CN CN201810847473.3A patent/CN110764763B/zh active Active
-
2019
- 2019-07-24 WO PCT/CN2019/097553 patent/WO2020020248A1/zh active Application Filing
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105468377A (zh) * | 2015-12-10 | 2016-04-06 | 北京中科汇联科技股份有限公司 | 一种移动端页面生成方法及系统 |
CN105549973A (zh) * | 2015-12-11 | 2016-05-04 | 上海斐讯数据通信技术有限公司 | 一种列表控件中视图列表的数据更新方法及系统 |
CN108008954A (zh) * | 2017-12-01 | 2018-05-08 | 深圳乐信软件技术有限公司 | 页面配置方法、装置、服务器及介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2020020248A1 (zh) | 2020-01-30 |
CN110764763A (zh) | 2020-02-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110764763B (zh) | 移动端页面构建方法、系统和移动端 | |
JP5489391B2 (ja) | トポロジを比較するための方法、システムおよびプログラム(トポロジ比較) | |
CN111414166B (zh) | 代码的生成方法、装置、设备及存储介质 | |
US20160313874A1 (en) | Visual effects system for "big data" analysis workflow editors, distribution platforms, execution engines, and management systems comprising same | |
CN110402441B (zh) | 引用访问控制列表 | |
US20150120508A1 (en) | Purchasing Systems and Methods | |
CN111666100B (zh) | 软件框架生成方法、装置、电子设备及存储介质 | |
US20240111565A1 (en) | Systems and methods for developing digital experience applications | |
CN105955743B (zh) | 资源数值转移请求生成的方法、装置和系统 | |
CN113449498A (zh) | 生成表单的方法、装置、存储介质及电子设备 | |
CN107621951B (zh) | 一种视图层级优化的方法及装置 | |
CN111435936A (zh) | 云主机创建方法、装置、服务器及计算机可读存储介质 | |
CN111694992A (zh) | 一种数据处理方法和装置 | |
CN113326095A (zh) | 一种佣金数据处理方法和装置 | |
CN117453980A (zh) | 元数据管理、配置页面生成方法、服务器及存储介质 | |
CN113763069A (zh) | 物品信息展示页面生成方法、装置、设备和存储介质 | |
CN114254068B (zh) | 一种数据流转方法和系统 | |
CN112148287B (zh) | 一种表格动态显示方法、装置以及电子设备 | |
CN110989982B (zh) | 一种带返回值函数的积木块构建方法、装置、存储介质和处理器 | |
CN110309314B (zh) | 一种血缘关系图的生成方法、装置、电子设备及存储介质 | |
CN109766480B (zh) | 一种数据查询方法和设备 | |
CN111367898A (zh) | 数据处理方法、装置、系统、电子设备及存储介质 | |
CN113477548B (zh) | 一种物品筛选装置和方法 | |
CN113761327B (zh) | 推荐策略的调度方法、设备以及存储介质 | |
CN115729641B (zh) | 一种自定义组件的元数据流转方法、装置及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |