CN112068821A - 一种基于智慧园区的app可视化搭建方法 - Google Patents

Abstract

本发明公开了一种基于智慧园区的app可视化搭建方法，涉及企业运维技术领域，对app的页面进行动态化创建，包括以下步骤：S1、搭建园区app的入口Tabbar；S2、通过Tabbar创建页面，并通过可视化工具动态化搭建页面的内容；S3、根据客户的个性化需求，设置页面内容点击事件；S4、设置app的操作系统，并同步支持安卓端以及IOS端；S5、将Tabbar指定入口绑定至指定页面，完成app页面的创建；S6、设置多种不同的应用场景；S7、根据客户的个性化需求，通过调整场景入口Tabbar。该基于智慧园区的app可视化搭建方法，基于客户的考虑设计不同的展示内容，所以在个性化上更为强烈，并且我们可以调整整个app的页面内容，做到“千园千面”，每个智慧园区的app都不一样。

Description

一种基于智慧园区的app可视化搭建方法

技术领域

本发明涉及企业运维技术领域，具体为一种基于智慧园区的app可视化搭建方法。

背景技术

智慧园区app的页面动态化，是为了满足运营人员在对app、用户运维的过程当中，可以自由的将策划的活动、商品、信息通过后台配置，并展示在页面当中。

但以往的技术实现思路，是按照传统管理后台模式，通过添加多条数据，并配置不同的空间占比，来搭建页面动态化。但因其操作步骤复杂、难学、不易懂、易忘，一直以外被运营人员、项目交付人员所诟病。而且页面动态化组件单一，对运营的方式带来局限性，并不能很好的满足运营实际的需求。

项目的交付过程当中，每个客户都对app有自己的理解和想法，那么就需要交付人员基于客户的需求对app进行大量的UI界面开发和调整，从而产生大量的工作量，造成项目交付时间长的问题。

而且交付人员并不能很好的掌握旧版的页面动态化的创建，就需要向运营人员、产品开发人员咨询使用方式，每个项目如此，就造成了大量的人员沟通成本。

为此，我们提出了一种基于智慧园区的app可视化搭建方法，解决以往页面动态化交互方式，运营人员基于活动策划，可自行对app呈现的风格、内容进行高度自由定制，而不需要开发人员介入，同时解决项目交付过程中，客户对app的个性化需求，可通过该技术快速搭建，app实时生效，而不需要进行额外的代码开发。

发明内容

针对现有技术的不足，本发明提供了一种基于智慧园区的app可视化搭建方法，以解决上述背景技术中提出的问题。

为实现上述目的，本发明提供如下技术方案：一种基于智慧园区的app可视化搭建方法，对app的页面进行动态化创建，包括以下步骤：

S1、搭建园区app的入口Tabbar；

S2、通过Tabbar创建页面，并通过可视化工具动态化搭建页面的内容；

S3、根据客户的个性化需求，设置页面内容点击事件；

S4、设置app的操作系统，并同步支持安卓端以及IOS端；

S5、将Tabbar指定入口绑定至指定页面，完成app页面的创建；

S6、设置多种不同的应用场景，并在应用场景中搭建用于切换应用场景的场景入口Tabbar；

S7、根据客户的个性化需求，通过调整场景入口Tabbar，进行一键切换页面

进一步优化本技术方案，所述S2中，动态化搭建页面的内容包括设置的Tabbar的图标、文字、顺序、颜色、背景以及自定义的排列方式，对上述的内容进行自由搭建。

进一步优化本技术方案，所述S2中，可视化工具为可视化编辑器，可视化编辑器分为左侧组件区、中间可视化效果区以及右侧组件属性区，用于对app的页面内容进行动态化搭建编辑。

进一步优化本技术方案，所述可视化编辑器的左侧组件区包括基础组件、原生组件、形态组件以及浮动组件，其中基础组件包括空白组件、文本组件、轮播组件以及宫格组件，用于添加不同类型的页面内容；其中原生组件包括消息中心、园付通以及最新资讯，用于作为app的基础功能；其中形态组件包括多行多列排列和不规则排列，用于对页面内容进行排序；其中浮动组件包括导航功能和快捷功能，用于根据客户的需求，在app页面中进行添加。

进一步优化本技术方案，所述可视化编辑器的右侧组件属性包括基础样式、组件属性以及数据集合，其中基础样式包括组件高度编辑、背景颜色编辑、背景图片填充；其中组件属性包括对页面的行数和列数进行编辑；其中数据集合包括对多条消息进行集合编辑，并可以编辑标题文字、设置插入图片、编辑消息的事件内容。

进一步优化本技术方案，所述客户的个性化需求包括客户的园区性质、客户的喜好以及客户的产业定位，客户的同一园区可不限数量的配置多种应用场景，并可以做到一键切换，减少二次开发应用场景的工作，降低交付成本，用于满足运营人员的需求，提供丰富的运营组件。

进一步优化本技术方案，所述S3中，页面组件的点击事件可以通过绑定我们智慧园区的所有业务功能，绑定后，在app中访问，点击即可跳转到对应的功能当中。

进一步优化本技术方案，所述对应的功能包括网页、运营平台表单、可视化楼层页面、园区信息、便民服务、物业服务、园区资源、运营工具、抽奖工具、企业服务、园付通、广场、APP我的以及APP设置等页面组件。

与现有技术相比，本发明提供了一种基于智慧园区的app可视化搭建方法，具备以下有益效果：

1、该基于智慧园区的app可视化搭建方法，通过进行可视化搭建，高自由度搭建app页面展示，免除、减少二次开发工作量，可快速定制页面，满足客户个性化需求，在满足运营人员需求，提供丰富的运营组件的同时，减少交付人工、时长，提升交付速度和人效。

2、该基于智慧园区的app可视化搭建方法，基于客户的考虑设计不同的展示内容，所以在个性化上更为强烈，并且我们可以调整整个app的页面内容，做到“千园千面”，每个智慧园区的app都不一样。

附图说明

图1为本发明提出的一种基于智慧园区的app可视化搭建方法的可视化编辑界面；

图2为本发明提出的一种基于智慧园区的app可视化搭建方法的功能分组界面；

图3为本发明提出的一种基于智慧园区的app可视化搭建方法的Tabbar的形态选择界面；

图4为本发明提出的一种基于智慧园区的app可视化搭建方法的一种自定义方案界面。

具体实施方式

下面将结合本发明的实施例，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例一：

一种基于智慧园区的app可视化搭建方法，对app的页面进行动态化创建，包括以下步骤：

S1、搭建园区app的入口Tabbar；

S2、通过Tabbar创建页面，并通过可视化工具动态化搭建页面的内容，动态化搭建页面的内容包括设置的Tabbar的图标、文字、顺序、颜色、背景以及自定义的排列方式，对上述的内容进行自由搭建；

S3、根据客户的个性化需求，设置页面内容点击事件，页面组件的点击事件可以通过绑定我们智慧园区的所有业务功能，绑定后，在app中访问，点击即可跳转到对应的功能当中，所述客户的个性化需求包括客户的园区性质、客户的喜好以及客户的产业定位，客户的同一园区可不限数量的配置多种应用场景，并可以做到一键切换，减少二次开发应用场景的工作，降低交付成本，用于满足运营人员的需求，提供丰富的运营组件；

S4、设置app的操作系统，并同步支持安卓端以及IOS端；

S5、将Tabbar指定入口绑定至指定页面，完成app页面的创建；

S6、设置多种不同的应用场景，并在应用场景中搭建用于切换应用场景的场景入口Tabbar；

S7、根据客户的个性化需求，通过调整场景入口Tabbar，进行一键切换页面。

请参阅图1，创建可视化页面，可以将系统提供的多种组件自由搭建，可视化工具为可视化编辑器，可视化编辑器分为左侧组件区、中间可视化效果区以及右侧组件属性区，用于对app的页面内容进行动态化搭建编辑。可视化编辑器的左侧组件区包括基础组件、原生组件、形态组件以及浮动组件，其中基础组件包括空白组件、文本组件、轮播组件以及宫格组件，用于添加不同类型的页面内容；其中原生组件包括消息中心、园付通以及最新资讯，用于作为app的基础功能；其中形态组件包括多行多列排列和不规则排列，用于对页面内容进行排序；其中浮动组件包括导航功能和快捷功能，用于根据客户的需求，在app页面中进行添加。可视化编辑器的右侧组件属性包括基础样式、组件属性以及数据集合，其中基础样式包括组件高度编辑、背景颜色编辑、背景图片填充；其中组件属性包括对页面的行数和列数进行编辑；其中数据集合包括对多条消息进行集合编辑，并可以编辑标题文字、设置插入图片、编辑消息的事件内容。通过左右两侧结合，最终呈现中间的效果展示，保存后，在app刷新页面后可实时展示编辑效果。

其中，所述对应的功能包括网页、运营平台表单、可视化楼层页面、园区信息、便民服务、物业服务、园区资源、运营工具、抽奖工具、企业服务、园付通、广场、APP我的以及APP设置等页面组件。

实施例二：

一种基于智慧园区的app可视化搭建方法，对app的页面进行动态化创建，包括以下步骤：

S1、搭建园区app的入口Tabbar；

S2、通过Tabbar创建页面，并通过可视化工具动态化搭建页面的内容，动态化搭建页面的内容包括设置的Tabbar的图标、文字、顺序、颜色、背景以及自定义的排列方式，对上述的内容进行自由搭建；

S3、根据客户的个性化需求，设置页面内容点击事件，页面组件的点击事件可以通过绑定我们智慧园区的所有业务功能，绑定后，在app中访问，点击即可跳转到对应的功能当中，所述客户的个性化需求包括客户的园区性质、客户的喜好以及客户的产业定位，客户的同一园区可不限数量的配置多种应用场景，并可以做到一键切换，减少二次开发应用场景的工作，降低交付成本，用于满足运营人员的需求，提供丰富的运营组件；

S4、设置app的操作系统，并同步支持安卓端以及IOS端；

S5、将Tabbar指定入口绑定至指定页面，完成app页面的创建；

S6、设置多种不同的应用场景，并在应用场景中搭建用于切换应用场景的场景入口Tabbar；

S7、根据客户的个性化需求，通过调整场景入口Tabbar，进行一键切换页面。

其中，所述对应的功能包括网页、运营平台表单、可视化楼层页面、园区信息、便民服务、物业服务、园区资源、运营工具、抽奖工具、企业服务、园付通、广场、APP我的以及APP设置等页面组件。

请参阅图2，以企业服务为例，点击企业服务功能后，可以细分为资料下载、在线咨询、园内宣传、合同查询、能源消耗、来访预约、物品放行以及子账号等在企业服务范围内的多种服务功能。在编辑好页面后，即可在Tabbar进行入口的绑定、切换入口等操作。

通过以上步骤，实现整个app的内容管理，可视化编辑，从而达到高度定制化目的。

实施例三：

一种基于智慧园区的app可视化搭建方法，对app的页面进行动态化创建，包括以下步骤：

S1、搭建园区app的入口Tabbar；

S2、通过Tabbar创建页面，并通过可视化工具动态化搭建页面的内容，动态化搭建页面的内容包括设置的Tabbar的图标、文字、顺序、颜色、背景以及自定义的排列方式，对上述的内容进行自由搭建；

S3、根据客户的个性化需求，设置页面内容点击事件，页面组件的点击事件可以通过绑定我们智慧园区的所有业务功能，绑定后，在app中访问，点击即可跳转到对应的功能当中，所述客户的个性化需求包括客户的园区性质、客户的喜好以及客户的产业定位，客户的同一园区可不限数量的配置多种应用场景，并可以做到一键切换，减少二次开发应用场景的工作，降低交付成本，用于满足运营人员的需求，提供丰富的运营组件；

S4、设置app的操作系统，并同步支持安卓端以及IOS端；

S5、将Tabbar指定入口绑定至指定页面，完成app页面的创建；

S6、设置多种不同的应用场景，并在应用场景中搭建用于切换应用场景的场景入口Tabbar；

S7、根据客户的个性化需求，通过调整场景入口Tabbar，进行一键切换页面。

app在出厂时默认创建好首页、服务、S+页面，便于用户的使用。通过动态调整Tabbar功能，我们可以实现基于客户的需求，基于产品的定位，将希望展示的重要元素(页面)优先呈现给最终用户，并且可以根据不同的场景应用，进行快速的切换。

请参阅图3，比如某智慧园区的主打功能为园付通，那么可以将园付通设置为Tabbar中的一级页面，用户即可快速切换。

请参阅图4，若未来智慧园区需要进行升级，需要主打门禁、智能控制，也可以将这些功能快速配置到Tabbar中。

三个实施例的试验效果表明：该基于智慧园区的app可视化搭建方法，通过进行可视化搭建，高自由度搭建app页面展示，免除、减少二次开发工作量，可快速定制页面，满足客户个性化需求，在满足运营人员需求，提供丰富的运营组件的同时，减少交付人工、时长，提升交付速度和人效。

该基于智慧园区的app可视化搭建方法，基于客户的考虑设计不同的展示内容，所以在个性化上更为强烈，并且我们可以调整整个app的页面内容，做到“千园千面”，每个智慧园区的app都不一样。

尽管已经示出和描述了本发明的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由所附权利要求及其等同物限定。

Claims (8)

1.一种基于智慧园区的app可视化搭建方法，对app的页面进行动态化创建，其特征在于，包括以下步骤：

S1、搭建园区app的入口Tabbar；

S2、通过Tabbar创建页面，并通过可视化工具动态化搭建页面的内容；

S3、根据客户的个性化需求，设置页面内容点击事件；

S4、设置app的操作系统，并同步支持安卓端以及IOS端；

S5、将Tabbar指定入口绑定至指定页面，完成app页面的创建；

S6、设置多种不同的应用场景，并在应用场景中搭建用于切换应用场景的场景入口Tabbar；

S7、根据客户的个性化需求，通过调整场景入口Tabbar，进行一键切换页面。

2.根据权利要求1所述的一种基于智慧园区的app可视化搭建方法，其特征在于，所述S2中，动态化搭建页面的内容包括设置的Tabbar的图标、文字、顺序、颜色、背景以及自定义的排列方式，对上述的内容进行自由搭建。

3.根据权利要求1所述的一种基于智慧园区的app可视化搭建方法，其特征在于，所述S2中，可视化工具为可视化编辑器，可视化编辑器分为左侧组件区、中间可视化效果区以及右侧组件属性区，用于对app的页面内容进行动态化搭建编辑。

4.根据权利要求3所述的一种基于智慧园区的app可视化搭建方法，其特征在于，所述可视化编辑器的左侧组件区包括基础组件、原生组件、形态组件以及浮动组件，其中基础组件包括空白组件、文本组件、轮播组件以及宫格组件，用于添加不同类型的页面内容；其中原生组件包括消息中心、园付通以及最新资讯，用于作为app的基础功能；其中形态组件包括多行多列排列和不规则排列，用于对页面内容进行排序；其中浮动组件包括导航功能和快捷功能，用于根据客户的需求，在app页面中进行添加。

5.根据权利要求3所述的一种基于智慧园区的app可视化搭建方法，其特征在于，所述可视化编辑器的右侧组件属性包括基础样式、组件属性以及数据集合，其中基础样式包括组件高度编辑、背景颜色编辑、背景图片填充；其中组件属性包括对页面的行数和列数进行编辑；其中数据集合包括对多条消息进行集合编辑，并可以编辑标题文字、设置插入图片、编辑消息的事件内容。

6.根据权利要求1所述的一种基于智慧园区的app可视化搭建方法，其特征在于，所述客户的个性化需求包括客户的园区性质、客户的喜好以及客户的产业定位，客户的同一园区可不限数量的配置多种应用场景，并可以做到一键切换，减少二次开发应用场景的工作，降低交付成本，用于满足运营人员的需求，提供丰富的运营组件。

7.根据权利要求1所述的一种基于智慧园区的app可视化搭建方法，其特征在于，所述S3中，页面组件的点击事件可以通过绑定我们智慧园区的所有业务功能，绑定后，在app中访问，点击即可跳转到对应的功能当中。

8.根据权利要求7所述的一种基于智慧园区的app可视化搭建方法，其特征在于，所述对应的功能包括网页、运营平台表单、可视化楼层页面、园区信息、便民服务、物业服务、园区资源、运营工具、抽奖工具、企业服务、园付通、广场、APP我的以及APP设置等页面组件。

Images