一种页面设计方法技术

本发明专利技术提供了一种页面设计方法，包括：以模块化方式对页面框架进行整体设计；获取数据，并根据所述数据对页面进行填充；根据页面类型对请求页面进行区分加载。上述方法首先提供一种框架，对页面进行整体设计，之后根据获取的数据以模块化的方式进行填充，实现页面的模块化设计方案，方便对应页面内容的调整，对于模块化的显示内容不需要重新创建，只需要简单的点击和移动操作就能实现页面显示内容在页面上的位置变化，提高对页面显示内容的可编辑性。加载过程中对区分静态和动态进行加载，静态页面直接返回，提高响应速度。

【技术实现步骤摘要】

本专利技术涉及页面设计领域，尤其涉及。
技术介绍
近年来随着网络的高速发展，实体店销售逐渐向网络营销转变，用户购买可以足不出户，通过网络营销平台购买所需要的商品。店铺网页上可以显示店铺名称、商品清单、商品价格、商品详情等信息，而这些信息往往还需要在网络营销平台上进行管理。由于店铺页面上每个部分的显示内容是固定的，不能调整该区域显示其它内容，只能通过后台控制是否对这部分内容进行显示，甚至在后台也不能对显示内容进行调整，即只能在店铺页面的固定位置显示固定的内容，无法进行调整。其中通过后台对页面显示进行控制时，需要对后台数据库进行更改才能实现对显示内容的修改。根据上述可见，现有技术中店铺页面的方法具有可编辑性较差的缺点，在通过后台的情况下只能对每部分页面内容进行调整，而不能控制显示内容的类型。
技术实现思路
(一)要解决的技术问题针对上述缺陷，本专利技术要解决的技术问题是如何提高对店铺页面显示内容的可编辑性。( 二)技术方案为解决上述问题，本专利技术提供了，包括:以模块化方式对页面框架进行整体设计；获取数据，并根据数据对页面进行填充； 根据页面类型对请求页面进行区分加载。进一步地，所述以模块化方式对页面框架进行整体设计具体包括:将页面划分成固定区域和至少一个内容容器，并对内容容器进行编号；根据需求设计每个内容容器中显示的组件内容,并对组件进行编号,所述内容容器中至少有一个组件或为空。进一步地，任一个组件均可被多个内容容器复用。进一步地，根据所述数据对页面进行填充的过程具体包括:对获取的数据进行解析，得到固定数据和非固定数据；固定数据用于对页面上的固定区域进行填充；非固定数据用于对页面上的各个内容容器进行填充。进一步地，解析非固定数据得到容器数据以及对应的容器编号，根据解析得到的容器编号和页面上预定义的容器编号进行匹配，对各个内容容器进行页面填充。进一步地，解析容器数据得到内容容器中包含的组件数据，根据组件数据进行匹配生成对应的组件，并填充到所述内容容器中。所述根据页面类型对请求页面进行区分加载具体包括:根据修改频率将页面分成两种类型，修改频率低于预设频率的页面为静态类型，直接生成静态页面以备后续访问时进行加载使用，修改频率高于预设频率的页面为动态类型，加载前需要从数据库中获取数据，实时生成所述请求页面。(三)有益效果本专利技术提供了，包括:以模块化方式对页面框架进行整体设计；获取数据，并根据所述数据对页面进行填充；根据页面类型对请求页面进行区分加载。上述方法首先提供一种框架，对页面进行整体设计，之后根据获取的数据以模块化的方式进行填充，实现页面的模块化设计方案，方便对应页面内容的调整，对于模块化的显示内容不需要重新创建，只需要简单的点击和移动操作就能实现页面显示内容在页面上的位置变化，提高对页面显示内容的可编辑性。加载过程中对区分静态和动态进行加载，静态页面直接返回，提高响应速度。【附图说明】图1为本专利技术实施例提供的的步骤流程图；图2为本专利技术实施例中店铺页面整体框架结构示图；图3为本专利技术实施例中从服务器获取数据并对页面进行填充的结构图；图4为本专利技术实施例中对页面类型进行分类。【具体实施方式】下面结合附图和实施例，对本专利技术的【具体实施方式】做进一步详细描述。以下实施例用于说明本专利技术，但不用来限制本专利技术的范围。本专利技术实施例提供了，步骤流程如图1所示，具体包括以下步骤:步骤S1、以模块化方式对页面框架进行整体设计；步骤S2、获取数据，并根据数据对页面进行填充；步骤S3、根据页面类型对请求页面进行区分加载。进一步地，步骤SI中以模块化方式对页面框架进行整体设计具体包括:将页面划分成固定区域和至少一个内容容器，并对内容容器进行编号；根据需求设计每个内容容器中显示的组件内容，并对组件进行编号，内容容器中至少有一个组件或为空。需要说明的是，内容容器中可以包括组件，并且对组件的个数不做限定，还可以是内容容器中不包括任何组件。并且，任一个组件均可被多个内容容器复用。进一步地，步骤S2根据数据对页面进行填充的过程具体包括:对获取的数据进行解析，得到固定数据和非固定数据；固定数据用于对页面上的固定区域进行填充；非固定数据用于对页面上的各个内容容器进行填充。上述步骤具体包括:(I)解析非固定数据得到容器数据以及对应的容器编号，根据解析得到的容器编号和页面上预定义的容器编号进行匹配，对各个内容容器进行页面填充。(2)解析容器数据中得到内容容器中包含的组件数据，根据组件数据进行匹配生成对应的组件，并填充到内容容器中，具体的，对组件进行编号，根据组件编号对内容容器进行填充。步骤S3中根据页面类当前第1页1 2 本文档来自技高网...

【技术保护点】
一种页面设计方法，其特征在于，包括：以模块化方式对页面框架进行整体设计；获取数据，并根据数据对页面进行填充；根据页面类型对请求页面进行区分加载。

【技术特征摘要】

【专利技术属性】
技术研发人员：田雨，
申请(专利权)人：北大方正集团有限公司，北京北大方正电子有限公司，
类型：发明
国别省市：北京;11