零代码可视化定制门户界面-使用SuperMap iPortal 8C(2017)

SuperMap iPortal 8C(2017)正式发布了，在其众多新特性中，最令人期待的莫过于全新晋级的可视化门户定制系统，可实现门户首页零代码可视化规划，支持多种方式无代码快速集成第三方Web应用到iPortal门户中，尤其适宜单位内部有多个Web应用，期望集成到同一个门户平台停止使用的用户。
下面带您一起体验下可视化门户定制系统的魅力。
门户默认首页全新晋级，可方便定制

SuperMap iPortal 8C(2017)门户默认首页对导航栏停止了合并，新增支持添加二级导航栏，方便用户设置多个导航栏目，用于集成第三方Web应用，同时新增了轮播、模块快捷链接等UI组件，首页各UI组件都支持在可视化门户定制系统中停止自定义设置。

图1 SuperMap iPortal 8C(2017)门户默认首页（可方便定制）
针对一些高级用户，可能希望对门户首页的UI组件停止重新规划，突破默认的一行一列的规划形式，该如何处置？或者希望在门户首页中自定义添加一些新的UI组件，例如：新闻中心、电子地图等等，怎么办？我们在做一些行业应用的时候，难免会遇到这样的问题。传统做法可能需要前端开发人员去修改页面代码，占用大量时间做前端定制的事情。然而项目工期有限，人力有限，导致前端定制往往成为制约我们项目建立的瓶颈。
##零代码实现门户首页可视化规划
SuperMap iPortal 8C(2017)内置了可视化规划系统，让您无需掌握JavaScript、html5或css3，只需要简单的鼠标拖动就能处置以上问题，让不懂技术的人也可以轻松、快速、灵敏的定制出满足项目需求的门户界面，尽享门户定制的乐趣。终究有何魔力？我们分别看一下：
-支持按Bootstrap的栅格规划，停止任意的区域自定义划分
在可视化规划系统中，内置了Bootstrap的12列栅格规划组件，您可以设计统一的门户首页规划，调整页面中各个UI组件的位置，这一切无需编写任何代码，简单的鼠标拖动即可实现。
-支持自定义UI组件，方便快速集成第三方Web应用
在可视化规划系统中，内置了前端源码编辑器，方便您快速将第三方Web应用集成到门户首页中。

图2 自定义添加“电子地图”应用组件
##定制导航栏目，无代码集成第三方Web应用
不只如此，SuperMap iPortal 8C(2017)还支持使用“内置导航栏”的方式集成第三方Web应用模块。您可以自定义添加一级、二级导航栏目，将第三方Web应用模块集成进来，并且可以选择使用iPortal内置导航栏，无代码实现让新添加的栏目共享iPortal的导航栏和用户登录状态，从而方便用户集成多个第三方Web应用到门户中。

图3 使用“内置导航栏”集成文档模块
SuperMap iPortal 8C(2017)提供的可视化门户定制系统，基于阅读器的可视化，完全傻瓜式的定制形式，不需要编写任何代码即可定制出满足用户需求的门户平台界面，不只降低了门户定制的门槛，而且极大缩短了项目建立周期，非常适宜那些项目周期短，对门户界面没有特殊要求的用户。

图4可视化门户定制系统
##可视化门户定制案例
最后，我们来看一个实际的项目案例。在某地区的地理信息公共平台建立项目中，用户基于SuperMap iPortal 8C(2017)搭建了地理信息公共效劳平台，其门户平台界面通过iPortal内置的可视化门户定制系统停止定制，几乎零代码完成了门户界面的定制，既高效又美观，如图5-1所示。在该门户平台中，用户还通过定制导航栏的方式，无代码集成了智慧GIS效劳、开发中心、新闻中心、公共参与中心等多个第三方Web应用，这些集成的第三方Web应用还能共享iPortal的导航栏和用户登录状态，如图5-2所示。该用户表示，SuperMap iPortal 8C(2017)简单易用，门户定制灵敏、高效，具有很高的推广使用价值。

图5-1 用户定制的门户界面

图5-2 轻松集成第三方Web应用
更多门户新特性和加强等您来体验！SuperMap iPortal 8C(2017)下载地址：
http://support.supermap.com.cn/DownlOAdCenter/ProductPlatform.aspx